html, body { height: 100%; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0; padding: 0; /*font-family: 'Montserrat', Halvetica, arial, sans-serif;*/ } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-MediumItalic.eot'); src: local('../fonts/Montserrat Medium Italic'), local('Montserrat-MediumItalic'), url('../fonts/Montserrat-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-MediumItalic.woff') format('woff'), url('../fonts/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-BoldItalic.eot'); src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'), url('../fonts/Montserrat-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BoldItalic.woff') format('woff'), url('../fonts/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraBoldItalic.eot'); src: local('../fonts/Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'), url('../fonts/Montserrat-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Italic.eot'); src: local('../fonts/Montserrat Italic'), local('Montserrat-Italic'), url('../fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Italic.woff') format('woff'), url('../fonts/Montserrat-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLight.eot'); src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('../fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLight.woff') format('woff'), url('../fonts/Montserrat-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ThinItalic.eot'); src: local('../fonts/Montserrat Thin Italic'), local('Montserrat-ThinItalic'), url('../fonts/Montserrat-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ThinItalic.woff') format('woff'), url('../fonts/Montserrat-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.eot'); src: local('../fonts/Montserrat Regular'), local('Montserrat-Regular'), url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Thin.eot'); src: local('../fonts/Montserrat Thin'), local('Montserrat-Thin'), url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Thin.woff') format('woff'), url('../fonts/Montserrat-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-BlackItalic.eot'); src: local('../fonts/Montserrat Black Italic'), local('Montserrat-BlackItalic'), url('../fonts/Montserrat-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-BlackItalic.woff') format('woff'), url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBold.eot'); src: local('../fonts/Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Light.eot'); src: local('../fonts/Montserrat Light'), local('Montserrat-Light'), url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-LightItalic.eot'); src: local('../fonts/Montserrat Light Italic'), local('Montserrat-LightItalic'), url('../fonts/Montserrat-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-LightItalic.woff') format('woff'), url('../fonts/Montserrat-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Medium.eot'); src: local('../fonts/Montserrat Medium'), local('Montserrat-Medium'), url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Medium.woff') format('woff'), url('../fonts/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraLightItalic.eot'); src: local('../fonts/Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'), url('../fonts/Montserrat-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff'), url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBoldItalic.eot'); src: local('../fonts/Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'), url('../fonts/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff'), url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraBold.eot'); src: local('../fonts/Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-ExtraBold.woff') format('woff'), url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Black.eot'); src: local('../fonts/Montserrat Black'), local('Montserrat-Black'), url('../fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Black.woff') format('woff'), url('../fonts/Montserrat-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Bold.eot'); src: local('../fonts/Montserrat Bold'), local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /****Added new custom fonts******/ @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Bold.eot'); src: local('../fonts/OpenSans-Bold'), local('OpenSans-Bold'), url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.eot'); src: local('../fonts/OpenSans-Regular'), local('OpenSans-Regular'), url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.ttf') format('ttf'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Bold.ttf') format('ttf'), url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DancingScript'; src: url('../fonts/DancingScript-Regular.ttf') format('ttf'), url('../fonts/DancingScript-Bold.ttf') format('ttf'), url('../fonts/DancingScript-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'DancingScript'; src: url('../fonts/DancingScript-Bold.ttf') format('ttf'), url('../fonts/DancingScript-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Nunito'; src: url('../fonts/Nunito-Regular.ttf') format('ttf'), url('../fonts/Nunito-Bold.ttf') format('ttf'), url('../fonts/Nunito-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Nunito'; src: url('../fonts/Nunito-Bold.ttf') format('ttf'), url('../fonts/Nunito-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'CooperHewitt'; src: url('../fonts/CooperHewitt-Semibold.otf') format('otf'), url('../fonts/CooperHewitt-Semibold.otf') format('otf'), url('../fonts/CooperHewitt-Semibold.otf') format('truetype'); font-weight: 300; font-style: normal; }*/ @font-face { font-family: 'CooperHewitt'; src: url('../fonts/CooperHewitt-Book.otf') format('otf'), url('../fonts/CooperHewitt-Bold.otf') format('otf'), url('../fonts/CooperHewitt-Book.otf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'CooperHewitt'; src: url('../fonts/CooperHewitt-Bold.otf') format('otf'), url('../fonts/CooperHewitt-Bold.otf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'roboto'; src: url('../fonts/Roboto-Regular.ttf') format('ttf'), url('../fonts/Roboto-Bold.ttf') format('ttf'), url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'roboto'; src: url('../fonts/Roboto-Bold.ttf') format('ttf'), url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'nexademo'; src: url('../fonts/NexaDemo-Light.ttf') format('ttf'), url('../fonts/NexaDemo-Bold.ttf') format('ttf'), url('../fonts/NexaDemo-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'nexademo'; src: url('../fonts/NexaDemo-Bold.ttf') format('ttf'), url('../fonts/NexaDemo-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'poppins'; src: url('../fonts/Poppins-Regular.ttf') format('ttf'), url('../fonts/Poppins-Bold.ttf') format('ttf'), url('../fonts/Poppins-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'poppins'; src: url('../fonts/Poppins-Bold.ttf') format('ttf'), url('../fonts/Poppins-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'TimesNewRoman'; src: url('../fonts/Times-New-Roman-Regular.ttf') format('ttf'), url('../fonts/Times-New-Roman-Bold.ttf') format('ttf'), url('../fonts/Times-New-Roman-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'TimesNewRoman'; src: url('../fonts/Times-New-Roman-Bold.ttf') format('ttf'), url('../fonts/Times-New-Roman-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'fontin'; src: url('../fonts/Fontin-Regular.otf') format('ttf'), url('../fonts/Fontin-Bold.otf') format('ttf'), url('../fonts/Fontin-Regular.otf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'fontin'; src: url('../fonts/Fontin-Bold.otf') format('ttf'), url('../fonts/Fontin-Bold.otf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'rubik'; src: url('../fonts/Rubik-Regular.ttf') format('ttf'), url('../fonts/Rubik-Bold.ttf') format('ttf'), url('../fonts/Rubik-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'rubik'; src: url('../fonts/Rubik-Bold.ttf') format('ttf'), url('../fonts/Rubik-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'spectral'; src: url('../fonts/Spectral-Regular.ttf') format('ttf'), url('../fonts/Rubik-Bold.ttf') format('ttf'), url('../fonts/Spectral-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'spectral'; src: url('../fonts/Rubik-Bold.ttf') format('ttf'), url('../fonts/Rubik-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'playfairDisplay'; src: url('../fonts/PlayfairDisplay-Regular.ttf') format('ttf'), url('../fonts/PlayfairDisplay-Bold.ttf') format('ttf'), url('../fonts/PlayfairDisplay-Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'playfairDisplay'; src: url('../fonts/PlayfairDisplay-Bold.ttf') format('ttf'), url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body.montserrat { font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 16px; background: #ffffff; position: relative; -webkit-overflow-scrolling: touch; font-family: 'Montserrat'; } /*body { font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-size: 16px; background: #ffffff; position: relative; -webkit-overflow-scrolling: touch; } footer { font-family: 'Montserrat'; }*/ body.montserrat footer { font-family: 'Montserrat'; } body.montserrat .fa { font-family: 'FontAwesome'; } body.opensans { font-family: 'OpenSans'; } body.opensans footer { font-family: 'OpenSans'; } body.opensans .fa { font-family: 'FontAwesome'; } body.dancingscript { font-family: 'DancingScript'; } body.dancingscript footer { font-family: 'DancingScript'; } body.dancingscript .fa { font-family: 'FontAwesome'; } body.nunito { font-family: 'Nunito'; } body.nunito h1, body.nunito h2, body.nunito h3, body.nunito h4, body.nunito h5, body.nunito h6 { font-family: 'Nunito'; } body.nunito footer { font-family: 'Nunito'; } body.nunito .fa { font-family: 'FontAwesome'; } body.arial { font-family: 'Arial'; } body.arial h1, body.arial h2, body.arial h3, body.arial h4, body.arial h5, body.arial h6 { font-family: 'Arial'; } body.arial footer { font-family: 'Arial'; } body.arial .fa { font-family: 'FontAwesome'; } /****Cooper Hewitt Font******/ body.CooperHewitt { font-family: 'CooperHewitt'; } body.CooperHewitt h1, body.CooperHewitt h2, body.CooperHewitt h3, body.CooperHewitt h4, body.CooperHewitt h5, body.CooperHewitt h6 { font-family: 'CooperHewitt'; } body.CooperHewitt footer { font-family: 'CooperHewitt'; } body.CooperHewitt .fa { font-family: 'FontAwesome'; } body.roboto { font-family: 'roboto'; } body.roboto h1, body.roboto h2, body.roboto h3, body.roboto h4, body.roboto h5, body.roboto h6 { font-family: 'roboto'; } body.roboto footer { font-family: 'roboto'; } body.roboto .fa { font-family: 'FontAwesome'; } body.nexademo { font-family: 'nexademo'; } body.nexademo h1, body.nexademo h2, body.nexademo h3, body.nexademo h4, body.nexademo h5, body.nexademo h6 { font-family: 'nexademo'; } body.nexademo footer { font-family: 'nexademo'; } body.nexademo .fa { font-family: 'FontAwesome'; } body.poppins { font-family: 'poppins'; } body.poppins h1, body.poppins h2, body.poppins h3, body.poppins h4, body.poppins h5, body.poppins h6 { font-family: 'poppins'; } body.poppins footer { font-family: 'poppins'; } body.poppins .fa { font-family: 'FontAwesome'; } body.TimesNewRoman { font-family: 'TimesNewRoman'; } body.TimesNewRoman h1, body.TimesNewRoman h2, body.TimesNewRoman h3, body.TimesNewRoman h4, body.TimesNewRoman h5, body.TimesNewRoman h6 { font-family: 'TimesNewRoman'; } body.TimesNewRoman footer { font-family: 'TimesNewRoman'; } body.TimesNewRoman .fa { font-family: 'FontAwesome'; } body.fontin { font-family: 'fontin'; } body.fontin h1, body.fontin h2, body.fontin h3, body.fontin h4, body.fontin h5, body.fontin h6 { font-family: 'fontin'; } body.fontin footer { font-family: 'fontin'; } body.fontin .fa { font-family: 'FontAwesome'; } body.rubik { font-family: 'rubik'; } body.rubik h1, body.rubik h2, body.rubik h3, body.rubik h4, body.rubik h5, body.rubik h6 { font-family: 'rubik'; } body.rubik footer { font-family: 'rubik'; } body.rubik .fa { font-family: 'FontAwesome'; } body.spectral { font-family: 'spectral'; } body.spectral h1, body.spectral h2, body.spectral h3, body.spectral h4, body.spectral h5, body.spectral h6 { font-family: 'spectral'; } body.spectral footer { font-family: 'spectral'; } body.spectral .fa { font-family: 'FontAwesome'; } body.playfairDisplay { font-family: 'playfairDisplay'; } body.playfairDisplay h1, body.playfairDisplay h2, body.playfairDisplay h3, body.playfairDisplay h4, body.playfairDisplay h5, body.playfairDisplay h6 { font-family: 'playfairDisplay'; } body.playfairDisplay footer { font-family: 'playfairDisplay'; } body.playfairDisplay .fa { font-family: 'FontAwesome'; } a { background-color: .table-rowansparent; color: #1155CC; } a, a:focus, a:hover { outline: 0; text-decoration: none; } input::-moz-focus-inner { border: 0; } object, embed { outline: 0; } a:active { outline: 0; } a:focus { outline: none !important; } a:hover { outline: 0; text-decoration: none !important; color: #333; transition: 0.2s ease all; } header { background: #ffffff none repeat scroll 0 0; float: left; padding: 7px 48px 7px 43px; position: fixed; top: 0; width: 100%; z-index: 1000; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20); } @media ( max-width:767px ){ header { padding:8px 15px !important; } } .logo { width: auto; float: left; } .logo img { height: 56px; } section.mainsection { padding: 75px 0 50px; width: 100%; float: left; padding-bottom: 50px; /* min-height: 100%; */ min-height: 100vh; } .videoSection { position: relative; top: 0; left: 0; width: 100%; min-width: 100%; max-width: 100%; } .videoSection.videoviewback { height: calc(100vh - 122px) !important; } .desktopVideo .posterImage, .withoutMobileviewpage .posterImage{ text-align: center; } .desktopVideo, .withoutMobileviewpage, .desktopVideo .posterImage img, .withoutMobileviewpage .posterImage img{ height: 100%; } .videoSection video, .videoSection iframe { object-fit: cover; object-position: center; } .videoSection video, .videoSection iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-width: 100%; min-height: 100%; max-width: 100%; } .formLog { bottom: 92px; max-width: 403px; padding: 0; position: absolute; right: 46px; width: 100%; border-radius: 4px; z-index: 99; } .profile-info.pl-24, .pl-24{ padding-left: 24px; } h4.reg_login_texts { color: #4CAF50; font-size: 25px; text-align: center; font-weight: 600; border: 4px solid #4CAF50; padding: 2px 0px 2px 0; } .tabbing { width: 100%; float: left; } .nav-tab { width: 100%; float: left; margin: 0; position: relative; } .nav-tab li { width: 50%; float: left; list-style-type: none; text-align: center; padding: 0 3px; } .nav-tab li:first-child { padding-left: 0; } .nav-tab li:last-child { padding-right: 0; } .nav-tab li a { width: 100%; float: left; color: #252D38; font-weight: 500; font-size: 1.2em; padding-bottom: 0; padding: 10px 10px; border-radius: 6px 6px 0 0; background: #DFE0DB; /*color: #fff;*/ color: #666666ee; } .nav-tab li.active a { /*color: #1C2A66;*/ color: #333; background: #fff; } .formsetfields fieldset { width: 100%; float: left; margin: 0 0 14px; } .formsetfields fieldset label { color: #252d38; float: left; font-size: 1em; font-weight: 400; width: 100%; } .formsetfields fieldset p { float: left; font-size: 13px; margin-top: 4px; width: 100%; } .formsetfields fieldset .textfield { background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 2px; color: #666666; display: block; font-size: 15px; font-weight: 300; height: 42px; padding: 8px 8px 8px 44px; width: 100%; } .filedtextbox { width: 100%; float: left; position: relative; } .filedtextbox::before { content: ""; left: 12px; margin: auto; position: absolute; } .filedtextbox.emailicon:before { background-image: url(../images/login-icon.png); width: 17px; height: 12px; top: 16px; } .filedtextbox.usericon:before { background-image: url(../images/user-icon.png); width: 16px; height: 16px; top: 14px; } .filedtextbox.passicon:before { background-image: url(../images/password.png); width: 17px; height: 24px; top: 10px; } .filedtextbox.codeicon::before { background-image: url("../images/coupon.png"); background-position: center center; background-repeat: no-repeat; height: 24px; top: 10px; width: 24px; } .formsetfields fieldset.emailicon .textfield {} .textforpassword { width: 100%; float: left; color: #252D38; font-size: 12px; line-height: 18px; font-weight: 300; padding-top: 12px; opacity: 0.67; } .formsetfields .muiltiended fieldset .textfield { padding: 6px 10px; font-size: 14px; } .submitbtn { width: 100%; float: left; text-align: left; padding-top: 1px; } .formregister .submitbtn { margin-top: -6px; } .formregister .default_datetime{ min-height:80px; } .submitbtn .btnblue { background: #1c2a66 none repeat scroll 0 0; border: medium none; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 1em; font-weight: 700; padding: 10px 27px; transition: all 0.5s ease; } .forgetPassword { color: #252d38; float: left; font-size: 13px; font-weight: 300; margin-right: 10px; margin-top: 10px; opacity: 0.63; width: auto; transition: all 0.5s ease; } .forgetPassword:hover { color: #000; opacity: 1; } .otherlog { border-top: 1px dotted #333333; float: left; margin-top: 20px; padding: 10px 0 0; width: 100%; } .otherlog p { float: left; font-size: 14px; width: 100%; } .formsetfields h2 { float: left; font-size: 16px; font-weight: 600; margin: 0 0 20px; width: 100%; } .formsetfields h3 { float: left; font-size: 16px; font-weight: 600; margin: 0 0 20px; width: 100%; } .selectfield { width: 100%; float: left; margin: 0 0 10px 0; } .selectfield h2 { font-size: 14px; font-weight: 400; } .radioselect { width: 100%; float: left; margin: 0 0 10px 0; } .radioselect input[type="radio"]+label { position: relative; width: 100%; float: left; margin: 0; font-weight: 400; font-size: 14px; padding: 0 0 0 32px; } .radioselect input[type="radio"] { position: absolute; opacity: 0; top: 0; left: 0; } .radioselect input[type="radio"]+label:before { width: 20px; height: 20px; border: 1px solid #d6d6d6; content: ""; position: absolute; left: 0; top: 0; border-radius: 20px } .radioselect input[type="radio"]:checked+label::after { background: #1c2a66; border-radius: 20px; content: ""; float: left; height: 10px; left: 5px; position: absolute; top: 5px; width: 10px; z-index: 1; } .marginB16 { margin-bottom: 16px; } .checkboxselect label { display: block !important; } .checkboxselect input[type="checkbox"]+label { position: relative; width: 100%; float: left; margin: 0; font-weight: 400; font-size: 14px; padding: 0px 0 0 26px; line-height: 16px; } .checkboxselect input[type="checkbox"] { position: absolute; opacity: 0; top: 0; left: 0; } .checkboxselect input[type="checkbox"]+label:before { width: 17px; height: 17px; border: 1px solid #d6d6d6; background: #fff; content: ""; position: absolute; left: 0; top: 0; } .checkboxselect input[type="checkbox"]:checked+label::before { background: #fff; } .checkboxselect input[type="checkbox"]:checked+label::after { background: url(../images/checkmark.svg); border-radius: 20px; content: ""; float: left; height: 11px; background-size: cover; left: 3px; position: absolute; top: 3px; width: 11px; z-index: 1; } .form-group.required .control-label:after { content: "*"; color: red; } .registerstep-2 { display: none; } .registerSteps .alreadyAccount { margin-top: 14px; text-align: left; } .selectfield fieldset { padding-left: 30px; } .navigation { width: auto; float: right; padding-top: 15px; } .navigation ul { width: auto; float: left; margin: 0; } .navigation ul li { width: auto; float: left; list-style-type: none; margin: 0 0 0 50px; } .navigation ul li:first-child { margin-left: 0; } .navigation ul li.disabled { opacity: 0.4; pointer-events: none; } .navigation ul li a { width: auto; float: left; text-align: center; } .navigation ul li a .icon { background-position: center center; background-repeat: no-repeat; display: inline-block; height: 20px; vertical-align: middle; width: 20px; margin-right: 1px; } .navigation ul li.newsession a .icon { background-image: url(../images/addVideo.png); width: 30px; height: 24px; background-size: cover; } .navigation ul li.mainsession a .icon { background-image: url(../images/session.png); width: 22px; height: 23px; } .navigation ul li.accountlink a .icon { /* background-image: url(../images/account.png); */ width: 22px; height: 22px; } .navigation ul li.schoollink a .icon { /* background-image: url(../images/school-icon.png); */ width: 24px; height: 24px; background-position: 0 0; } .navigation ul li.productlink a .icon { /* background-image: url(../images/product.png); */ width: 24px; height: 24px; background-position: 0 0; } .navigation ul li.recommendationlink a .icon { background-image: url(../images/recommend.png); width: 22px; height: 22px; } .navigation ul li.logoutlink a .icon { /* background-image: url(../images/logout.png); */ width: 22px; height: 22px; } .navigation ul li.registerlink a .icon { /* background-image: url(../images/registericon.png); */ width: 22px; height: 22px; } .navigation ul li.loginlink a .icon { /* background-image: url(../images/loginicon.png); */ width: 22px; height: 22px; } .navigation ul li a span { color: #000000; display: inline-block; font-size: 14px; font-weight: 400; line-height: 14px; margin-top: 0; text-align: center; vertical-align: middle; width: auto; } .navigation ul li a:hover { opacity: 0.8; } .icon-school { background-image: url(../images/school-icon.png); width: 24px; height: 24px; } .icon-recommendation { background-image: url(../images/recommend.png); width: 22px; height: 22px; } .registerSucces { width: 100%; max-width: 500px; text-align: center; display: block; margin: 0 auto; } .imgsuccess { width: 100%; float: left; margin: 0 0 20px 0; } .contentSucces { width: 100%; float: left; } .contentSucces h1 { width: 100%; float: left; font-size: 2em; margin: 0 0 14px; font-weight: 600; } .contentSucces p { width: 100%; float: left; font-size: 16px; margin: 0; line-height: 24px; } .contentSucces .submitbtn { text-align: center; padding-top: 30px; } .btnnav { width: 40px; padding: 4px 5px; border: none; background: transparent; float: right; display: none; } .btnnav span { width: 100%; height: 1px; background: #000; float: left; margin: 3px 0; } .newSession .addicon { width: 20px; height: 20px; display: inline-block; background-position: center; background-repeat: no-repeat; background-image: url(../images/add.png); } .newSession .videoicon { width: 25px; height: 20px; display: inline-block; background-position: center; background-repeat: no-repeat; background-image: url(../images/videoicon.png); } .newSession .replyicon { width: 24px; height: 20px; display: inline-block; background-position: center; background-repeat: no-repeat; background-image: url(../images/reply-icon.png); } .error { color: #ff0000; font-size: 12px; font-weight: 300; margin-top: 3px; } .success { font-size: 14px; color: green; } .session2 { width: 100%; float: left; margin: 0; } footer { background: #f7f7f7; text-align: center; width: 100%; padding: 10px 0px; float: left; margin-top: -54px; } .footer>p { width: auto; float: left; color: #252D38; font-size: 13px; font-weight: 200; font-size: 13px; letter-spacing: 0.1px; } .footer { width: 100%; float: left; padding: 6px 32px 0 40px; } .footer ul { width: auto; float: right; vertical-align: top; padding: 0; margin: 0; list-style-type: none; } .footer ul li { width: auto; float: left; padding: 0 22px; } .footer ul li a { font-size: 14px; width: auto; float: left; color: #252D38; font-weight: 300; } .footer ul li a:hover { color: #000; } .footer ul li:last-child { padding-right: 0; } .control_section { bottom: 43px; float: left; padding: 20px 0; position: fixed; text-align: center; width: 100%; z-index: 9; } .recordingvideosection.videoSection { padding-bottom: 0; } .control_section>button.camera-start-new-session-button { border-radius: 6px 0 0 6px; } .control_section>button.camera-capture-stop-button { border-radius: 0 6px 6px 0; } .control_section>button { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; border: medium none; color: #ffffff; display: inline-block; margin: 0; min-width: 110px; padding: 12px 20px; position: relative; text-align: center; vertical-align: top; font-size: 12px; } .control_section>button.camera-capture-record-button, .control_section>button.camera-capture-record-button:hover { background: .table-rowansparent; } /*.control_section > button:hover{background:rgba(255, 255, 255, 0.3) none repeat scroll 0 0;}*/ .control_section>button.camera-capture-record-button span { background: #ffffff none repeat scroll 0 0; border-radius: 40px; display: inline-block; height: 40px; margin: 0; position: relative; vertical-align: middle; width: 40px; margin-right: 16px; } .control_section>button.camera-capture-record-button span::before { background: #d42d2f none repeat scroll 0 0; border-radius: 40px; bottom: 0; content: ""; height: 32px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 32px; transform: scale(0.8); transition: all 0.3s ease; } .control_section>button.camera-capture-record-button:hover span::before { -webkit-transform: scale(1); transform: scale(1); } .control_section>button.camera-capture-stop-button span { width: 30px; height: 30px; background: url(../images/iconsheet.png)no-repeat; display: block; background-position: -126px -108px; margin: 0 auto 10px; } .control_section>button.camera-capture-pause-button span { width: 30px; height: 30px; background: url(../images/iconsheet.png)no-repeat; display: block; background-position: -61px -108px; margin: 0 auto 10px; } .control_section>button.camera-start-new-session-button span { width: 30px; height: 30px; background: url(../images/iconsheet.png)no-repeat; display: block; background-position: 0 -108px; margin: 0 auto 10px; } button.control-hide, .control-hide { display: none; } .moderationSection>div#buttonbar { position: fixed; } .control_section>button.camera-capture-record-button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: auto; font-size: 16px; font-weight: 500; } .control_section>button.camera-capture-pause-button.resumevideo { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 4px solid rgba(255, 255, 255, 0.4); border-radius: 50%; bottom: 0; color: #ffffff; font-size: 17px; height: 190px; left: 0; margin: auto; outline: medium none; padding: 0; position: fixed; right: 0; top: 0; -webkit-transition: border 0.2s ease-in-out 0s; transition: border 0.2s ease-in-out 0s; width: 190px; } .control_section>button.camera-capture-pause-button.resumevideo:hover { border: 8px solid rgba(255, 255, 255, 0.3); } .control_section>button.camera-capture-pause-button.resumevideo:hover span { background-color: rgba(255, 255, 255, 0.3); border: 4px solid rgba(255, 255, 255, 0); } .control_section>button.camera-capture-pause-button.resumevideo span { background-color: rgba(255, 255, 255, 0); background-image: none; border: 4px solid #ffffff; border-radius: 50%; bottom: 0; display: block; height: 130px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 130px; } .control_section>button.camera-capture-pause-button.resumevideo h2 { font-size: 23px; font-weight: 600; left: 0; margin: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0px, -50%); transform: translate(0px, -50%); } button.camera-session-finished-button { bottom: 35px; position: absolute; right: 10px; background: #1c2a66 none repeat scroll 0 0; border: medium none; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 700; padding: 10px 27px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } button.camera-session-finished-button:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .toDoTask:after { content: ''; width: 0; height: 0; position: absolute; border-bottom: 8px solid rgba(0, 0, 0, .8); border-right: 8px solid transparent; border-left: 8px solid transparent; top: 15px; left: 50px; margin: 0 auto; } .toDoTask:before, .toDoTask:after { opacity: 0; pointer-events: none; z-index: 9999; transition: all .4s; } .toDoTask:hover:before, .toDoTask:hover:after { opacity: 1; } .toDoTask:before { text-align: left; max-width: 240px; content: attr(data-tooltip); background: rgba(0, 0, 0, .8); border-radius: 4px; padding: 4px 10px; position: absolute; top: 23px; color: #fff; white-space: normal; } .Uploadvideo { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; float: left; height: 100%; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 10; display: none; } .uploadvideobox { left: 0; position: absolute; text-align: center; top: 50%; transform: translate(0px, -50%); width: 100%; padding: 0 5%; } .uploadvideobox #myBar { background-color: #5aabca; } .uploadvideobox img { width: 100px; } .uploadvideobox span { color: #ffffff; float: left; font-size: 3.3em; font-weight: 600; width: 100%; } .control_section>button.camera-capture-replay-button.pausevideo span { width: 30px; height: 30px; background: url(../images/iconsheet.png)no-repeat; display: block; background-position: -48px 6px; margin: 0 auto 10px; } .control_section>button.camera-capture-replay-button span { width: 30px; height: 30px; background: url(../images/iconsheet.png)no-repeat; display: block; background-position: -48px -55px; margin: 0 auto 10px; } button.camera-session-finished-button.inactive { background: #9f9f9f none repeat scroll 0 0; border-color: #9f9f9f; color: #ffffff; opacity: 0.3; } .downlaodpdf { width: auto; float: left; text-align: right; margin-top: 3px; } .newSession .downloadpdfsection p { width: 80%; float: left; font-size: 1em; line-height: 23px; padding-left: 15px; margin: 0; } .newSession .downloadpdfsection.session2 { margin: 0px 0 20px 0; } .downlaodpdf a { width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: url(../images/pdf-icon.png)no-repeat; } .controlervideos span { background-position: center center; background-repeat: no-repeat; display: block; height: 24px; margin: 0 auto 6px; vertical-align: top; width: 24px; background-image: url(../images/iconsheet.png); background-repeat: no-repeat; } a.btn-next-session { border: 2px solid #1c9cff; border-radius: 26px; bottom: 18px; color: #1c9cff; float: right; font-weight: 600; padding: 10px 28px; position: absolute; transition: all 0.5s ease; right: 0; } a.btn-next-session:hover { background: #1c9cff; color: #fff; } .control_section.controlervideos>button { font-size: 12px; } .controlervideos buttton { text-align: center; } .controlervideos button.reversebtn span { background-position: -7px -65px; } .controlervideos button.playbtn span { background-position: -57px -66px; } .controlervideos button.pausebtn span { background-position: -109px -66px; } .controlervideos button.stopbtn span { background-position: -160px -66px; } .controlervideos button.fastfwdbtn span { background-position: -215px -66px; } .summarizefields { width: 100%; float: left; } .summarizefields textarea { border: 1px solid #d6d6d6; box-sizing: border-box; float: left; font-size: 14px; margin: 0 0 12px; padding: 4px 10px; resize: none; width: 100%; } .radioselect .smilesicon { width: 20px; height: 20px; position: absolute; left: 25px; top: 0; background-image: url(../images/smiles.png); background-repeat: no-repeat; } .radioselect.happysmile .smilesicon { background-position: -37px 0px; } .radioselect.oksmile .smilesicon { background-position: 0 0; } .radioselect.sadsmile .smilesicon { background-position: -74px 0; } #sessionended .radioselect { position: relative; } #sessionended .radioselect input[type="radio"]+label { padding: 2px 0 3px 55px; } .editSession .radioselect input[type="radio"]+label::before { top: 3px; } .editSession .radioselect input[type="radio"]:checked+label::after { top: 8px; } .gonexpagecls { width: 100%; padding-top: 20px; float: left; } .gonexpagecls label { color: #333333; float: left; font-size: 16px; font-weight: 500; width: 100%; margin: 0 0 13px 0; } .gonexpagecls a { background: #1c2a66 none repeat scroll 0 0; border-radius: 26px; color: #ffffff; float: right; font-weight: 600; margin: 0 1% 10px; padding: 6px 8px 6px 46px; text-align: left; transition: all 0.5s ease 0s; width: 48%; } .gonexpagecls a:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); color: #fff; } .recommend .gonexpagecls a { background: #707070 none repeat scroll 0 0; } .alreadyAccount { float: left; font-size: 13px; margin-top: 36px; text-align: center; width: 100%; font-weight: 400; } .alreadyAccount a { border-bottom: 1px solid #1C2A66; color: #1C2A66; padding: 0 3px 2px; } .alreadyAccount a:focus { text-decoration: none; } .btnloader { border: 15px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 30px; height: 30px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 30px; bottom: 0; display: none; } .btnblue.btnloaded:before { border: 15px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 30px; height: 30px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 30px; bottom: 0; display: none; content: ""; } .error_section { background: #fbe8ab none repeat scroll 0 0; border: 1px solid #e6d287; border-radius: 4px; bottom: 136px; color: #000000; font-size: 12px; padding: 4px 10px; position: fixed; right: -100%; transition: all 0.5s ease 0s; width: auto; z-index: 99; } .error_section.active { right: 10px; } .allSessions { width: 100%; float: left; padding-top: 30px; } .listsession { width: 100%; float: left; } .listsession .tablemain { width: 100%; } .listsession .tablemain .table-cell { padding: 20px 10px; } .listsession .tablemain .table-cell:nth-child(2) { width: 130px; } .listsession .tablemain .table-cell .actionlistvideo span { width: 52px; height: 52px; border-radius: 50px; display: inline-block; position: relative; transition: all 0.5s ease; transition: all 0.5s ease; } .listsession .tablemain .table-cell .actionlistvideo:hover span { box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.1); } /*.listsession .tablemain .table-cell .deleteSessionList span{background:#FF5A60;} .listsession .tablemain .table-cell .editvideosession span{background:#FFC55A;} .listsession .tablemain .table-cell .expertvideosession span{background:#ADCCCC;} .listsession .tablemain .table-cell .playvideosession span{background:#5AC3FF;} .listsession .tablemain .table-cell .expertRequestSent span{background:#B2FF5A;}*/ .actionlistvideo { text-align: center; display: inline-block; width: 100%; } .ajaxSessionPlayVideo { height: 93px; overflow: hidden; } .actionlistvideo label { white-space: nowrap; } /*.listsession .tablemain .table-cell a.deleteSessionList:hover span{background:#EF4A50;} .listsession .tablemain .table-cell a.editvideosession:hover span{background:#dfa53a;} .listsession .tablemain .table-cell a.expertvideosession:hover span{background:#8dacac;} .listsession .tablemain .table-cell a.playvideosession:hover span{background:#4ab3ef;}*/ /*.listsession .tablemain .table-cell .expertRequestSent.expertRequestSent:hover span{background:#92DF3A;}*/ .listsession .tablemain .table-cell .actionlistvideo span i { width: 30px; height: 30px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; margin: auto; } .listsession .tablemain .table-cell .deleteSessionList span i { background-image: url(../images/deleteicon.svg); } .listsession .tablemain .table-cell .editvideosession span i { background-image: url(../images/edit-icon.svg); } .listsession .tablemain .table-cell .expertvideosession span i { background-image: url(../images/chaticion.svg); } .listsession .tablemain .table-cell .expertvideosession.expertRequestSent span i { background-image: url(../images/sentexpert.svg); opacity: 0.9; } .sessionlisting .videoimg { height: 93px; } .edit-icon-black { background-image: url(../images/edit-icon-small.png); width: 16px; height: 16px; float: left; } .delete-icon-black { background-image: url(../images/delete-icon-small.png); width: 16px; height: 16px; float: left; } .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; background: #000; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } /* Start Counter on about kongress Page*****/ .smalltext { padding-top: 5px; font-size: 16px; font-weight: 800; } #clockdiv { color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } .saleTeaser #clockdiv>div, .counter_about_kongress #clockdiv>div{ padding: 20px 35px 30px; margin : 3px; } #clockdiv>div { padding: 10px; border-radius: 3px; background: rgba(246, 0, 128, 1); display: inline-block; } #clockdiv div>span { padding: 15px; border-radius: 3px; /*background: rgba(246,0,128,1);*/ display: inline-block; color: #fff; font-weight: 800; } .free_light_sec h3 { transform: scale(1.4); } .saleTeaser #clockdiv div>span, .counter_about_kongress #clockdiv div>span { padding: 0px 15px 0px; } .clockdiv { color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } .saleTeaser .clockdiv>div, .counter_about_kongress .clockdiv>div{ padding: 20px 35px 30px; } .clockdiv>div { padding: 10px; border-radius: 3px; background: rgba(246, 0, 128, 1); display: inline-block; margin: 3px; } .clockdiv div>span { padding: 15px; border-radius: 3px; /*background: rgba(246,0,128,1);*/ display: inline-block; color: #fff; font-weight: 800; } .free_light_sec h3 { transform: scale(1.4); } .saleTeaser .clockdiv div>span, .counter_about_kongress .clockdiv div>span { padding: 0px 15px 0px; } #clockdivWarhrend { color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 30px; } #clockdivWarhrend>div { padding: 10px; border-radius: 3px; background: rgba(246, 0, 128, 1); display: inline-block; margin: 3px; } #clockdivWarhrend div>span { padding: 15px; border-radius: 3px; /*background: rgba(246,0,128,1);*/ display: inline-block; } #clockdivNach { color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 20px; } #clockdivNach>div { padding: 10px; border-radius: 3px; background: rgba(246, 0, 128, 1); display: inline-block; margin: 3px; } #clockdivNach div>span { padding: 15px; border-radius: 3px; /* background: rgba(246,0,128,1);*/ display: inline-block; } .counter_about_kongress { margin: 20px 0 20px 0; text-align: center; } /* End Counter on about kongress Page*****/ @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /****Start Register popup like livewebinar *******/ .time-pin-block { width: 100%; text-align: center; float: left; position: relative; } @media (max-width:320px) { .time-pin-block .pin-img { top: 176px; left: -18px; } } .time-pin-block h6 { width: 100%; float: left; color: #231f20; font-size: 24px; font-weight: 300; line-height: 27px; } .date-block-ui { width: 100%; float: left; text-align: left; margin: 0px 0 10px 0; text-align: center; } .thankyou-date-block-ui { width: 100%; float: left; text-align: left; /*padding-left: 90px;*/ margin: 0px 0 2px 0; text-align: center; } .time-pin-block .check-icon { position: absolute; left: -70px; top: -40px; z-index: 9; width: 100px; height: 100px; background: rgb(255, 255, 255); border-radius: 100%; line-height: 194px; } .time-pin-block .check-icon svg { width: 60px; height: 102px; } .time-pin-block .check-icon svg path { fill: #069406; } strong.thankyou-text-bottom { width: 100%; text-align: center; display: inline-block; font-size: 21px; } .date-block-ui label { width: 100%; float: left; font-size: 16px; font-weight: 800; margin: 0; } .date-block-ui time { width: 100%; float: left; font-weight: 800; font-size: 16px; margin: 0 0 10px 0; } .pin-img { position: absolute; left: -10px; top: 152px; z-index: 99; width: auto; pointer-events: none; } .pin-calender { position: absolute; left: 4px; top: -3px; width: 105px; } .registerSteps .time-pin-block .pin-calender { position: absolute; left: -14px; top: 60px; width: 105px; } .registerSteps.registerstep-1 .formsetfields fieldset { margin-bottom: 14px; } .btm-cntant-ui { width: 100%; float: left; text-align: center; } .btm-cntant-ui p { font-size: 13px; padding-left: 20px; } .btm-cntant-ui .submitbtn { display: inline-block; float: none; width: auto; margin-top: 2px; } .home-content { /* position: fixed;*/ position: absolute; bottom: 50px; left: 0; z-index: 99; max-width: calc(100% - 540px); /*background: rgba(0,0,0,0.6);*/ padding: 20px 20px 20px 70px; border-radius: 4px; } .home-content ul { width: 100%; float: left; list-style: none; padding: 0; margin: 0; } .home-content ul li { width: 100%; display: block; font-size: 16px; color: #fff; font-weight: 500; margin: 0 0 10px; } .home-content ul li:before { /*content: "+"; */ margin-right: 10px; font-size: 20px; line-height: 14px; } .thankyou-content { text-align: center; } .thankyou-content img { display: block; margin: 0 auto 20px; max-width: 90%; } .thankyou-content p { width: 100%; text-align: center; display: block; color: #fff; font-size: 22px; } label.opt-radio { display: inline-block; } label.opt-radio input[type="radio"]+span { font-weight: 400; padding: 2px 0 3px 27px; position: relative; } label.opt-radio input[type="radio"]+span:before { width: 18px; height: 18px; position: absolute; left: 0; top: 2px; content: ""; border: 1px solid #2c0489; border-radius: 100%; } label.opt-radio input[type="radio"]+span:after { width: 8px; height: 8px; position: absolute; left: 5px; top: 7px; content: ""; border-radius: 100%; background: #2c0489; transform: scale(0); transition: all 0.2s ease; } label.opt-radio input[type="radio"]:checked+span:after { transform: scale(1); } label.opt-radio input[type="radio"] { display: none; } .date-block-ui-show { width: 70px; position: absolute; padding: 5px 0; top: 93px; z-index: 2; left: 10px; transform: rotate(-6deg); } .date-block-ui-show span { font-size: 12px; font-weight: 600; color: #fff; width: 100%; float: left; margin-bottom: 12px; } .date-block-ui-show label { width: 100%; float: left; font-weight: 800; font-size: 39px; line-height: 25px; } /* Verify Message*/ .verify_msg .email_icon { display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 25px; } .verify_msg .email_icon h5 { margin: 0; padding-left: 90px; font-size: 32px; position: relative; font-weight: 700; color: #7e8184; } .verify_msg .email_icon h5:before { display: inline-block; width: 125px; content: ''; position: absolute; top: -17px; left: -7px; background-image: url(../images/email-icon.png); background-color: transparent; height: 73px; background-size: contain; background-repeat: no-repeat; } .verify_msg .label_msg { display: inline-block; width: 100%; text-align: center; margin-bottom: 15px; } .verify_msg .label_msg label { font-size: 25px; font-weight: 400; color: #272223; line-height: normal; letter-spacing: 0.3px; margin-bottom: 0; } .verify_msg .verify_text { display: inline-block; width: 100%; } .verify_msg .verify_text p { width: 100%; display: inline-block; text-align: center; margin-bottom: 0; color: #272223; font-size: 14px; line-height: normal; } .mobile-home-content { display: none; } @media screen and (max-height:720px) { /* On Recommend page form **/ .recommend .formLog { padding: 10px 14px 10px; } .recommend .formsetfields fieldset .textfield { height: 38px; } .recommend .submitbtn .btnblue { padding: 6px 27px; } .recommend .recommend-field { padding: 10px 5px 3px; margin-bottom: 5px; } .recommend .gonexpagecls { padding-top: 10px; } /** For alerts on all fomrs **/ .comman_response.alert { position: absolute; right: 0; left: 0; top: 14px; right: 0; width: 95%; margin: 0 auto; } /** For register page **/ .formsetfields fieldset { margin-bottom: 13px; } .submitbtn .btnblue { padding-top: 6px; padding-bottom: 6px; } .formregister .submitbtn { margin-top: -10px; } .formLog { padding: 11px 20px 16px; } .nav-tab { margin-bottom: 0px; } .formsetfields fieldset { margin-bottom: 7px; } .formsetfields h2 { margin-bottom: 15px; } } /*homepage collapse css start */ .homecollapse-outer { float: left; position: relative; width: 100%; display: none; margin-top: -50px; padding-top: 40px; } .f-btn-ui { background: #9B9B9B; padding: 5px 20px; text-align: center; text-decoration: none; color: #fff; display: inline-block; border-radius: 3px 3px 0 0; } .f-btn-ui:hover { color: #fff; } .collapse-btn-ui { position: absolute; bottom: 50px; text-align: center; left: 0; right: 0; z-index: 999; border-bottom: 3px solid #9B9B9B; } /*.product-list-block .row:nth-child(2n+1) .col-md-6:first-child { float: right; } .product-list-block.f-none .row:nth-child(2n+1) .col-md-6:first-child{ float: left; }*/ .image-right .col-md-6:first-child { float: right; } .image-right .col-md-6:last-child { float: left; } .image-left .col-md-6:first-child { float: left; } /*.image-left .col-md-6:last-child { float: left; }*/ .product-list-block .row { margin-bottom: 70px; } .product-list-block figcaption .title { font-size: 24px; font-weight: 700; margin: 0 0 20px 0px; } .product-list-block figcaption .sub-title { font-size: 18px; font-weight: 600; } .product-list-block figcaption .desc-listing { list-style-type: disc; list-style-position: outside; padding-left: 24px; } .product-list-block figcaption .desc-listing li { font-size: 16px; margin-bottom: 10px; } .btn-block-ui { position: relative; margin-bottom: 70px; } .btn-block-ui p { max-width: 452px; color: #117206; font-size: 29px; margin: auto; font-weight: 600; letter-spacing: 0.3px; line-height: 32px; margin-bottom: 25px; } .btn-block-ui .btn.green-btn { font-size: 20px; font-weight: 600; padding: 8px 60px; } .btn-arrow-ui { display: inline-block; position: relative; } .btn-arrow-ui .pin-img { position: relative; left: inherit; top: inherit; animation: shake_all 2s; animation-iteration-count: infinite; } @keyframes shake_all { 0% { transform: translate(1px, 1px) rotate(0deg); } 5% { transform: translate(-1px, -2px) rotate(-1deg); } 10% { transform: translate(-3px, 0px) rotate(1deg); } 15% { transform: translate(3px, 2px) rotate(0deg); } 20% { transform: translate(1px, -1px) rotate(1deg); } 25% { transform: translate(-1px, 2px) rotate(-1deg); } 30% { transform: translate(-3px, 1px) rotate(0deg); } 40% { transform: translate(1px, 1px) rotate(0deg); } 50% { transform: translate(1px, 1px) rotate(0deg); } 60% { transform: translate(1px, 1px) rotate(0deg); } 70% { transform: translate(1px, 1px) rotate(0deg); } 80% { transform: translate(1px, 1px) rotate(0deg); } 90% { transform: translate(1px, 1px) rotate(0deg); } 100% { transform: translate(1px, 1px) rotate(0deg); } } .btn-arrow-ui .arrow-icon { position: absolute; left: -30px; width: 50px; display: inline-block; height: 104px; top: 0%; bottom: 6px; text-align: right; } /**For free user Gold CTA**/ .arrow-icon.free_gold_arrow_icon { position: absolute; left: -30px; width: 50px; display: inline-block; height: 104px; bottom: 6px; top: auto; text-align: right; } .free_user_gold_CTA { margin-top: 40px; } .btn-arrow-ui .arrow-icon svg { width: 100%; height: 119px; } .signature { display: inline-block; width: 100%; height: 120px; } .signature img { width: 100%; max-width: 460px; /* height: 100%; object-fit: cover; object-position: center;*/ } .btm-cntant-ui { margin-bottom: 20px; } .time-pin-block.inputSvg .pin-img { position: absolute; left: 0px; top: 143px; z-index: 99; width: auto; pointer-events: none; height: 92px; transform: rotateX(24deg) scaleX(1.5); } .homefooter.page-footer { position: relative; } .homefooter.page-footer .footer_collapse { display: none; bottom: 52px; } .homefooter.page-footer.active .footer_collapse { display: block; } .thankyou-text-bottom { padding: 0 30px; word-break: break-word; } .time-pin-block.inputSvg .pin-img { height: 85px; transform: rotateX(39deg) scaleX(1.5); /*left: 37px;*/ left: 18px; animation: shake 2s; animation-iteration-count: infinite; } @media (max-width:767px) { .time-pin-block.inputSvg .pin-img { height:36%; left: 10px; margin-top: 22px; } } @media (max-width:375px) { .time-pin-block.inputSvg .pin-img { height:28%; } } @media (max-width:320px) { .time-pin-block.inputSvg .pin-img { height:26%; } } .vc-list-title { text-align: center; } .vc-list-title h4 { font-size: 24px; font-weight: 600; } .video-list-details { display: inline-block; width: 100%; vertical-align: top; max-width: 1020px; margin: auto; margin-top: 30px; } .video-list-details .img { margin: 0 80px 0 0px; display: inline-block; width: 230px; height: 230px; border-radius: 25px; overflow: hidden; position: relative; } @media (max-width:767px) { .video-list-details .img { margin: 0 auto 32px; } } .video-list-details figure iframe { width: 100%; position: absolute; left: 0; height: 100%; } .video-list-details .img img { width: 100%; object-fit: cover; object-position: center; height: 100%; } .video-list-details .video-list-details-content { display: inline-block; width: calc(100% - 320px); vertical-align: top; } @media (max-width:767px) { .video-list-details .video-list-details-content { width: 100%; } } .video-list-details-content h3 { font-size: 24px; font-weight: 600; line-height: normal; margin: 0 0 24px 0px; text-align: left; } @media (max-width:767px) { .video-list-details-content h3 { font-size: 24px; text-align: center; } } .video-list-details-content h3 a { color: inherit; font-size: inherit; } .video-list-details-content .author { font-size: 20px; font-weight: 500; display: inline-block; width: 100%; text-align: left; } @media (max-width:767px) { .video-list-details-content .author { text-align: center; } } .video-img-listing { text-align: center; } .m-t70 { margin-top: 70px; } .ogTeam-wrapper { margin: 100px 0 120px 0px; } .btn-block-ui.m-b140 { margin-bottom: 140px; } .organisationteam .og-team .img img { object-fit: unset; max-width: 100%; } .og-team .img img { width: auto; object-fit: contain; object-position: unset; border-radius: 30px; } @media (max-width:767px) { .og-team .img img { width: 100%; } } .og-team .og-content { overflow: hidden; } @media (max-width:767px) { .og-team .og-content { overflow: visible; text-align: center; margin-top: 32px; float: left; } } .og-team .og-content h5 { margin: 0 0 20px 0px; font-size: 30px; font-weight: 600; line-height: 36px; } .og-team .og-content p { font-size: 16px; margin-bottom: 16px; /* font-weight: 600; */ } .homefooter.page-footer { position: relative; } .homefooter.page-footer .footer_collapse { display: none; bottom: 52px; } .homefooter.page-footer.active .footer_collapse { display: block; } .footer-nav-right ul { padding: 0px; margin: 0px; display: flex; list-style-type: none; flex-wrap:wrap; } .footer-nav-right ul li a{ position: relative; } .footer-nav-right ul li a:before { content: ""; position: absolute; left: 0; top: 3px; width: 1px; height: 12px; background: #333; } .footer-nav-right ul li:first-child a:before{ display: none; } .footer-nav-right ul li:first-child:before { display: none; } .footer-nav-right ul li a { font-size: 12px; width: auto; color: #333; padding: 0 8px; white-space: nowrap; } .footer-social-icon { margin-right: 12px; margin-left:12px; } .footer-social-icon ul { padding: 0px; margin: 0px; font-size: 0; } .footer-social-icon ul li { display: inline-block; margin: 8px 4px 0px; padding: 0 0 0 0px; position: relative; line-height: 1; } .footer-social-icon ul li a { display: inline-block; } .footer-copyright { overflow: hidden; font-size: 12px; margin: 12px 0 0 0; text-align: left; } .footer-copyright p { margin: 0px; } /*******ExpertPage Video Page Model for Tutorial Video*******/ .videoSection video, .videoSection iframe { object-fit: cover; object-position: center; } #video_popup_modal .modal-dialog { width: 100%; max-width: 870px; margin: 0; border: none; } body.modal-open.modal-scroll { overflow: auto; } div#video_popup_modal { max-width: 420px; height: auto; position: fixed; right: 0; bottom: 0; /*left: auto; top: auto;*/ top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; } #video_popup_modal .modal-content { padding: 0; } #video_popup_modal.modal video { margin: 0px; vertical-align: top; } #video_popup_modal.modal iframe { margin: 0px; vertical-align: top; } #video_popup_modal.modal .modal-content .modal-header { position: absolute; top: 0; right: 0; width: 100%; border: none; z-index: 3; height: 60px; } #video_popup_modal.modal .modal-header .close { font-size: 30px; font-weight: 500; box-shadow: none; color: #fff; text-shadow: none; width: 50px; height: 50px; opacity: 0.8; font-family: sans-serif; outline: none !important; background-color: #000; } .modelContent iframe { width: 430px; height: 250px; display: inline-block; } @media (max-width:767px){ .modelContent iframe { width:auto; } } .video_popup { cursor: pointer; } /********End Expert Page Video Tutorial Model*******/ /*end collapse*/ .comman_response.success { text-align: center; } .reset-title { margin-bottom: 40px; position: relative; padding-top: 14px; font-size: 20px; padding-left: 50px } .reset-title:before { background: url(../images/circle-check.png); width: 50px; height: 50px; content: ""; position: absolute; left: -20px; top: 0; background-size: 100%; } .reset-des { font-size: 16px; font-weight: 500; } .reset-des strong { font-weight: bold; display: block; } .reset-des span { font-weight: bold; } .login_Tabs_form .formsetfields { background: #fff; } .cs-loader { display: inline-block; background: url(../images/green-spinner.gif); width: 62px; height: 62px; background-size: 100%; } .listsession .tablemain .table-cell .playvideosession span i { background-image: url(../images/playicon.svg); } .listsession .tablemain .table-row .table-cell:first-child { text-align: center; width: 68px; } .tablemain { display: table; width: 100%; } .tablemain .table-row { display: table-row; width: 100%; } .tablemain .table-row .table-cell { display: table-cell; vertical-align: middle; } .listsession .tablemain .table-cell:nth-child(3) { width: 50%; } .listsession .tablemain .table-cell:nth-child(4), .listsession .tablemain .table-cell:nth-child(5), .listsession .tablemain .table-cell:nth-child(6), .listsession .tablemain .table-cell:nth-child(7) { width: 16%; } .sessionvideodetail { width: 100%; display: inline-block; padding-left: 14px; } .listsession .table-row { border-bottom: 1px solid #f6f6f6; float: left; } .listsession .tablemain .table-cell:last-child { padding-right: 20px; } .contersession { background: #f4f4f4 none repeat scroll 0 0; border-radius: 50px; color: #252d38; font-size: 1em; font-weight: 300; height: 30px; line-height: 28px; text-align: center; width: 30px; display: inline-block; } .videoimg { max-width: 100%; width: 170px; text-align: center; box-shadow: 0 20px 20px -19px; } .rating { font-size: 14px; width: 100%; float: left; color: #252D38; font-weight: 300; } /*.deletevideo span{width:25px;height:40px;background:url(../images/delete-video.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;} .editvideosession span{width:30px;height:40px;background:url(../images/edit-video.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;} .playvideosession span{width:30px;height:40px;background:url(../images/play-video-btn.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;} .expertvideosession span{width:30px;height:40px;background:url(../images/expert.png)no-repeat;background-position: center center;display: block;margin:0 auto 4px;} */ .videoimg img { max-width: 100%; } .sessionvideodetail h3 { font-size: 1.125em; font-weight: 400; margin: 0 0 15px; width: 100%; } .sessionvideodetail span { display: block; font-size: 14px; font-weight: 300; letter-spacing: 0.1px; margin: 0 0 12px; width: 100%; color: #252D38; word-wrap: break-word; } .listsession .table-row .table-cell label { color: #252d38; display: block; font-size: 14px; font-weight: 300; letter-spacing: 0.1px; margin: 0; text-align: center; width: 100%; cursor: pointer; } .rating span { width: 24px; height: 24px; background-image: url(../images/smiles.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 9px; } .rating span.ratehappysmile { background-position: 0 0; } .rating span.ratesmile { background-position: -41px 0px; } .rating span.ratesad { background-position: -82px 0; } .rating span.norate { background-position: -121px 0; } .listingSession .container { padding: 0 28px; width: 1438px; max-width: 100%; } .deletevideo:hover, .editvideosession:hover, .playvideosession:hover { opacity: 1; } .loadingicon { background-image: url("../images/Spinner.svg"); background-repeat: no-repeat; background-position: -7px -7px; background-size: 34px auto; height: 20px; margin-right: 8px; vertical-align: middle; width: 0; visibility: hidden; opacity: 0; transition: all 0.5s ease; display: none; } .activeloaderbtn .loadingicon { width: 20px; visibility: visible; opacity: 1; display: inline-block; } .activeloaderbtn { color: rgba(0, 0, 0, 0) !important; position: relative; pointer-events: none; } .activeloaderbtn .loadingicon { position: absolute; right: 0; bottom: 0; left: 0; top: 0; margin: auto; } .blink_me { animation: blinker 2s linear infinite; } .sessionlisting .videoimg img { position: absolute; z-index: -1; right: 0; left: 0; bottom: 0; top: 0; margin: auto; } @keyframes blinker { 50% { opacity: 0; } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { .table-rowansform: rotate(0deg); } 100% { .table-rowansform: rotate(360deg); } } .headingsection { float: left; margin: 20px 0 5px 0; padding: 0 15px; width: 100%; } .headingsection h1 { color: #252d38; float: left; font-size: 1.250em; font-weight: 700; margin: 0; } .headingsection a { background: #1c2a66 none repeat scroll 0 0; border: medium none; border-radius: 40px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; padding: 10px 17px; margin-top: -1px; float: right; margin-right: 3px; } /* Pagination Loader */ .listsession .pagination { border-radius: 4px; display: inline-block; float: left; margin: 20px 0; padding: 50px 0; position: relative; width: 100%; } .cssload-spin-box { position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; width: 15px; height: 15px; border-radius: 100%; box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); -o-box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); -ms-box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); -webkit-box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); -moz-box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); animation: cssload-spin ease infinite 4.6s; -o-animation: cssload-spin ease infinite 4.6s; -ms-animation: cssload-spin ease infinite 4.6s; -webkit-animation: cssload-spin ease infinite 4.6s; -moz-animation: cssload-spin ease infinite 4.6s; } @keyframes cssload-spin { 0%, 100% { box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); } 25% { box-shadow: -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73); } 50% { box-shadow: -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223); } 75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } } @-o-keyframes cssload-spin { 0%, 100% { box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); } 25% { box-shadow: -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73); } 50% { box-shadow: -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223); } 75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } } @-ms-keyframes cssload-spin { 0%, 100% { box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); } 25% { box-shadow: -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73); } 50% { box-shadow: -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223); } 75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } } @-webkit-keyframes cssload-spin { 0%, 100% { box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); } 25% { box-shadow: -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73); } 50% { box-shadow: -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223); } 75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } } @-moz-keyframes cssload-spin { 0%, 100% { box-shadow: 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223); } 25% { box-shadow: -15px 15px rgb(223, 223, 223), -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73); } 50% { box-shadow: -15px -15px rgb(79, 77, 73), 15px -15px rgb(223, 223, 223), 15px 15px rgb(79, 77, 73), -15px 15px rgb(223, 223, 223); } 75% { box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } } /* Video Player */ .videoContainercon.small .intensityBar { width: 50px !important; } .videoContainercon.small .playButton { margin: 0 !important; margin-right: 5px !important; } .videoContainercon.small .fullTime { display: none !important; } .videoContainercon.small .progressBar { height: 6px !important; } .videoContainercon.small .overlay .button { width: 50px !important; height: 50px !important; } .videoContainercon.small .time { display: none !important; } .videoContainercon .overlay { background: rgba(25, 25, 25, 0.8) none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; } .videoContainercon .overlay .button { width: 80px; height: 80px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url(../images/play-button.svg); background-size: 100% 100%; transform: .table-rowanslate(-50%, calc(-50% - 30px)); cursor: pointer; transition: width 0.2s, height 0.2s; } .videoContainercon .overlay .button:hover { width: 90px; height: 90px; } .videoContainercon #video { width: 100%; height: calc(100% - 60px); position: relative; top: 0; left: 0; overflow: hidden; border-radius: 5px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .videoContainercon #video video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .videoContainercon #controls { width: 100%; height: 60px; background: #000; position: absolute; right: 0; bottom: 0px; display: flex; align-items: center; justify-content: space-between; z-index: 99; } .videoContainercon.watchVideo #controls { z-index: inherit; } .videoContainercon.watchVideo .gonextsummrise { z-index: 999; } .videoContainercon #controls .playButton { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; margin-left: 5px; margin-right: 20px; transition: all 0.4s ease 0s; width: 70px; } .videoContainercon #controls .ProgressContainer { color: #fff; width: calc(100% - 100px); height: 100%; display: flex; align-items: center; justify-content: flex-start; position: relative; } .videoContainercon #controls .ProgressContainer .progressBar { width: 100%; height: 6px; background: #1c9cff; border-radius: 20px; cursor: pointer; overflow: hidden; } .videoContainercon #controls .ProgressContainer .progressBar:hover+.time { opacity: 1; transform: .table-rowanslateY(0); } .videoContainercon #controls .ProgressContainer .progressBar .progress { width: 0%; height: 100%; background: #fff; border-radius: 20px; } .videoContainercon #controls .ProgressContainer .timer { margin: 0 10px; font-family: Arial, sans-serif; font-weight: 300; font-size: 12px; font-weight: 300; color: #1c9cff; letter-spacing: 1px; } .videoContainercon #controls .ProgressContainer .time { width: 80px; height: 25px; background: #1c9cff; position: absolute; top: -20px; left: 0; border-radius: 5px; color: #fff; font-family: Arial, sans-serif; text-align: center; line-height: 25px; font-size: 12px; letter-spacing: 1px; opacity: 0; transform: .table-rowanslateY(10px); transition: .table-rowansform 0.3s, opacity 0.3s; } .videoContainercon #controls .ProgressContainer .time::after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 25px; left: 33px; border-left: 6px solid .table-rowansparent; border-right: 6px solid .table-rowansparent; border-top: 6px solid #1c9cff; } .videoContainercon #controls .volume { width: 150px; height: 100%; display: flex; align-items: center; justify-content: flex-end; position: relative; } .videoContainercon #controls .volume .icon { width: 25px; height: 25px; background: url(volume.svg); background-size: 100% 100%; cursor: pointer; margin-right: 10px; } .videoContainercon #controls .volume .intensityBar { width: 100px; height: 4px; background: #39a072; border-radius: 20px; max-width: 100px; overflow: hidden; transform-origin: right center; cursor: pointer; transition: all 0.5s; } .videoContainercon #controls .volume .intensityBar .intensity { width: 50%; height: 100%; background: #fff; } .videoContainercon #controls .scale { width: 70px; height: 100%; background: #4dbf8c; display: flex; align-items: center; justify-content: center; margin-left: 5px; cursor: pointer; transition: all 0.4s; border-bottom-right-radius: 5px; } .videoContainercon { background: #191919; } .videoContainercon #controls .scale:hover { background: #40b27f; } .videoContainercon #controls .scale .icon { width: 25px; height: 25px; background-size: 100% 100%; background: url(../images/expand.svg); background-size: 100% 100%; } /* Updated css video */ .moderationSection { float: left; width: 100%; } .reverse-btn { background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll 3px -53px; height: 30px; text-indent: -999px; width: 30px; } .videoContainercon #controls .reverse { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; margin-left: 10px; margin-right: 5px; transition: all 0.4s ease 0s; width: 70px; } .fastFwd-btn { background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll -93px -56px; height: 30px; text-indent: -999px; width: 30px; } .videoContainercon #controls .fastFwd { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; margin-left: 35px; margin-right: 10px; transition: all 0.4s ease 0s; width: 70px; } .videoContainercon #controls .playButton .playPause { background: rgba(0, 0, 0, 0) url("../images/iconsheet.png") no-repeat scroll -47px -56px; height: 30px; width: 30px; } .videoContainercon #controls .reverse:hover, .videoContainercon #controls .playButton:hover, .videoContainercon #controls .fastFwd:hover { background: #2c2c2c; } .timer.fullTime { display: none; } .titlevideo { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; border-radius: 2px; color: #ffffff; font-size: 14px; padding: 4px 12px; position: absolute; right: 10px; top: 20px; z-index: 999; } .gonextsummrise { align-items: center; cursor: pointer; display: flex; height: 100%; justify-content: center; margin-left: 35px; margin-right: 10px; transition: all 0.4s ease 0s; width: auto; margin-left: 15px; } .gonextsummrise a { background: #1c2a66 none repeat scroll 0 0; border: medium none; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 1em; font-weight: 700; padding: 10px 27px; transition: all 0.5s ease 0s; } .gonextsummrise a:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); color: #fff; } .replaySession .videoContainercon { width: 100%; float: left; position: relative; height: 400px; overflow: hidden; position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .replaySession .videowatchSection video { width: 100%; float: left; position: absolute; top: 0; left: 0; height: calc(100% - 60px); min-width: 100%; } .finishbtnbottom { width: 100%; float: left; text-align: center; padding-top: 30px; padding-bottom: 20px; } .finishbtnbottom a { background: #1c2a66 none repeat scroll 0 0; border: medium none; border-radius: 20px; color: #ffffff; display: inline-block; font-size: 18px; font-weight: 700; padding: 10px 27px; transition: all 0.5s ease 0s; margin: 0 8px; } .finishbtnbottom a:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); color: #fff; } .videowatchSection h2 { width: 100%; float: left; margin: 30px 0 12px 0; font-weight: 600; font-size: 18px; } .modelContent.formLog { position: initial; float: left; } .videoSection .mobile_capture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; background: #191919; max-width: 100%; } .addMoreTextarea { color: #000000; float: left; font-size: 14px; font-weight: 600; margin-top: 12px; } .summarizeContainer { width: 100%; float: left; max-height: 200px; overflow: auto; } .addMoreRecommendField { color: #000000; float: left; font-size: 14px; font-weight: 600; margin-top: 5px; } .muiltiended { float: left; margin: 0 0 10px; max-height: 174px; overflow: auto; width: 100%; } .recommend-sub-inner { float: left; width: 100%; } .gobackbtn { color: #1c2a66; float: left; font-size: 14px; font-weight: 600; margin: 10px 10px 0 0; width: auto; } .recommend-field { background: #ffffff none repeat scroll 0 0; border: 1px solid #d6d6d6; float: left; margin: 0 0 5px; padding: 18px 10px 6px; position: relative; width: 100%; } .recommend-outer p { float: left; font-size: 14px; font-weight: 300; line-height: 22px; width: 100%; } .deleteRec { background: #ffffff none repeat scroll 0 0; border: 1px solid #d6d6d6; border-radius: 30px; color: #000000; float: right; font-size: 12px; font-weight: 400; line-height: 16px; padding: 0 8px; text-align: center; } .formLog.recommend, .formLog.sessionended-outer { max-width: 500px; } .recommend_delete { left: 7px; position: absolute; top: -10px; } .formsetfields .recommend-field fieldset:last-child { margin: 0; } .addMoreRecommendField:hover, .addMoreRecommendField:focus { color: #000; text-decoration: none; } .hiddenDiv { display: none !important; } .mainsection .skipPayment { display: none; } .mainsection.reference .skipPayment { display: block; } .reference .skipPayment { display: block; } .skipPayment { float: left; } .recorder_times { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; border-radius: 2px; color: #000000; padding: 2px 10px; position: absolute; right: 10px; top: 63px; z-index: 999; } .expertvideosession.expertRequestSent span { background-color: #a4da92; opacity: 0.9; background-image: inherit; } .record_sign { background: #ff0000 none repeat scroll 0 0; border-radius: 20px; display: inline-block; float: left; height: 15px; margin-right: 10px; margin-top: 4px; width: 15px; } .newSession { width: 100%; float: left; } .newSession p { width: 100%; float: left; line-height: 27px; font-size: 1em; color: #252D38; font-weight: 400; margin: 0 0 25px 0; } /*.formLog.innerforms {padding-left: 23px;padding-right: 23px;}*/ .startsessionbtn .btnblue i { width: 32px; height: 19px; background-image: url(../images/videocamera.svg); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; } .sessionStartSection { border-bottom: 1px solid rgba(151, 151, 151, 0.2); float: left; padding-bottom: 33px; width: 100%; } .sessionStartSection p { color: #252d38; float: left; font-size: 1em; line-height: 27px; margin: 0 0 16px; width: 100%; } .alreadyvideo { width: 100%; float: left; padding-top: 24px; } .alreadyvideo p { width: 100%; float: left; color: #252D38; font-size: 1em; line-height: 23px; margin: 0; } .alreadyvideo p a { border-bottom: 1px solid #1c2a66; color: #1c2a66; padding: 0 3px 2px; } .btnshover, .btnblue { transition: all 0.5s ease; } .btnshover:hover, .btnblue:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .control_section, .mainsection .recorder_times, .mainsection .titlevideo { z-index: 2147483647; } video#video-box::-webkit-media-controls { display: none !important; } video#video-box::-webkit-media-controls-enclosure { display: none !important; } .fullscreenVideo .recordingvideosection { position: fixed; z-index: 99999; top: 0; min-height: 100%; left: 0; } .table-cell.hideSessionAction a { opacity: 0.5; pointer-events: none; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); } .listsession .tablemain .table-cell.hideSessionAction .actionlistvideo span { background: #dfdfdf !important; } .modelStructure .modelContent { padding: 20px 15px; display: inline-block; width: 100%; } .modelStructure .modal-sm { max-width: 530px; width: 100%; } .modelStructure .modal-footer { border-top: medium none; padding: 0 0 20px 15px; text-align: left; } .modelStructure .modal-footer .btn-primary { background: #1c2a66 none repeat scroll 0 0; border-radius: 20px; font-size: 1em; padding: 6px 28px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .modelStructure .modal-footer .btn-primary:hover { filter: brightness(200%); -webkit-filter: brightness(200%); -moz-filter: brightness(200%); -o-filter: brightness(200%); -ms-filter: brightness(200%); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2); } .modelStructure .modal-footer .btn-default { background: linear-gradient(#ffffff, #f3f3f3) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 20px; font-size: 1em; padding: 6px 28px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } h2.popupHeading { display: inline-block; font-size: 1.2em; padding: 0 40px 0 15px; width: 100%; } .editSession .radioselect.happysmile .smilesicon { background-position: -40px 1px; } .editSession .radioselect.sadsmile .smilesicon { background-position: -81px 1px; } .editSession .radioselect.oksmile .smilesicon { background-position: -121px 1px; } .editSession .radioselect .smilesicon { width: 26px; height: 26px; } .editSession .radioselect { width: auto; margin-right: 20px; } .editSession.formsetfields fieldset .textfield { padding-left: 10px; } .editSession.formsetfields fieldset { margin-bottom: 14px; } .sessionComman h2 { float: left; margin: 0 0 20px; width: 100%; color: #252d38; font-size: 1.55em; font-weight: 700; } .sessionComman p { color: #252d38; float: left; font-size: 1.188em; line-height: 30px; margin: 0 0 16px; width: 100%; } .sessionComman .submitbtn { padding-top: 18px; } .formsetfields .recommend-outer h2 { font-size: 1em; color: #252d38; font-weight: 400; margin: 0 0 2px; line-height: 1.6; } .formsetfields .recommend-field fieldset { margin-bottom: 4px; padding: 0 3px 5px; width: 50%; } .formsetfields .recommend-field fieldset.full-width { width: 100%; } .recommend_area { float: left; padding-top: 20px; width: 100%; } .uploadVideoPopup .custom-file-input { background: #f0f0f0 none repeat scroll 0 0; height: 46px; margin-top: 30px; padding: 0; width: auto; } .comman_response.alert { display: inline-block; font-size: 13px; padding: 5px 7px; z-index: 3; } .comman_response.no-internet.alert.alert-danger { position: relative; top: 0; float: left; width: 100%; margin-bottom: 15px; } .recommend-success-feedback .comman_response.alert { margin-bottom: 30px !important; position: relative !important; bottom: 101% !important; min-height: fit-content !important; left: 0 !important; width:100% !important; text-align: left !important; } .replaySession .container { padding: 0; } .summarizeContainer fieldset { position: relative; padding-left: 16px; padding-right: 10px; } .summarizeContainer fieldset::before { background: #808080 none repeat scroll 0 0; border-radius: 20px; content: ""; height: 6px; left: 0; margin: auto; position: absolute; top: 22px; width: 6px; } .remove_fieldset { font-size: 28px; font-weight: 300; height: 30px; line-height: 28px; margin: auto; opacity: 0.7; position: absolute; right: 10px; text-align: center; top: 10px; width: 30px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .remove_fieldset:hover { opacity: 1; } .no_session.formLog { bottom: auto; display: inline-block; height: auto; left: 0; margin: auto; right: 0; top: 50%; transform: translate(0px, -50%); } .account-container h1.main_heading { color: #252d38; float: left; font-size: 1.55em; font-weight: 700; margin: 0 0 30px; width: 100%; } .account-container { float: left; padding-top: 50px; width: 100%; padding-bottom: 20px; } .account_panel { width: 100%; float: left; position: relative; padding-left: 300px; } .account_panel .error { width: 70%; float: left; margin-left: 28.5%; } .nav-account { float: left; left: 0; min-height: 400px; position: absolute; top: 10px; width: 300px; padding-right: 20px; } .nav-account li { width: 100%; float: left; list-style-type: none; border-bottom: 1px solid rgba(151, 151, 151, 0.20); } .nav-account li a { width: 100%; float: left; padding: 14px 0px; color: #858d98; } .nav-account li.active a { color: #333333; } .account-container .tab-content { background: #f4f4f4 none repeat scroll 0 0; float: left; padding: 20px; width: 100%; min-height: 290px; } h2.sub-heading { float: left; font-size: 1.1em; width: auto; margin: 7px 0 0; } .editbtnaccount.submitbtn .btnblue { font-size: 14px; font-weight: 500; padding: 6px 20px; } .headsectionaccount { width: 100%; float: left; border-bottom: 1px solid #d9d9d9; margin: 0 0 20px; padding: 0 0 20px; } .headsectionaccount .editbtnaccount { width: auto; float: right; } .account-info-view { width: 100%; float: left; margin-bottom: 24px; border-bottom: 1px solid #d6d6d6; } .account-info-view:last-child { border-bottom: none; } .account-info-view .fieldsrow { width: 100%; float: left; margin: 0 0 20px 0; } .account-info-view .fieldsrow label { float: left; font-size: 0.9em; font-weight: 400; margin: 0; max-width: 230px; width: 30%; } .account-info-view .fieldsrow span { color: #969696; float: left; font-size: 0.8em; width: 70%; padding-left: 12px; } .account-info-edit { width: 100%; float: left; display: none; } .account-info-edit .fieldsrow { width: 100%; float: left; margin: 0 0 20px 0; } .account-info-edit .fieldsrow label { float: left; font-size: 0.9em; font-weight: 400; margin: 0; max-width: 230px; width: 30%; padding: 6px 0 0; } .account-info-edit .fieldsrow .textfields { border: 1px solid #e6e6e6; border-radius: 3px; color: #666666; float: left; font-size: 0.7em; font-weight: 400; max-width: 260px; padding: 7px 10px; width: 70%; margin-left: 12px; } .account-info-edit .fieldsrow textarea.textfields { min-height: 100px; } .savebtnaccount.submitbtn { float: left; padding-left: 230px; padding-top: 20px; text-align: left; width: 100%; } .savebtnaccount.submitbtn .btnblue { font-size: 1em; font-weight: 500; padding: 6px 30px; } .savebtnaccount.submitbtn .cancelbtn { background: #ffffff none repeat scroll 0 0; border: 1px solid #d6d6d6; border-radius: 30px; color: #333333; font-size: 1em; font-weight: 500; margin-left: 10px; padding: 6px 20px; transition: all 0.5s ease; } .savebtnaccount.submitbtn .cancelbtn:hover { background: #fafafa; border: 1px solid #939393; } .editactive .headsectionaccount .editbtnaccount { visibility: hidden; } .deactivate-account { width: 100%; float: left; } .deactivate-account p { color: #434343; float: left; font-size: 1em; font-weight: 400; width: 100%; } .gonexpagecls_another { float: left; width: 100%; margin-top: 10px; } .actionlistvideo { position: relative; } .gonexpagecls a.sessionEndedSave span { bottom: 0; left: 10px; margin: auto; position: absolute; top: 0; } .gonexpagecls a.sessionEndedSave { position: relative; } .gonexpagecls a.end-recommend span, .recommend_page span.thumb-icon, .recommend span.thumb-icon { background-image: url("../images/recommend-white.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 30px; } .gonexpagecls a.end-replay span { background-image: url("../images/playicon-white.svg"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 30px; } .gonexpagecls a.end-new-session span { background-image: url("../images/add-white.png"); background-position: 2px 7px; background-repeat: no-repeat; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 40px; } .gonexpagecls a.end-session-list span { background-image: url("../images/session-white.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 30px; } .listsession .tablemain .table-cell .videoimg .playvideosession span { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; border-radius: 0; bottom: 0; height: 100%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .listsession .tablemain .table-cell .videoimg .playvideosession:hover span { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; } .listsession .tablemain .table-cell .videoimg .playvideosession span i { background-image: url("../images/play-video.png"); } span.icon-school-book { background-image: url("../images/school-icon-white.png"); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 30px; margin-right: 10px; vertical-align: middle; width: 30px; } .no_session.formLog.thanks_payment { box-shadow: none; display: block; float: none; margin: 0 auto; max-width: 960px; padding: 0; position: relative; top: 0; transform: none; width: 100%; } .thanks_payment .newSession { border: 1px solid #d6d6d6; margin: 0 0 30px; padding: 15px 20px; } .thanks_payment .newSession p { font-weight: 300; } /*experts page css start*/ .profile-info .trailer-btn { display: block; height: 48px; line-height: 38px; position: relative; transition: all 0.5s ease; border-radius: 100px; margin-top: 12px; border-color: transparent; } .trailer-btn:hover, .trailer-btn:focus, .trailer-btn:active { opacity: .8; } /*.trailer-btn.trailerView{ display:block; }*/ .trailer-btn .play-btn { border: solid 1px #fff; border-radius: 50%; width: 32px; height: 32px; display: block; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; } a.trailer_video_btn_ctrl_btn .play-btn{ border: solid 1px #fff; border-radius: 50%; width: 32px; height: 32px; display: block; position: absolute !important; left: 10px !important; top: 0 !important; bottom: 0 !important; margin: auto 0px !important; } a.trailer_video_btn_ctrl_btn .play-btn:before, .trailer-btn .play-btn:before { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #fff; position: absolute; left: 2px; right: 0; top: 0; bottom: 0; margin: auto; } .trailer_video_btn_ctrl_btn .play-btn, .trailer_video_btn .play-btn { border: solid 1px #fff; border-radius: 50%; width: 32px; height: 32px; display: block; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; } .trailer_video_btn_ctrl_btn .play-btn, .trailer_video_btn .play-btn:before { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #fff; position: absolute; left: 2px; right: 0; top: 0; bottom: 0; margin: auto; } .profile-info { margin-bottom: 30px; min-height: 258px; overflow: hidden; width: 170px; position: relative; } .expert_tutorial { margin: auto !important; top:40px !important; left: 0 !important; right: 0 !important; max-width: 640px !important; } .expert_tutorial iframe{ width:100% } #Path use { fill: #ffffff !important; } .profile-info figure img { width: 100%; height:100%; border-radius: 20px; object-fit: cover; cursor: pointer; } .homecollapse-outer .profile-info figure img { cursor: pointer; } @media (max-width:767px) { .profile-info figure img { height: 100%; object-position: top; } } .profile-info figure { position: relative; width: 170px; height: 170px; } .profile-info .profile-txt .name { font-size: 17px; margin: 10px 0px 0 0; } .profile-info .profile-txt .designation { font-size: 13px; color: #666; } .profile-info.green-overlayer figcaption, .profile-info.gray-overlayer figcaption { height: 42px; content: ''; position: absolute; bottom: -1px; left: 0; right: 0; margin: 0 -1px; line-height: 42px; border-radius: 0 0 12px 12px; color: #fff; text-align: center; } .profile-info.green-overlayer figcaption { background-color: rgba(31, 107, 53, .8); } .profile-info.gray-overlayer figcaption { background-color: rgba(64, 72, 66, .8); } .icon-txt { display: flex; align-items: center; margin-bottom: 12px; } .icon-txt p { margin-bottom: 0; padding-left: 12px; } .social-media-grp { display: block; margin: 36px 0 24px; } .social-media-grp a { margin: 7px 7px; display: inline-grid; } .social-media-grp a img { max-width: 19px; } .cal-date { position: relative; max-width: 110px; } @media ( max-width:767px ){ .cal-date { height:106px; float:right; } } .cal-date .default_datetime { position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 1; } .cal-date .default_datetime label { display: block; color: #fff; font-size: 13px; transform: rotate(-7deg); top: 35px; left: 0; position: relative; font-weight: bold; text-align: center; } .cal-date .default_datetime p { font-size: 36px; top: 54px; position: absolute; left: 8px; font-weight: bold; right: 0; text-align: center; transform: rotate(-7deg); width: 80px; margin: auto; } .cal-date .color-fill { fill: rgb(201, 16, 16) } .name-designation { margin-top: 42px; } @media (max-width:767px){ .name-designation { width:62%; margin-top:0; } .name-designation h3 { font-size:20px; font-weight:600; } } .padding { padding: 0 !important; } .paddingT0 { padding-top: 0 !important; } .paddingB0 { padding-bottom: 0 !important; } .paddingL0 { padding-left: 0 !important; } .paddingR0 { padding-right: 0 !important; } .margin0 { margin: 0 !important; } .marginT0 { margin-top: 0 !important; } .marginB0 { margin-bottom: 0 !important; } .marginL0 { margin-left: 0 !important; } .marginR0 { margin-right: 0 !important; } .marginT42 { margin-top: 42px !important; } .marginB42 { margin-bottom: 42px !important; } .marginT32 { margin-top: 32px !important; } .marginT24 { margin-top: 24px !important; } .marginT16 { margin-top: 16px !important; } .heading-grp h2 { color: #1f6b35; font-weight: 700; } @media (max-width:767px) { .heading-grp h2, .profile-txt { text-align: center; } } /*experts page css end*/ /* Payment Checkout Start */ .pm-credit-card-form { float: left; margin: 0; width: 100%; } .pm-credit-card-form .pm-group { float: left; margin: 0 0 12px; width: 100%; } .pm-credit-card-form .pm-group label { float: left; font-weight: 400; margin: 0 0 4px; width: 100%; font-size: 1em; } .pm-credit-card-form .pm-wrapper input[type="text"], .pm-credit-card-form .pm-wrapper input[type="number"] { box-sizing: border-box; float: left; height: 40px; line-height: 40px; max-width: 310px; padding: 4px 10px; width: 100%; } .pm-credit-card-form .pm-group.pm-exp .pm-input { float: left; max-width: 88px; } .pm-credit-card-form .pm-group.pm-exp .pm-separator { float: left; line-height: 40px; padding: 0 12px; } #paymentModal.modelStructure .modal-sm { max-width: 440px; } /* Payment Method */ .formsetfields .payment_method fieldset .textfield { padding-left: 12px; } .formsetfields .payment_method fieldset { margin-bottom: 20px; } .payment_mode .radioselect { margin: 0; width: 50%; } .payment_mode .selectfield { margin-bottom: 22px; } /** CC-Icons **/ .paymill-card-number-visa { background: #EAEFF1 url('../images/32x20_visa.png')no-repeat 96% center !important; } .paymill-card-number-mastercard { background: #EAEFF1 url('../images/32x20_mastercard.png')no-repeat 96% center !important; } .paymill-card-number-amex { background: #EAEFF1 url('../images/32x20_amex.png')no-repeat 96% center !important; } .paymill-card-number-jcb { background: #EAEFF1 url('../images/32x20_jcb.png')no-repeat 96% center !important; } .paymill-card-number-maestro { background: #EAEFF1 url('../images/32x20_maestro.png')no-repeat 96% center !important; } .paymill-card-number-carte-bleue { background: #EAEFF1 url('../images/32x20_carte-bleue.png')no-repeat 96% center !important; } .paymill-card-number-diners-club { background: #EAEFF1 url('../images/32x20_dinersclub.png')no-repeat 96% center !important; } .paymill-card-number-china-unionpay { background: #EAEFF1 url('../images/32x20_unionpay.png') no-repeat 96% center !important; } .paymill-card-number-discover { background: #EAEFF1 url('../images/32x20_discover.png') no-repeat 96% center !important; } .paymill-card-number-carta-si { background: #EAEFF1 url('../images/32x20_carta-si.png') no-repeat 96% center !important; } .paymill-card-number-dankort { background: #EAEFF1 url('../images/32x20_dankort.png') no-repeat 96% center !important; } .paymill-card-number-grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } /*wh*/ .toplink-listing { display: inline-block; width: 100%; } .toplink-listing ul { width: 100%; padding: 0; list-style: none; margin: 0; } .toplink-listing ul li { display: inline-block; width: 100%; } .toplink-listing ul li a { width: 100%; /*background: #ebe9e7;*/ background: #e5e4df; margin-bottom: 5px; border-radius: 4px; padding: 0 20px; color: #74a852; text-align: left; display: inline-flex; align-items: center; height: 58px; } .toplink-listing ul li a p { text-align: center; display: inline-block; width: calc(100% - 62px); margin-bottom: 0; } .toplink-listing .icon-ui img { width: 50px; } @media (max-width:1024px) { .toplink-listing ul li a p { font-size: 14px; } } .chapter-group.date-listing-ui { width: 100%; margin-top: 50px; } .spk-img-block { border-radius: 6px; overflow: hidden; display: inline-block; vertical-align: middle; width: 55px; } .spk-img-block img { width: 100%; object-fit: cover; border-radius: 8px; } .date-listing-ui.chapter-group .panel-body ul li a { padding: 14px 25px 14px 10px; margin-bottom: 0px; display: flex; align-items: center; } .date-listing-ui p.lesson-head { display: inline-block; width: 81%; padding-left: 10px; vertical-align: middle; margin-bottom: 0; font-size: 14px; line-height: normal; } .date-listing-ui .lesson-head span { display: block; font-size: 12px; padding-left: 4px; } .chapter-group.date-listing-ui h4.panel-title a { color: #74a852; padding: 22px 15px 22px 20px; text-align: center; } .date-listing-ui svg.pin-calender { position: absolute; top: -42px; width: 82px; left: -9px; } .date-listing-ui .date-block-ui-show.default_datetime { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99; } .date-listing-ui.chapter-group .panel-default .panel-heading a.collapsed { color: #74a852; } .date-listing-ui.chapter-group .panel-body ul li a:hover { background-color: #97b997; } .date-listing-ui.chapter-group .panel-body ul li a.active_sidebar span { background-color: none; } .date-listing-ui.chapter-group .panel-body ul li a:hover.active_sidebar span { background-color: #97b997; } .date-listing-ui .date-block-ui-show.default_datetime span { display: block; color: #fff; font-size: 11px; transform: rotate(1deg); top: -4px; left: -3px; position: relative; font-weight: bold; text-align: center; } .chapter-group.date-listing-ui .panel-default .panel-heading { position: relative; background-color: transparent; } .date-listing-ui .date-block-ui-show.default_datetime label { font-size: 26px; top: 0; bottom: 0; position: absolute; left: -1px; right: 0; padding-top: 22px; text-align: center; } .silber-gold-ui { /*background: url(../images/gd-package.png);*/ width: 100%; height: 58px; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; border-radius: 3px; } @media (max-width:1024px) { .silber-gold-ui { height: auto; margin-bottom: 5px; } .silber-gold-ui a { font-size: 14px !important; line-height: 20px; height: 30px; } } .silber-gold-ui .silber-ui { height: 58px; line-height: 58px; text-align: center; width: 100%; display: inline-block; color: #fff; letter-spacing: 0.5px; background: linear-gradient(90deg, rgb(179 179 179) 0%, rgb(204 198 198) 15%, rgb(177 177 177) 43%, rgb(171 169 169) 58%, rgba(203, 203, 203, 1) 83%, rgb(185 181 181) 100%); border-radius: 3px; box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.23); font-weight: 500; } .silber-gold-ui .gold-ui { text-align: center; width: 100%; display: inline-block; color: #fff; letter-spacing: 0.5px; background: linear-gradient(90deg, rgb(226 183 104) 0%, rgb(226 200 104) 15%, rgb(232 199 134) 36%, rgb(243 203 129) 61%, rgb(245 222 148) 89%, rgba(252, 221, 117, 1) 100%); height: 58px; line-height: 58px; border-radius: 3px; box-shadow: 0px 1px 9px -1px rgba(0, 0, 0, 0.23); font-weight: 500; } /** CONTACT PAGE DESIGN **/ .contact-form { width: 518px; float: left; } .contact-form form { width: 100%; } .field-text { width: 100%; height: 61px; padding: 0 10px; border: 1px solid #CECECE; margin-top: 8px; border-radius: 2px; } .field-textarea { resize: none; width: 100%; height: 150px; padding: 10px 10px; border: 1px solid #CECECE; margin-top: 7px; border-radius: 2px; } .form-submit { background: #F90882; color: #FFF; border-radius: 3px; font-size: 1.625em; border: none; font-weight: 600; letter-spacing: .5px; line-height: 1; padding: 19px 57px 15px; transition: all .3s; } .form-submit:hover { background: #E80478; } .field-container { margin-bottom: 36px; } .field-container.mb-30 { margin-bottom: 30px; } .contact-info { width: 315px; float: right; margin-top: 39px; } .contact-info p { margin-bottom: 0; } .contact-info .icon-bs { font-size: 26px; color: #1c2a66; height: 25px; margin-right: 12px; display: inline-block; display: inline; zoom: 1; vertical-align: middle; } .content-address { display: inline-block; vertical-align: middle; width: 262px; } .content-address p, .content-address a { margin-top: 2px; line-height: 1.35; font-size: 16px; letter-spacing: .31px; } .contact-email { margin-bottom: 40px; } .contact-email a { line-height: 1; font-size: 16px; color: #323232; letter-spacing: .45px; transition: all .4s; display: inline-block; display: inline; margin-top: 0px; margin-bottom: 0; } .contact-email a:hover { color: #1c2a66; } .contact-info .contact-phone .icon-bs, .contact-location .content-address, .contact-location .icon-bs { vertical-align: top; } .contact-info .contact-phone .icon-bs, .contact-location .icon-bs { margin-top: 3px; } .contact-phone .content-address { vertical-align: top; } .contact-phone a, .contact-location a { opacity: .7; transition: all .3s; color: #323232; font-size: 16px; margin-top: 0px; display: inline-block; } .contact-phone a:hover, .contact-location a:hover { opacity: 1; } .content-address .w-100 { margin-bottom: 10px; } .content-address .w-100:last-child { margin-bottom: 0; } .contact-location { margin-top: 35px; } .contact-location .content-address .w-100 { margin-bottom: 12px; } .contact-social { float: right; width: 264px; margin-top: 0px; } .contact-social a { font-size: 40px; color: #323232; transition: all .3s; } .contact-social a:hover { color: #1c2a66; } .contact-page-header { margin-bottom: 63px; } .contact-page-header h2 { letter-spacing: .46px; } .contact-page-header p { letter-spacing: .41px; } .contact-page-header.max-container { max-width: 800px; } .field-container span { display: none; } .field-container.error input, .field-container.error textarea { border: 1px solid #ff2600; } .field-container.error span { display: inline-block; font-size: .8em; letter-spacing: .5px; color: #ff2600; } .contact-page { float: left; width: 100%; margin: 50px auto; } .contact-header { text-align: center; max-width: 720px; margin: 0 auto 40px; } .contact-header h1 { color: #252d38; float: left; font-size: 1.25em; font-weight: 700; margin: 0; } .contact-header h2 { margin-bottom: 20px; } .contact-ifno-cont { max-width: 900px; margin: 0 auto; float: none; } .contact-page .field-text { height: 50px; font-size: 14px; font-weight: 300; } .contact-page .field-textarea { font-size: 14px; font-weight: 300; } .contact-page .field-text:focus { outline: none; } .contact-page .field-container p { margin-bottom: 0; } .contact-header p { line-height: 1.5; } .contact-email .icon-bs { display: inline-block; width: 30px; height: 30px; background: url(../images/mail.svg) no-repeat; background-size: cover; } .contact-phone .icon-bs { display: inline-block; width: 30px; height: 30px; background: url(../images/phone-call.svg) no-repeat; background-size: cover; } .contact-location .icon-bs { display: inline-block; width: 30px; height: 30px; background: url(../images/location.svg) no-repeat; background-size: cover; } .contact-social a.bs-icon { display: inline-block; width: 40px; height: 40px; background: #474747; border-radius: 100px; margin-right: 10px; position: relative; transition: all .3s; } .contact-social a.bs-icon.icon-sc-fb-bg:before { content: ''; background: url(../images/facebook.svg) no-repeat; background-size: 20px; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-position: center; } .contact-social a.bs-icon.icon-sc-tw-bg:before { content: ''; background: url(../images/twitter.svg) no-repeat; background-size: 20px; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-position: center; } .contact-social a.bs-icon.icon-sc-insta-bg:before { content: ''; background: url(../images/instagram.svg) no-repeat; background-size: 20px; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background-position: center; } .contact-social a.bs-icon:hover { background: #1c2a66; } .innerPagecommon { margin-bottom: 50px; } /** .innerPagecommon .container { max-width: 800px; }***/ .innerPageheader { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 30px; } .innerPageheader h2 { margin-top: 70px; } @media (max-width:767px) { .innerPageheader h2 { font-size: 24px; } } .innerPagecommon p { margin-bottom: 30px; line-height: 1.5; font-weight: 300; letter-spacing: .6px; } .innerPagecommon h3 { margin-bottom: 10px; margin-top: 40px; } .innerPagecommon .staticPages ul { padding-left: 20px; } .innerPagecommon .staticPages ul li { margin-bottom: 10px; margin-bottom: 19px; line-height: 1.5; font-weight: 300; letter-spacing: .6px; } .toDosPanel label { width: 100%; font-size: 12px; font-weight: 500; } .toDosPanel input[type="text"] { border: 1px solid #e6e6e6; border-radius: 3px; color: #666666; float: left; font-size: 0.7em; font-weight: 400; max-width: 260px; padding: 7px 10px; width: 100%; } .toDosPanel .comman_row label { width: 17.4%; float: left; } .toDosPanel .comman_row label:first-child { width: 58%; } .toDosPanel .todosInner { width: 17.5%; float: left; } .toDosPanel .todosInner:first-child { width: 58%; } .toDosPanel .comman_row { float: left; width: 100%; margin-bottom: 10px; margin-top: 15px; } .todosInner textarea { width: 195px; display: inline-block; vertical-align: middle; height: 30px; resize: none; border: 1px solid #e6e6e6; border-radius: 3px; color: #666666; font-size: 0.7em; font-weight: 400; max-width: 260px; padding: 6px 8px; } .toDosPanel .toDoEmailNotify { float: left; margin-top: 10px; } .toDosPanel .toDoEmailNotify label { width: auto; } .toDosPanel .todosPoints { width: 100%; float: left; margin-bottom: 8px; position: relative; } .deleteToDosPanel { position: absolute; right: 25px; top: 0px; font-size: 20px; line-height: 20px; width: 7px; } .deleteToDosPanel a { color: #000; padding: 0; width: 18px; height: 18px; display: inline-block; border-radius: 20px; line-height: 17px; text-align: center; opacity: 0.5; font-weight: 300; transition: all 0.5s ease; font-size: 25px; } .deleteToDosPanel a:hover { opacity: 0.9; } .toDosPanel .comman_row label.toDosToday, .toDosPanel .comman_row label.toDosTomarrow { text-align: center; } .toDosPanel fieldset { width: 100%; float: left; } .toDosPanel .radioselect input[type="radio"]+label { margin-left: 25px; } .newContent .toDoTask { font-size: 12px; margin-left: 24px; width: 80px; white-space: nowrap; overflow: hidden; /* text-overflow: ellipsis; */ display: inline-block; } .newContent .todowhen { font-size: 12px; width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .listsession .tablemain .table-cell:nth-child(4) { width: 36%; } .comman_response.alert.alert-success { position: relative; margin-bottom: 25px; } .recommend-success-feedback .comman_response { text-align: right; } .overallSession.icon { background-image: url(../images/director-chair.svg); background-size: 26px 24px; display: inline-block; vertical-align: middle; } .usedVideosession.icon { background-image: url(../images/used-icon.png); background-size: 32px 24px; display: inline-block; vertical-align: middle; } .availableSession.icon { background-image: url(../images/addVideo.png); background-size: 32px 24px; display: inline-block; vertical-align: middle; } .deletedSession.icon { background-image: url(../images/deleteicon.svg); background-size: 20px 21px; display: inline-block; vertical-align: middle; } .yourdetail .icon { float: left; margin-top: 5px; background-repeat: no-repeat; margin-right: 10px; background-position: center; width: 32px; height: 24px; } .customInputfile input[type="file"] { position: absolute; opacity: 0; pointer-events: none; z-index: -999; } .customInputfile { margin-top: 20px; cursor: pointer; } .customInputfile span { border: 1px solid #1c2a66; background: #fff; height: 30px; padding: 0 15px; line-height: 30px; color: #1c2a66; display: inline-block; vertical-align: middle; font-weight: 400; border-radius: 100px; } .customInputfile i { display: inline-block; vertical-align: middle; color: #000; letter-spacing: .45px; font-size: 13px; font-weight: 400; font-style: normal; opacity: .7; } .expertvideosession span { background-image: url(../images/chaticion-white.svg); background-position: center center; background-repeat: no-repeat; display: inline-block; margin-right: 10px; /*vertical-align: middle; Remove for alignment */ width: 30px; } .listsession .tablemain .table-cell .expertvideosession.sendingexpert span i { background: url(../images/sendingexpert.svg); background-repeat: no-repeat; } body .navigation ul li.expertlink a .icon { background-image: url(../images/chaticion.svg); width: 25px !important; height: 23px !important; background-size: cover; } .toDosPanel .error { width: 100%; float: left; } .invoicepdf { width: auto; float: left; opacity: 0.9; margin: -1px 0 0 13px; cursor: pointer; transition: all 0.5s ease; } .invoicepdf:hover { opacity: 1; } .invoicepdf img { width: 22px; } .steps-box { width: 100%; float: left; color: #1c2a66; font-size: 1.10em; margin: 0 0 16px; font-weight: 700; } .steps-box .stepcount { width: 30px; height: 30px; border-radius: 20px; border: 2px solid #1c2a66; line-height: 28px; display: inline-block; vertical-align: middle; text-align: center; font-weight: 600; margin: 0 10px 0 0; background: #e4e1dc; } .btn-center-position { text-align: center; } .checkicon-btn { width: 30px; height: 20px; display: inline-block; vertical-align: middle; background: url(../images/checkbtn.svg)no-repeat; margin: 0; } .inactive .checkicon-btn { display: none; } .checkicon-btn { width: 30px; height: 20px; display: inline-block; vertical-align: middle; background: url(../images/checkbtn.svg)no-repeat; margin: 0; } .playsessionbtn .btnblue i { width: 24px; height: 24px; background-image: url(../images/play-icons.svg); background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; } .instruction-list { width: 100%; float: none; max-width: 240px; margin: 0 auto; } .instruction-list li { width: 100%; float: left; margin: 0 0 6px; font-size: 14px; } .coachinstructionbtn { padding: 10px 0; } .toDosPanel { width: 100%; float: left; } .addMoreToDos { width: auto; display: inline-block; font-size: 14px; color: #000; margin: 6px 0 0 0; } .toDosOuter { width: 100%; float: left; overflow: auto; max-height: 160px; } .newContent { width: 100%; float: left; position: relative; padding-right: 7px; } .deleteSubmitToDos { position: absolute; top: 0; right: 0; } a.deleteToDosIcon { transition: all 0.5s ease; opacity: 0.7; transition: all 0.5s ease; } a.deleteToDosIcon:hover { opacity: 1; } a.deleteToDosIcon { background: url(../images/deleteicon.svg); width: 16px; height: 17px; display: inline-block; background-size: 16px; background-repeat: no-repeat; } .coachinginscon p { margin-bottom: 10px; } .sessionfetig { width: 100%; float: left; padding-top: 14px; } .checkicon-fill { width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(../images/tick-fill.svg)no-repeat; margin: 0 8px 0 0; } #myProgress { width: 100%; background-color: #ddd; float: left; margin-top: 8px; border-radius: 10px; overflow: hidden; } #myBar { width: 0%; height: 7px; background-color: #4CAF50; transition: all 0.5s ease; float: left; } /** 25-OCT-2017 for recoding screen steps style start **/ .steps { position: fixed; top: 0; bottom: 0; margin: auto; width: 100%; right: 0; display: none; } .steps .dt { display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center; } .steps .dt .dtc { display: table-cell; vertical-align: middle; width: 100%; } .steps ul { padding: 0; list-style: none; position: relative; margin-bottom: 0; background: #fff; padding: 20px; display: inline-block; border-radius: 4px; z-index: 2; max-width: 500px; } .steps ul:before { border: 1px solid #1155CC; content: ''; position: absolute; top: 51px; height: 10px; border-radius: 20px; background: #fff; z-index: -1; width: calc(100% - 40px); right: 0; left: 0; margin: auto; } .steps ul li { display: inline-block; width: 32%; text-align: center; margin: 0px; padding: 0 10px; vertical-align: top; } .steps ul li span { border: 1px solid #1155CC; width: 70px; height: 70px; border-radius: 100px; display: inline-block; text-align: center; line-height: 68px; color: #1155CC; font-size: 20px; margin-bottom: 10px; background: #fff; } .steps ul li p { font-size: 13px; margin-bottom: 0; } .hamburger { position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top:5px; } .navActive .hamburger { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .hamburger span { width: 100%; display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .navActive .hamburger span { width: 25px; } .navActive .hamburger span:nth-child(2) { opacity: 0; } .hamburger:focus { outline: none; } .navActive .hamburger span:nth-child(1) { -webkit-transform: translateY(13px); -ms-transform: translateY(13px); -o-transform: translateY(13px); transform: translateY(13px); } .navActive .hamburger span:nth-child(3) { -webkit-transform: translateY(-1px) rotate(90deg); -ms-transform: translateY(-1px) rotate(90deg); -o-transform: translateY(-1px) rotate(90deg); transform: translateY(-1px) rotate(90deg); } .uploadvideoicon { width: 0px; height: 0; overflow: hidden; } .mainsession a { position: relative; } .mainsession a label.counter-alert { position: absolute; top: -11px; left: 16px; font-size: 10px; background: #2AC61F; padding: 2px 3px; border-radius: 20px; color: #fff; } .expertlink a { position: relative; } .expertlink a label.counter-alert { position: absolute; top: -11px; left: 16px; font-size: 10px; background: #EC0000; padding: 2px 3px; border-radius: 20px; color: #fff; } .videowatchSection .videoContainercon #controls .scale:hover, .videowatchSection .videoContainercon #controls .scale { background: transparent; } /** Css for phase 2 online-school **/ @media (max-width:767px) { .videoSection{ height:auto !important; } .cookie-popup { width: 100%; left: 15px; right: 15px; margin: auto; max-width: 90%; } } .cookie-popup h4 { font-size: 22px; font-weight: normal; } .cookie-popup .btn-block { text-align: center; margin-top: 20px; margin-bottom: 20px; } .cookie-popup .second_puopup_links, .cookie-popup-checkbox-poup .second_puopup_links { text-align: center; } .cookie-popup .second_puopup_links a, .cookie-popup-checkbox-poup .second_puopup_links a { color: #333; font-weight: 600; padding: 0 5px; letter-spacing: 0.2px; } .cookie-popup .footer_page_links { text-align: center; } .cookie-popup .footer_page_links a { color: #333; font-weight: 400; padding: 0 3px; } .cookie-popup .btn, .cookie-popup-checkbox-poup .btn { padding: 10px 12px; font-weight: 600; } .cookie-popup-checkbox-poup .checkbox+.checkbox { margin-top: -1px; } .cookie-popup-checkbox-poup { max-width: 550px; } @media (max-width:767px) { .cookie-popup-checkbox-poup { width: 100%; left: 15px; right: 15px; margin: auto; max-width: 90%; } } .cookie-popup-checkbox-poup h4 { font-size: 24px; font-weight: bold; margin-bottom: 20px; } .cookie-popup-checkbox-poup .btn-block { margin: 20px 0; text-align: center; } .cookie-popup-checkbox-poup .btn-block button { font-weight: 600; } .bs-example { margin-top: 20px; margin-bottom: 20px; } .module { width: 100%; float: left; } .active_sidebar span, .active_sidebar { background-color: gainsboro } /* 5 FEB school video */ /* .chapter-group { border: 1px solid rgba(151, 151, 151, .2); border-radius: 4px; width: calc(100% - 20px); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } */ .chapter-group .panel-default { border: unset; border-radius: 8px; box-shadow: none; margin-bottom: 5px; } .chapter-group .panel-default .panel-heading { padding: 0px; border: none; } .chapter-group .panel-default .panel-heading:after { content: ''; clear: both; display: block; } .chapter-group .panel-default .panel-heading a { padding: 20px 15px; width: 100%; color: #1c2a66; float: left; background: #ebeae7; border-radius: 4px; height: 58px; } .chapter-group .panel-default .panel-heading a.collapsed { color: #333; } .chapter-group .panel-default .panel-heading .glyphicon { float: right; font-weight: bold; height: 15px; } .chapter-group .panel-default .panel-heading .glyphicon:before { line-height: 15px; height: 15px; } .chapter-group .panel-default .panel-heading a { font-weight: 600; font-size: 14px; letter-spacing: .45px; } .chapter-group .panel-body { padding: 0px; } .chapter-group .panel-body ul { list-style: none; margin: 0px; } .chapter-group .panel-group { margin: 0px; } .chapter-group .panel-body ul li { width: 100%; float: left; } .chapter-group .panel-body ul li i.counter-list { font-style: normal; margin-right: 4px; font-weight: 300; } .chapter-group .panel-body ul li a { padding: 14px 25px; color: #000; width: 100%; float: left; font-size: 14px; letter-spacing: .45px; position: relative; } .chapter-group .panel-body ul li ul li a { padding: 14px 35px; } .chapter-group .panel-body ul li a.active_sidebar, .chapter-group .panel-body ul li a.active_sidebar span { background: #f5f5f5; color: #1c2a66; } .chapter-group .panel-default .panel-heading .glyphicon.glyphicon-minus { color: #1c2a66; } .chapter-content video { width: 100%; height: auto; } .chapter-video-option { max-width: 300px; } .chapter-video-option .btn { width: 100%; background: #1c2a66; padding-top:0; padding-bottom:0; color: #fff; border: none; border-radius: 100px; margin-bottom: 15px; font-size: 18px; transition: all 0.5s ease; position: relative; height:52px; line-height:52px; } a.btn.btn-default.previous-button { padding-left: 28px; } .speaker_photo { float: left; margin: 0 10px 0 0; cursor: pointer; } .speaker_name { padding: 6px 0px 0 0; } .speaker_name p { margin-bottom: 0; } .viemo-video.custom-video.video-shadow img { width: 100%; max-width: 100%; width: -webkit-fill-available; width: -moz-available; } .viemo-video .preload_img{ width:100%; } .chapter-video-option .btn span { position: absolute; left: 12px; top: 0; bottom: 0; margin: auto; } .chapter-video-option .btn:hover { opacity: 0.8; } .chapter-audio { margin-top: 0px; margin-bottom: 0px; } .chapter-audio h5 { font-size: 18px; letter-spacing: .45px; border-bottom: 1px solid rgba(151, 151, 151, .2); padding-bottom: 5px; margin-bottom: 15px; } .addMore { display: inline-block; width: 100%; margin-bottom: 10px; } .chapter-audio audio { width: 100%; } .chapter-audio .audio-player .speaker{ display: flex; justify-content: space-between; } .chapter-audio .audio-player .speaker span{ position: relative; left:1px; z-index:3; margin-left:0; margin-right:0; } .chapter-audio .audio-player .speaker .aud-txt{ visibility:visible; opacity:1; line-height:52px; display: block; position: absolute; right: 0; left: 0; text-align: center; transition: all 0.25s ease; z-index:2; } .chapter-audio .audio-player .speaker.hideAudiotext .aud-txt{ visibility:hidden; opacity:0; } .chapter-audio .audio-player .speaker .aud-player #timeline1 { background: #fff; height:4px; } .chapter-audio .audio-player .speaker .aud-player #seekObj1 { width: 10px; height: 10px; background: #cac3c6; border-radius: 50%; position: relative; top: -3px; } .chapter-audio .audio-player .speaker .aud-player #seekObjContainer{ max-width:58%; flex: 0 0 58%; margin:0 8px; } @media ( max-width:1024px ){ .chapter-audio .audio-player .speaker .aud-player #seekObjContainer{ max-width:45%; flex: 0 0 45%; } } .chapter-audio .audio-player .speaker .aud-player{ visibility:hidden; opacity:0; display: flex; justify-content: space-between; width: calc(100% - 42px); align-items: center; font-size: 13px; left:0; right:0; transition: all 0.3s ease; cursor: pointer; } .chapter-audio .audio-player .speaker.hideAudiotext .aud-player{ visibility:visible; opacity:1; } .topic-description { margin-top: 7px; } .topic-description textarea { width: 100%; border-radius: 4px; height: 150px; /* border:1px solid rgba(151,151,151,.2); */ resize: none; padding: 10px; font-weight: normal; outline: none; transition: all .4s; } .topic-description textarea:focus { border: 1px solid #e7e7e7; } .tab-content h3 { margin-top: 0px; margin-bottom: 0px; font-weight: 600; } .topic-description { font-size: 15px; font-weight: 400; line-height: 1.6; } .manage-display-under-video { margin: 20px 0px !important; border: 1px solid #e7e7e7; padding: 20px; font-size: 15px; font-weight: 400; line-height: 1.6; background: rgba(255, 255, 255, 0.4); } .manage-display-under-video h3 { margin-bottom: 7px; margin-top: 0; } .manageCommentPostSection .submitComment { margin-top: 4px; float: left; } .manageCommentPostSection .submitDeliveryComment { float: left; padding: 7px 12px 7px 12px; } .manageCommentPostSection .submitaboutComment { float: left; padding: 7px 12px 7px 12px; } .manageCommentPostSection { float: left; width: 100%; margin: 10px 0px; } .manageCommentPostSection .alert-success { position: fixed; bottom: 42px; right: 20px; z-index: 99; } .full-comment-answer { margin: 0 10px; } .short-comment-answer { font-size: 16px; margin-bottom: 10px; margin: 0 10px 10px; } .short-comment-answer:last-child { border-bottom: none; margin-bottom: 0; } .mainsection .mobile-sidebar { display: none; } /* .chapter-content .viemo-video iframe { width: 100%; height:390px; background-color: #000; } @media (max-width:1024px){ .chapter-content .viemo-video iframe{ height:277px; } } @media (max-width:767px){ .chapter-content .viemo-video iframe{ height:204px; } } */ .viemo-video { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; } .viemo-video iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } /*@media (max-width:1680px) { .chapter-content .viemo-video iframe { height: 500px } } @media (max-width:1440px) { .chapter-content .viemo-video iframe { height: 424px } } @media (max-width:1366px) { .chapter-content .viemo-video iframe { height: 400px } } @media (max-width:1280px) { .chapter-content .viemo-video iframe { height: 373px } } @media (max-width:1024px) { .chapter-content .viemo-video iframe { width: auto; height: auto; } }*/ /*.viemo-video.inter-viemo { margin: -40px 0 -20px; } @media (min-width:1950px) { .viemo-video.inter-viemo { margin: -10px 0 -10px; } } @media (max-width:1440px) { .viemo-video.inter-viemo { margin: -20px 0 -10px; } } @media (max-width:1024px) { .viemo-video.inter-viemo { margin: 0px 0 0px; } } */ .answer-comment-class .fa { color: #212121; vertical-align: super; } .icon-next { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: -42px -1px; } .icon-pre { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: 0px 0px; } .icon-audio { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: -85px -36px; } .speakerplay .icon-audio { background-position: -84px -1px; } .icon-download { width: 32px; height: 32px; background: url(../images/icon-downloads.png)no-repeat; display: inline-block; } .icon-pdf { width: 32px; height: 32px; background: url(../images/icon-pdf.png)no-repeat; display: inline-block; } .icon-comments { width: 32px; height: 32px; background: url(../images/icon-chat.png)no-repeat; display: inline-block; } .icon-mp3 { width: 32px; height: 32px; background: url(../images/icon-mp3.png)no-repeat; display: inline-block; } /*.icon-txt { width: 32px; height: 32px; background: url(../images/icon-txt.svg)no-repeat; display: inline-block; }*/ .icon-word { width: 32px; height: 32px; background: url(../images/icon-word.png)no-repeat; display: inline-block; } .icon-material { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: -124px -1px; } .icon-no-audio { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: -164px -1px; } .icon-question-mark { width: 30px; height: 30px; background: url(../images/icon-players.png)no-repeat; display: inline-block; vertical-align: middle; background-position: -124px -36px; } .icon-question { width: 30px; height: 30px; background: url(../images/question.png)no-repeat; display: inline-block; vertical-align: middle; background-size: contain; } img.image_attachment { max-width: 100%; } /** End Css for phase 2 online-school **/ .manage-display-under-video .col-md-1 { width: 30px; padding: 0; float: left; } .manage-display-under-video .col-md-11 { width: calc(100% - 30px); float: left; } .manage-product-list-section { margin-top: 10px; margin-bottom: 20px; } /* .manageCommentDesignSection { width: 100%; float: left; border: 1px solid rgba(230, 230, 230, 0.3); margin-top: 0; padding: 8px 15px; background: rgba(230, 230, 230, 0.33); border-radius: 3px; } */ .manageCommentIndividual { width: 100%; float: left; border-bottom: 1px solid #e3e3e3; padding: 10px 70px 15px 0; position: relative; margin-bottom: 0; border: 1px solid rgba(230, 230, 230, 0.3); margin-top: 0; padding: 18px 15px 20px; background: rgba(230, 230, 230, 0.33); } .manage-comment-answer-section.submitbtn { padding: 10px 15px 10px; } .manage-comment-answer-section.submitbtn textarea { margin-bottom: 10px; } .manageCommentIndividual .manage-comment-action-section { position: absolute; right: 20px; top: 18px; } .manageCommentIndividual .manage-answer-action-section { position: relative; right: -40px; float: right; bottom: 36px; } .manageCommentIndividual .manage-answer-action-section a { float: left; margin-left: 6px; padding: 3px; } .manageCommentIndividual .manage-comment-action-section a { float: left; margin-left: 6px; padding: 3px; /*transition: all 0.5s ease;*/ } .manage-comment-update-section { width: 100%; float: left; } .manageCommentIndividual .manage-comment-action-section a:hover { opacity: 0.7; } .manageCommentIndividual:last-child { border-bottom: none; } .comment_author { width: 100%; float: left; color: #8b8b8d; margin: 0 0 1px 0; font-size: 14px; } .full-comment { font-size: 16px; font-weight: 400; margin-bottom: 5px; font-size: 14px; color: #333333; line-height: 1.4; } .short-comment, .full-comment { padding-right: 75px; line-height: 1.4; } .full-comment-answers { margin: 5px 35px 0; } .answer_comment_author { width: 100%; float: none; color: #8b8b8d; margin: 0 0 1px 0; font-size: 14px; } .comment_description { width: 100%; float: left; } .comment_description p { width: 100%; float: left; font-size: 14px; margin: 0 0 10px; font-weight: 400; color: #333333; } .comment_description p:last-child { margin-bottom: 0; } .manageCommentPostSection .cke_comment { margin-bottom: 20px; } .cookie-popup { max-width: 350px; } .cookie-popup { left: 46px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.34); bottom: 62px; position: fixed; background: #fff; padding: 20px; width: 100%; /*max-width: 300px;*/ font-size: 13px; border-radius: 4px; z-index: 999; } .dark_mode .cookie-popup{ color: #000; } .cookie-popup-checkbox-poup { left: 46px; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.34); bottom: 62px; position: fixed; background: #fff; padding: 20px; width: 100%; /*max-width: 300px;*/ font-size: 13px; border-radius: 4px; display: none; } .home-popup { bottom: 100px !important; } .cookie-popup span { clear: both; width: 100%; color: #888888; } .videoLoader { position: absolute; width: 100%; height: 100%; background: white /*rgba(0,0,0,0.6)*/ ; opacity: 0.8; } .videoLoader img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } /** only for faq page start **/ .videoLoader { position: absolute; width: 100%; height: 100%; background: white /*rgba(0,0,0,0.6)*/ ; opacity: 0.8; } .videoLoader img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .faq-wrapper { width: 100%; float: left; padding-top: 30px; } .faq-wrapper .container { max-width: 970px; width: 100%; } .faq-block { width: 100%; float: left; } .question-heading { width: 100%; float: left; margin: 0 0 20px 0; } .question-heading h1 { width: 100%; float: left; margin-top: 0px; margin-bottom: 8px; font-weight: 600; color: #1c2a66; font-size: 30px; } .question-heading p { color: #000; width: 100%; float: left; font-size: 16px; letter-spacing: .45px; position: relative; } .faq-block-question { width: 100%; display: inline-block; margin: 0 0 70px 0; } .in-block-question { width: 100%; float: left; margin-bottom: 30px; } .question-accordion-container { width: 100%; float: left; } .question-accordion-container .panel { box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.07); transition: all 0.3s ease-out; } .question-accordion-container .panel:hover { border: 1px solid rgba(0, 0, 0, 0.15); } .question-accordion-container .panel-body { border: none !important; } .question-accordion-container .panel-heading { width: 100%; display: inline-block; background: #fff; padding: 0px; text-align: left; color: #1c2a66; font-size: 16px; letter-spacing: 0.4px; transition-delay: .1s; background: none; font-family: 'Montserrat', Halvetica, arial, sans-serif; } .question-accordion-container .panel-heading .panel-title a { width: 100%; display: inline-block; padding: 15px 50px 15px 15px; position: relative; font-size: 16px; font-weight: 600; } .question-accordion-container .panel-heading .panel-title a .glyphicon { position: absolute; right: 20px; top: 7px; font-size: 28px; } .question-accordion-container .panel-body p { display: block; font-size: 14px; font-weight: 400; line-height: 1.7; width: 100%; color: #333; } .faq-wrapper .panel-body .video-q-wrapper{ width:48%; } .faq-wrapper .panel-body .video-q-wrapper + p { width: 50%; } .faq-wrapper .video-q-wrapper iframe { width: 100%; aspect-ratio: 16 / 9; } .video-q-wrapper { float: right; margin-left: 10px; margin-bottom: 10px; max-width: 50%; border: 1px solid #e2e2e2; box-shadow: 0 6px 18px 0 rgba(2, 2, 2, 0.23); } .video-q-wrapper video { width: 100%; vertical-align: top; } .faq-block-question .panel-body ul { padding-left: 20px; padding-top: 15px; } .faq-block-question .panel-body ul li { margin-bottom: 14px; color: #4a4a4a; } button#download_pdf { background: #1c2a66; height: 50px; border-radius: 30px; color: #fff; padding: 0px 30px; display: inline-block; line-height: 50px; text-transform: capitalize; margin-left: 16px; } .page_bottom { display: block; text-align: center; } .page_bottom a { background: #1c2a66; height: 50px; border-radius: 30px; color: #fff; padding: 0px 30px; display: inline-block; line-height: 50px; } @media (max-width:767px) { .page_bottom a { margin-bottom: 24px; } } @media screen and (max-width:767px) { .question-heading h1 { font-size: 20px; } .question-heading p { font-size: 14px; } .question-accordion-container .panel-heading .panel-title a { padding: 15px 42px 15px 10px; font-size: 14px; } .question-accordion-container .panel-body { padding: 10px; } .video-q-wrapper { width: 100%; max-width: 100%; margin: 0 0 10px; } .question-accordion-container .panel-body p { font-size: 13px; } } /** only for faq page end **/ /** only for step start **/ @media screen and (max-width:640px) { .steps { padding: 0 20px; } .steps ul { padding: 7px 0; } .steps ul li { padding: 0 6px; } .steps ul li span { margin-bottom: 10px; width: 40px; height: 40px; line-height: 38px; font-size: 13px; } .steps ul li p { font-size: 10px; } .steps ul:before { height: 6px; top: 24px; } } /** only for steps end **/ button.expertClosePopup { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; width: 25px; height: 25px; border: 1px solid #1c2a66; border-radius: 100px; color: #1c2a66; text-shadow: none; opacity: .6; font-size: 25px; position: absolute; right: 10px; top: 10px; font-weight: 300; transition: all .4s; } button.expertClosePopup:hover { opacity: .9; } button.expertClosePopup span { position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; height: 26px; } .control_section { bottom: 73px; } .alert.alert-danger { float: left; } .panel-body .lesson-container li a { padding-top: 6px !important; padding-bottom: 6px !important; } .icon-complete-watch { width: 17px; height: 17px; background: url(../images/checkgreen.svg); background-repeat: no-repeat; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .icon-middle-watch { width: 17px; height: 17px; background: url(../images/checkgray.svg); background-repeat: no-repeat; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .icon-no-watch { width: 15px; height: 15px; background: url(../images/round-circle.svg); background-repeat: no-repeat; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; } .disableSeen { background: #ddd !important; margin: 0 0 2px 0; opacity: 0.5; color: #808080 !important; cursor: not-allowed; } .disableSeen .watch_icon { display: none; } .uploadedfilesSection a.fileItemMainLink span.icon-pdf { background-image: url(../../public/images/icon_pdf.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-doc { background-image: url(../../public/images/icon_doc.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-docx { background-image: url(../../public/images/icon_doc.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-xlsx { background-image: url(../../public/images/icon_excel.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-jpg { background-image: url(../../public/images/icon_jpg.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-jpeg { background-image: url(../../public/images/icon_jpg.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-png { background-image: url(../../public/images/icon_png.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-mp3 { background-image: url(../../public/images/icon_mp3.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-mp4 { background-image: url(../../public/images/icon_mp4.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-pptx { background-image: url(../../public/images/icon-ppt.svg); } .uploadedfilesSection a.fileItemMainLink span.icon-ppt { background-image: url(../../public/images/icon-ppt.svg); } .uploadedfilesSection a.fileItemMainLink { width: 100%; float: left; margin: 0 20px 15px 0; border: 1px solid transparent; transition: all 0.5s ease; text-align: left; position: relative; } .uploadedfilesSection a.fileItemMainLink:before { content: ""; left: 0; right: 0; bottom: -9px; height: 1px; width: 100%; border-bottom: 1px solid #d6d6d6; position: absolute; } .uploadedfilesSection a.fileItemMainLink:last-child:before { content: none; } .uploadedfilesSection a.fileItemMainLink:hover { border-color: #dfe0e0; box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.2); } .uploadedfilesSection a.fileItemMainLink span { width: 40px; height: 40px; text-align: center; background-position: center; background-size: 30px; background-repeat: no-repeat; opacity: 0.6; display: inline-block; float: left; } .uploadedfilesSection a.fileItemMainLink label { width: calc(100% - 40px); float: left; cursor: pointer; font-weight: 400; font-size: 15px; text-align: left; color: #000; padding: 4px 6px; margin-top: 6px; } .icon-description { width: 38px; height: 38px; background: url(../images/icon-desc.png)no-repeat; display: inline-block; } .icon-product { width: 38px; height: 38px; background: url(../images/icon-product.png)no-repeat; display: inline-block; } .manage-product-item { padding-left: 15px; margin-bottom: 5px; margin-right: 8px; } @media (max-width:575px) { .manage-product-item { display: flex; flex-direction: column; align-items: center; text-align: center; padding-left: 0; margin-right: 0; margin-bottom: 16px; } } .manage-product-item .icon-product { margin-bottom: -20px; } .manage-product-item a{ padding-top: 5px; } /* .manage-product-item a { color: #000; margin-left: 20px; } textarea.comment_update { float: left; width: 80%; margin-right: 20px; } .manage-product-div label { width: 366px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 0; margin-right: 10px; } .manage-product-div a { margin-left: auto !important; float: right; } */ .manage-product-item .product_link { color: #000; margin-left: 20px; } textarea.comment_update { float: left; width: 80%; margin-right: 20px; } .about_kongress_products .manage-product-div label { width: 500px; } .manage-product-div label { width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: -5px; margin-right: 10px; cursor: pointer; } .manage-product-div .product_link { margin-left: auto !important; float: right; } .pb-80 { padding-bottom: 40px; } /****New code for Iframe****/ @media screen and (max-width: 767px){ .videoviewback.videoSection.mobileVideoServer{ padding-bottom: 12px !important; } .videoviewback.videoSection { height: auto !important; position: relative; padding-bottom: 61.25%; } .salesPage .videoSection.videoviewback iframe { padding-top: 0px !important; margin-top: -10px; } .videoviewback.videoSection iframe { /* padding: 24px 0 0; */ position: absolute; width: 100%; height: 100% !important; z-index: 10; left: 0; right: 0; } .videoSection.videoviewback.mobileImage:after { display: none; } .posterImage img { width: 100%; height: auto !important; } .withoutMobileviewpage{ height: auto !important; } .mobileImage .posterImage { position: relative; z-index: 5; /*min-height: 260px; background-size: cover !important;*/ } .videoSection.videoviewback:after { content: "";position: absolute;bottom: -1px; left: 0; right: 0; height: 100px; z-index: 0; background-color: white; } /***Start For counter ***/ .saleTeaser #clockdiv>div, .counter_about_kongress #clockdiv>div { padding: 11px 7px 10px; font-size: 16px; min-width: auto; } .saleTeaser #clockdiv .smalltext { font-size: 11px; } .counter_about_kongress { padding: 0px !important; } #clockdiv>div, .counter_about_kongress #clockdiv>div { padding: 11px 7px 10px; font-size: 16px; min-width: auto; } #clockdiv .smalltext { font-size: 11px; } #clockdivWarhrend>div, .counter_about_kongress #clockdivWarhrend>div { padding: 11px 7px 10px; font-size: 16px; min-width: auto; } #clockdivWarhrend .smalltext { font-size: 11px; } #clockdivNach>div, .counter_about_kongress #clockdivNach>div { padding: 11px 7px 10px; font-size: 16px; min-width: auto; } #clockdivNach .smalltext { font-size: 11px; } section.mainsection.salesPage { min-height: calc(100vh - 165px); } } @media (max-width:575px) { .manage-product-div a { width: 100%; margin: 8px 0; } } .updateComment { margin-top: 10px; } .error_comment_update { float: left; width: 100%; } .error_comment_p { color: #ff0000; font-size: 12px; font-weight: 300; margin-top: 3px; } /** 25-OCT-2017 for recoding screen steps style end **/ /*Listing page Start*/ .product-ui-block { width: 100%; float: left; border: 1px solid #d9e3ee; transition: all 0.5s ease; margin-bottom: 40px; border-radius: 15px; overflow: hidden; } .product-ui-block a { width: 100%; float: left; color: #000000; } .product-ui-block:hover { box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 1.15); } .product-ui-block h3 { text-align: center; font-size: 20px; width: 100%; float: left; padding: 0 10px; margin: 0 0 10px 0; } .product-detail-section .product-ui-block h3 { text-align: left; } .product-ui-block .project-img { width: 100%; float: left; height: 250px; position: relative; margin-bottom: 20px; background: #ebebeb; overflow: hidden; } .product-ui-block .project-img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; border-radius: 10px; transition: all 0.6s; } .product-ui-block:hover img { scale: 1.1; transition: all 0.6s; } .discripton-product_cls { width: 100%; float: left; text-align: center; padding: 10px; color: #000000; font-size: 14px; font-weight: 300; line-height: 20px; height: 90px; overflow: hidden; } .discripton-product_cls hr { border: 1px solid #eee; } .discripton-product_cls p { width: 100%; float: left; } .product_pricing { width: 100%; float: left; text-align: center; padding: 0 0 14px 0; } .title-mehre { width: 100%; float: left; } .bs-example.product-detail-section { padding-top: 50px; } .product-detail-section .title-mehre h3 { margin: 10px 0 0; } .title-mehre h3 { color: #252d38; float: left; font-size: 1.55em; font-weight: 400; margin: 10px 0 30px; width: 100%; } .product-buy-button .btn:hover { opacity: 0.8; } .product_pricing span.product-price { margin: 0; padding: 20px 0 0 0; } .product-ui-block .product-buy-button { margin: 18px 0 10px 0; padding: 10px 30px; width: auto; display: inline-block; float: none; border: none; border-radius: 20px; } .product-detail-section .product-ui-block { border: none; text-align: left; box-shadow: none; } .product-detail-section .product-ui-block .project-img { height: auto; margin: 0 0 20px 0; } .product-detail-section .product-ui-block .project-img img { position: relative; } .product-detail-section .product-ui-block .discripton-product_cls { height: auto; text-align: left; padding: 0; } .product-detail-section .product_pricing span.product-price { text-align: left; } .tags-detail { width: 100%; float: left; margin: 0 0 12px 0; } .tags-detail ul { width: auto; float: left; list-style: none; margin: 0; padding: 0; max-width: 80% } .tags-detail ul li { width: auto; float: left; color: #656464; font-size: 13px; font-weight: 300; } .tags-detail ul li:after { content: ","; margin: 0 4px; } .tags-detail ul li:last-child:after { content: none; } .tags-detail .tag { width: auto; float: left; margin: 0 10px 0 0; font-weight: 500; font-size: 14px; } .external-page.product_pricing .btn { float: left; } .product-detail-section .product-ui-block .project-img ul.gallery li { height: 320px; overflow: hidden; position: relative; } .product-detail-section .product-ui-block .project-img ul.gallery { max-height: 320px; } .product-detail-section .product-ui-block .project-img ul.gallery li img { position: absolute; } .project-img .item { width: 100%; float: left; border: 1px solid #e6e3e3; padding: 20px 10px; } .product-detail-section .product-ui-block .lSAction { display: none !important; } .product-detail-section .product-ui-block .project-img ul.lSPager li a { height: 48px; width: 48px; border: 1px solid #d6d6d6; overflow: hidden; box-sizing: border-box; background: #f3f3f3; position: relative; } .product-detail-section .product-ui-block .project-img ul.lSPager li a img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%; } .product-detail-section .product-ui-block .project-img ul.lSPager li.active, .product-detail-section .product-ui-block .project-img ul.lSPager li:hover { border-radius: 0; } .product-detail-section .product-ui-block .project-img ul.lSPager li.active a, .product-detail-section .product-ui-block .project-img ul.lSPager li:hover a { border-color: #000; } .product-list-block .col-md-4 { display: inline-block; vertical-align: top; margin: 0 -2px; float: none; } /* .product-list-block figure { width: 100%; display: inline-block; height: 321px; overflow: hidden; }*/ .product-list-block figure img { max-width:100%; } .video-list-details .video-list-details-content { position: relative; } .video-list-details .video-list-details-content:before { position: absolute; content: ""; width: 86px; height: 70px; background: url(../images/quote-graphic.png); left: -38px; top: -20px; background-position: -36px -16px; z-index: -1; } @media (max-width:767px) { .video-list-details .video-list-details-content:before { left: 0; top: 0; } .product-list-block .col-md-4{ width:100% } } /*Listing page End*/ /* 16-Aug-2018 */ .formsetfields { width: 100%; float: left; padding: 20px 20px 25px; background: #fff; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.34); } @media (max-width:767px) { .formsetfields { box-shadow: none; padding: 20px 16px 30px; } } .text-above-form { width: 100%; float: left; margin: 0 0 16px 0; position: relative; padding-right: 40px; } .text-above-form span.text-title { width: 100%; float: left; font-size: 15px; margin: 0 0 1px; } .text-above-form span.text-subtitle { width: 100%; float: left; font-size: 14px; color: #9D9D9D; } /*.text-above-form:before { content: ""; width: 44px; height: 44px; background: url(../images/crubed-arrow.png); position: absolute; right: -8px; top: -10px; }*/ .formlogin .text-above-form .pin-img { position: absolute; right: 3px; top: -60px; z-index: 99; width: auto; pointer-events: none; transform: rotate(-126deg); width: 20px; left: auto; } .formregister.formsetfields fieldset { margin: 0 0 8px; } h2.star-icon:after { content: ""; width: 40px; height: 50px; background: url(../images/star-heading.png); position: absolute; left: -19px; top: -12px; } h2.star-icon { position: relative; padding-top: 20px; margin-top: 10px; } .star-icon span { position: relative; z-index: 9; /*background: #fff;*/ left: 1px; padding: 0 3px; border-radius: 3px; } .innerforms .comman_response.alert { margin-bottom: 0; position: absolute; left: 0; bottom: 101%; } .time-left-modal figure { max-width: 30%; display: inline-block; vertical-align: middle; } .time-left-modal figure img { max-width: 100%; } .figure-caption { display: inline-block; vertical-align: middle; width: 68%; padding-left: 20px; text-align: center; } .figure-caption label { display: block; color: #333; font-weight: 600; margin: 0; font-size: 14px; } .figure-caption h3 { font-size: 42px; margin: 0; padding: 12px 0; color: #333; font-weight: 800; } .modal-dialog.modal-timer-block .modal-content { padding: 30px 10px; } .modal-dialog.modal-timer-block { max-width: 500px; margin: 10% auto; } .modal-dialog.modal-timer-block .modal-footer { padding: 10px 15px 0 15px; border: none; max-width: 65%; text-align: center; margin-left: 35%; } .modal-dialog.modal-timer-block .modal-footer .btn-default { padding: 8px 40px; font-size: 20px; font-weight: 600; } .figure-caption p { display: block; color: #333; font-weight: 600; margin: 0; font-size: 14px; } .resetPasswordDiv .formsetfields fieldset label { font-size: 14px; } @media screen and (max-height:720px) { /* On Recommend page form **/ .recommend .formLog { padding: 10px 14px 10px; } .recommend .formsetfields fieldset .textfield { height: 38px; } .recommend .submitbtn .btnblue { padding: 6px 27px; } .recommend .recommend-field { padding: 10px 5px 3px; margin-bottom: 5px; } .recommend .gonexpagecls { padding-top: 10px; } /** For alerts on all fomrs **/ .comman_response.alert { position: absolute; right: 0; left: 0; top: 14px; right: 0; width: 95%; margin: 0 auto; } /** For register page **/ .formsetfields fieldset { margin-bottom: 13px; } .submitbtn .btnblue { padding-top: 6px; padding-bottom: 6px; } .formregister .submitbtn { margin-top: -10px; } .formLog { padding: 11px 20px 16px; } /*.nav-tab {margin-bottom:18px;}*/ .formsetfields fieldset { margin-bottom: 7px; } .formsetfields h2 { margin-bottom: 15px; } } @media screen and (max-width:1440px) { .expand_navigation.navigation ul li { margin-left: 20px; } .expand_navigation.navigation ul li:first-child { margin-left: 0px; } } @media screen and (max-width: 1200px) { .expand_navigation.navigation ul li { margin-left: 10px; } .expand_navigation.navigation ul li:first-child { margin-left: 0px; } .savebtnaccount.submitbtn { padding-left: 200px; padding-top: 10px; } .navigation ul li { margin-left: 30px; } .logo img { height: 46px; } .navigation { padding-top: 12px; } .navigation ul li a span { font-size: 13px; } header { padding: 15px; } .account_panel .error { padding-left: 12px; margin-left: 30%; } } @media screen and (max-width: 1150px) { .expand_navigation.navigation ul li { margin-left: 10px; } .expand_navigation.navigation ul li:first-child { margin-left: 0px; } .listsession .tablemain .table-cell { padding: 20px 6px; } .listsession .tablemain .table-cell label { font-size: 12px; } .sessionvideodetail { padding-left: 0; } .logo img { height: 38px; width: auto; } .navigation { padding-top: 4px; } } @media screen and (max-width: 1100px) { .navigation ul li { margin-left: 30px; } .chapter-video-option .btn { font-size: 13px; } } @media screen and (max-width: 991px) { .singleVideoView.videowatchSection.col-md-6 { display: block; margin: 0 auto 20px auto; max-width: 540px; width: 100%; float: none; } .videowatchSection:after { content: ''; clear: both; display: block; } .listsession .tablemain .table-cell:nth-child(3) { float: none; } .toDoTask.active:before, .toDoTask.active:after { opacity: 1; } .contact-form { width: 358px; } .videoimg { width: 120px; } .listsession .tablemain .table-cell:nth-child(2) { width: 110px; } .sessionvideodetail h3 { font-size: 16px; } .sessionvideodetail span { font-size: 12px; } .listsession .tablemain .table-cell label { display: none; } .videowatchSection.col-md-6 { width: 50%; float: left; margin: 0 0 20px; } .sessionvideodetail span { margin: 0 0 7px; } .rating span { margin-bottom: 0 !important; } .sessionvideodetail h3 { margin: 0 0 9px; } .rating { font-size: 12px; } .navigation ul li { margin-left: 20px; } .navigation ul li a span { font-size: 12px; } .navigation { padding-top: 9px; } header { padding: 10px 18px 10px 18px; } .listsession .tablemain .table-cell .actionlistvideo span { height: 42px; width: 42px; } .listsession .tablemain .table-cell .expertvideosession span i { background-size: 26px auto; } .listsession .tablemain .table-cell .editvideosession span i { background-size: 22px auto; } .listsession .tablemain .table-cell .deleteSessionList span i { background-size: 20px auto; } .listsession .tablemain .table-cell .playvideosession span i { background-size: 18px auto; } .nav-account { width: 220px; } .account_panel { padding-left: 220px; } .savebtnaccount.submitbtn { padding-left: 160px; } .btnnav { display: block; } .navigation ul li a .icon { display: none; } .navigation ul li a span { width: 100%; float: left; text-align: center; max-width: 100%; font-weight: 700; } .navigation { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; float: right; height: 100%; left: 0; position: fixed; top: 60px; width: 100%; display: none; } .navigation ul { width: 100%; float: left; padding-top: 40px; } .navigation ul li { width: 100%; margin: 0 0 20px; } .navigation ul li a { text-align: center; width: 100%; padding: 16px 0; } .navigation ul li a span { font-size: 18px; } header { padding: 15px 10px; } .finishbtnbottom a { font-size: 16px; } .chapter-group { width: 100%; margin-bottom: 30px; } .col-md-4.chapter-video-option { margin-right: auto; margin-left: auto; display: block; margin-top: 40px; } } /*shilpa css*/ .f-btn-ui { background: #9B9B9B; padding: 5px 20px; text-align: center; text-decoration: none; color: #fff; display: inline-block; border-radius: 3px 3px 0 0; } .uploadedfilesSection .download-list-short { text-align: center; float: left; width: 100%; margin-top: 20px; max-width: 940px; } .uploadedfilesSection .download-list-short img { max-width: 940px; } .fileItemMainLink.mp3-icon { background: url(../../images/icon_mp3.svg) no-repeat left center; display: inline-block; background-size: 26px; } .fileItemMainLink.mp3-icon span { width: 32px !important; } .custom-video { background-color: #000; overflow: hidden; margin-bottom: 48px; border-radius: 16px; /*display: inline-block;*/ /*width: 90%;*/ position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; } .custom-video video { border-radius: 16px; } .custom-video iframe { /*width:100% !important; height: 512px !important;*/ border-radius: 16px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .video_custom-contain { max-width: 800px; } .video-shadow { box-shadow: 0 0 24px 0 #636060; } /*-----------------------media css start---------------------------*/ @media screen and (max-width:767px) { .mainsection .mobile-sidebar { position: relative; width: 100%; height: 45px; background: #f7f7f7; display: block; top: 0px; z-index: 9; line-height: 30px; padding: 0 10px; text-align: left; } .btn.btn-default.mobile-sidebar::before { content: ''; width: 0px; height: 0px; border-top: 5px solid #b7b7b7; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; right: 10px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; } .chapter-group { display: none; position: absolute; } .accordion-show.chapter-group { display: block; top: 44px; z-index: 999; right: 0; width: calc(100% - 30px); left: 0; margin-right: auto; margin-left: auto; background: #fff; } .chapter-content { padding-top: 10px; background: #fff; } .formLog { padding: 12px 16px 17px 16px; top: 10px; } .home-popup { padding: 10px; bottom: 8px !important } } @media screen and (max-height: 700px) { .formLog { bottom: 68px; right: 24px; } } @media screen and (min-width: 992px) { .navigation { display: block !important; } } /*****There is also new code for iframe and mobile*****/ @media screen and (max-width: 767px) { .desktopPosterImage{ display: none; } .logo { max-width: calc(100% - 50px); } .logo p { margin-bottom: 0px; font-size: 12px; } div.posterImage { min-height: auto !important; height: auto !important; } .contact-form { width: 100%; } .contact-social { float: left; margin-left: 45px; } .contact-header p { font-size: 14px; } .contact-email a { font-size: 14px; } .content-address p, .content-address a { font-size: 14px; } .contact-info { width: 100%; } .formLog { position: relative; width: 100%; float: left; right: 0; bottom: 0; max-width: 100%; } .videoSection { position: relative; z-index: 10; } .videoviewback.videoSection { height: auto !important; /*margin-bottom: 24px;*/ } .videoSection video, .videoSection iframe { position: relative; } .videoimg { max-width: 100%; width: 170px; text-align: center; border: 1px solid #d6d6d6; padding: 2px; display: inline-block; } .sessionlisting .videoimg { padding: 0; border: none; } .sessionlisting .videoimg, .actionlistvideo { height: 75px; } .col-md-12.videowatchSection { margin-bottom: 20px; float: left; } .videoimg img { max-width: 100%; } .contentSucces h1 { font-size: 1.1em; } .contentSucces p { font-size: 12px; line-height: 24px; } /* section.mainsection { padding: 80px 15px 50px !important; } */ .imgsuccess img { margin-top: 30px; width: 70px; } footer { position: relative; width: 100%; float: left; } .footer ul li { padding: 0 18px; } .footer ul li a { font-size: 14px; } .navActive { overflow: hidden; } /*.footer{margin-top:30px;}*/ .videoSection video, .videoSection iframe { height: auto; min-height: 0; height: auto !important; } .listsession .tablemain .table-cell { width: 100%; float: left; padding: 4px 10px; } .playvideosession span { width: 23px; height: 30px; background-size: cover; } .editvideosession span { width: 30px; height: 30px; background-size: cover; } .deletevideo span { width: 25px; height: 30px; background-size: cover; } .allSessions .container { padding: 0; } .listsession .table-row { width: 100%; float: left; padding: 10px 5px 10px; border: 1px solid #f6f6f6; } .deletevideo, .editvideosession, .playvideosession { float: left; } .allSessions { padding-top: 0; } .headingsection { margin: 10px 0 20px; padding: 0; } .headingsection h1 { font-size: 18px; margin-bottom: 10px; } .headingsection a { padding: 10px; font-size: 14px; } .listsession .tablemain .table-cell:nth-child(2) { width: 100%; } .control_section { bottom: 16px; position: absolute; padding: 0 0 5px 0; z-index: 9; } button.camera-session-finished-button.inactive { border-color: #4f4f4f; background: #4f4f4f; } .control_section>button.camera-capture-record-button { bottom: 44px; height: 40px; left: 0; margin: auto; min-width: 40px; overflow: hidden; padding: 0; position: absolute; right: 0; width: 40px; } .control_section>button.camera-capture-record-button span { width: 40px; height: 40px; } .control_section>button.camera-capture-record-button span::before { width: 30px; height: 30px; } .control_section>button.camera-session-finished-button { bottom: 0; float: right; font-size: 12px; padding: 6px 10px; position: absolute; width: auto; } .recordingvideosection #video { height: 100%; } .recordingvideosection #video video { min-height: 100%; } .control_section button { height: 30px; margin: 0 3%; min-width: 0; overflow: hidden; padding: 0; width: 30px; } .control_section>button.camera-start-new-session-button span { background-position: 0 4px; } .control_section>button.camera-capture-pause-button span { background-position: -48px 4px; } .control_section>button.camera-capture-stop-button span { background-position: -159px 3px; } .control_section>button.camera-session-finished-button { margin: 0; } .control_section>button.camera-session-finished-button { position: relative; } .gonextsummrise { position: relative; float: right; } .gonextsummrise { bottom: 0; float: right; font-size: 12px; padding: 6px 10px; width: auto; } .videoContainercon.watchVideo #video video { min-height: calc(100% - 60px); } .finishbtnbottom a { padding: 8px 10px; font-size: 12px; } .gonextsummrise { height: auto; float: right; margin-top: 30px; } .videoContainercon .gonextsummrise { margin-top: 0; } .uploadvideobox span { font-size: 18px; } .finishbtnbottom { padding-bottom: 40px; padding-top: 0; } .formLog { margin-bottom: 30px; } /*.videoContainercon #controls{display: inline-block; Commented for controls visibility for mobiles}*/ .gonextsummrise a { padding: 10px 18px; font-size: 14px; } .listsession .tablemain .table-row .table-cell:first-child { text-align: left; width: 100%; } .listsession .tablemain .table-cell:nth-child(2) { width: 30%; display: inline-block; float: none; margin: 0 0 0 -4px; vertical-align: top; } .listsession .tablemain .table-cell:nth-child(3) { display: inline-block; float: none; margin: 0 -4px 0 0; vertical-align: middle; width: 70%; } .listsession .tablemain .table-cell:nth-child(4), .listsession .tablemain .table-cell:nth-child(5), .listsession .tablemain .table-cell:nth-child(6), .listsession .tablemain .table-cell:nth-child(7) { float: left; margin-top: 10px; padding: 3px 10px; width: auto; } .product-detail-section .container .col-md-6 { padding: 0; width: 100%; float: left } .product-detail-section .container { padding: 0; } .product-ui-block .lSSlideOuter .lSPager.lSGallery { min-width: 100%; } .product-ui-block .lSSlideOuter .lSPager.lSGallery li { margin-bottom: 6px; } .innerforms .comman_response.alert { margin-bottom: 0; position:relative; top: 0; margin: auto; max-width: 100%; margin-bottom:12px } } @media screen and (max-width: 767px) { .formLog { padding: 12px 16px 35px 16px; } .nav-tab li a { font-size: 14px; height: 100%; } .formsetfields fieldset label, .gonexpagecls label { font-size: 14px; } .footer { width: 100%; text-align: center; padding: 6px 15px 0 15px; } .footer ul { width: 100%; float: left; text-align: center; } .footer ul li { display: inline-block; float: none; margin: 0 -2px; padding: 0 10px; } .footer ul li:first-child { padding-left: 0; } .footer ul li:first-child { padding-right: 0; } .footer ul li a { font-size: 12px; } .footer>p { width: 100%; text-align: center; padding-top: 12px } /* .formLog.innerforms { padding-left: 0; padding-right: 0; overflow-x: hidden; }*/ .formLog.innerforms.recommend { padding: 16px; } .table-cell.hideSessionAction { display: none !important; } .nav-account { display: none; } .account_panel { padding-left: 0; } .savebtnaccount.submitbtn { padding-left: 0; text-align: center; } .account-container .tab-content>.tab-pane { background: #f4f4f4 none repeat scroll 0 0; display: block; float: left; margin: 0 0 20px; opacity: 1; padding: 15px 10px; width: 100%; } .account-container .tab-content { padding: 0; background: transparent; } .deactivate-account p { font-size: 0.9em; } .formLog.recommend, .formLog.sessionended-outer { max-width: 100%; } .gonexpagecls a { padding: 6px 8px 6px 56px; } .gonexpagecls a.sessionEndedSave span { left: 20px; } .newContent .toDoTask { display: block; margin-bottom: 10px; } .deleteSubmitToDos { position: static; display: inline-block; } .control_section>button { background: transparent; } .submitbtn .btnblue { margin: 0 5px 10px 0; } .modal-open { position: fixed; width: 100%; } .videowatchSection.col-md-6 { max-width: 550px; margin: 0 auto 20px auto; display: block; float: none; width: 100%; } .manage-product-item label { max-width: calc(100% - 50px); vertical-align: top; } /*#mobileView{display: none;}*/ .posterImageMobile { display: block !important; position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-position: center; } .nav-tab { display: flex; } .nav-tab li { flex: 0 0 50%; max-width: 50%; } .time-left-modal figure { max-width: 100%; display: block; margin-bottom: 20px; text-align: center; } .time-left-modal figure img { max-width: 130px; } .figure-caption { display: block; width: 100%; padding-left: 0; text-align: center; padding-top: 20px; } .modal-dialog.modal-timer-block .modal-footer { text-align: center; } .modal-dialog.modal-timer-block .modal-footer { margin-left: 0; width: 100%; max-width: 100%; } .figure-caption h3 { font-size: 34px; } } @media screen and (max-width: 550px) { .newContent .toDoTask { display: inline-block; margin-bottom: 0px; } .headingsection a { float: left; } .account_panel .error { margin-left: 0; padding-left: 0; } .listsession .tablemain .table-cell:nth-child(2) { width: 40%; padding-right: 0; } .listsession .tablemain .table-cell:nth-child(3) { width: 60%; } .headingsection a { padding: 10px; font-size: 12px; } .headingsection h1 { font-size: 18px; margin-bottom: 28px; } .sessionStartSection p { line-height: 26px; font-size: 1em; } .alreadyvideo p, .sessionStartSection p, .newSession p, .sessionComman p { font-size: 0.9em; line-height: 23px; } .sessionComman h2 { margin: 4px 0 16px; font-size: 1.25em; } .submitbtn .btnblue { font-size: 15px; width: 100%; margin: 16px 0 0; text-align: center; } .finishbtnbottom a { margin: 0 2px; } .account-info-view .fieldsrow label, .account-info-edit .fieldsrow label { width: 100%; margin-bottom: 5px; } .account-info-view .fieldsrow span { width: 100%; padding-left: 0; } h2.sub-heading { font-size: 1em; } .account-info-edit .fieldsrow .textfields { margin-left: 0; max-width: 100%; width: 100%; } .account-info-edit .fieldsrow { margin: 0 0 10px; } .account-container { padding-top: 20px; } .account-container h1.main_heading { font-size: 1.35em; text-align: center; } .no_session.formLog { top: 60px; transform: none; } .gonexpagecls a { width: 100%; margin: 0 0 10px; } .listsession .tablemain .table-cell:nth-child(4) { width: 100%; } .thanks_payment .submitbtn .btnblue { font-size: 12px; padding: 7px 17px; } .thanks_payment .newSession { padding: 15px 12px; } .savebtnaccount.submitbtn .btnblue, .savebtnaccount.submitbtn .cancelbtn { padding: 8px 16px; font-size: 14px; } .editbtnaccount.submitbtn .btnblue { padding: 6px 14px; font-size: 12px; } .sessionguthaben.account-info-view .fieldsrow span { width: auto; padding-left: 20px; } #expertModal .btn-primary { margin-bottom: 15px; } .modelStructure .modal-sm { margin: 0; } .modelStructure { width: 95%; margin-top: 2.5%; margin-left: 2.5%; max-height: 100%; overflow: auto; } .payment_mode .radioselect { width: 100%; margin-bottom: 10px; } .replaySession .session_content a { margin-bottom: 10px; } .videowatchSection h2 { font-size: 16px; } .topic-description { padding: 10px; font-size: 14px; } .topic-description p { word-break: break-word; } .chapter-video-option .btn { font-size: 16px; } .product-ui-block h3 { font-size: 18px; } .navigation ul li a span { font-size: 16px; } } /*-----------------------media css end---------------------------*/ /*-----------------------sales page starts---------------------------*/ .side-tab-banner .formsetfields { border-radius: 20px; padding: 25px 0px 40px; text-align: center; } .side-tab-banner .text-title { color: green; font-weight: 600; margin-bottom: 30px; display: block; font-size: 18px; } .side-tab-banner .right-block-ui { padding: 0 60px; } .side-tab-banner p.signature_font_color.color1 { font-size: 18px; font-weight: 700; } .side-tab-banner .btn { padding: 11px 30px; box-shadow: 1px 3px 7px rgb(0 0 0 / 38%); border-radius: 10px; font-weight: 700; font-size: 18px; width: 100%; } .side-tab-banner .formLog { max-width: 470px; bottom: 40px; right: 40px; } .side-tab-banner .btn-arrow-ui .arrow-icon svg { width: 60%; height: 80px; } .side-tab-banner .btn-arrow-ui .arrow-icon { position: absolute; left: -30px; width: 50px; } .side-tab-banner .text-title:after { content: ""; position: relative; display: block; width: 50%; height: 3px; background-color: green; margin: 10px auto; } .collapse-btn-ui.inner-collapse-btn { bottom: 52px; border-bottom: 3px solid #9B9B9B; /***new**/ pointer-events: none; } .collapse-btn-ui.inner-collapse-btn a { background-color: grey; color: white; font-weight: 500; padding: 10px 25px; /***new**/ pointer-events:all; } .collapse-btn-ui{ pointer-events: none; } .collapse-btn-ui a { pointer-events:all; } .right-block-ui.silber-side a { /*background: rgb(136,136,136); background: linear-gradient(90deg, rgba(136,136,136,1) 0%, rgba(193,193,193,1) 15%, rgba(145,145,145,1) 43%, rgba(148,148,148,1) 58%, rgba(203,203,203,1) 83%, rgba(173,173,173,1) 100%) !important; box-shadow: 1px 3px 7px rgb(0 0 0 / 38%);*/ border-radius: 10px; font-weight: 700; font-size: 22px !important; } .right-block-ui.gold-side a { /*background: rgb(213,166,79); background: linear-gradient(90deg, rgba(213,166,79,1) 0%, rgba(231,201,91,1) 15%, rgba(215,173,93,1) 36%, rgba(223,181,103,1) 61%, rgba(238,208,107,1) 89%, rgba(252,221,117,1) 100%) !important;*/ box-shadow: 1px 3px 7px rgb(0 0 0 / 38%); border-radius: 10px; font-weight: 700; font-size: 22px !important; } span.previewed-img { display: block; background-color: #dbd5d5; border-radius: 30px; height: 500px; overflow: hidden; } span.previewed-img img { width: 100%; height: 100%; object-fit: cover; object-position: top; } .uploaded-img-preview-blk { border-radius: 30px; color: black; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .checked-text { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 50px; } .previewed-content p { color: #3a3a3a; font-size: 18px; text-align: left; font-weight: 500; line-height: 1.4; flex: 1; } .previewed-content p strong { display: block; } .previewed-content { padding: 80px 0 30px; } .uploaded-img-preview-blk.feature_silver_bg_color.right_featuresilver_color { background: linear-gradient(90deg, rgb(206 206 206) 0%, rgb(222 222 222) 15%, rgb(195 195 195) 43%, rgb(195 195 195) 58%, rgb(214 214 214) 83%, rgb(199 198 198) 100%); } .right_featureGold_color.feature_gold_bg_color { background: linear-gradient(90deg, rgb(251 229 148) 0%, rgb(255 237 173) 15%, rgb(236 214 133) 36%, rgb(251 222 140) 61%, rgb(251 233 171) 89%, rgba(252, 221, 117, 1) 100%); } .btn-block-ui.inner-btn-block-ui { position: relative; margin: 70px 0 70px; } .uploaded-img-preview-blk.feature_silver_bg_color.right_featuresilver_color a { /* background: rgb(136,136,136); background: linear-gradient(90deg, rgba(136,136,136,1) 0%, rgba(193,193,193,1) 15%, rgba(145,145,145,1) 43%, rgba(148,148,148,1) 58%, rgba(203,203,203,1) 83%, rgba(173,173,173,1) 100%) !important;*/ } .uploaded-img-preview-blk.gold-sec.right_featureGold_color.feature_gold_bg_color a { /* background: rgb(213,166,79); background: linear-gradient(90deg, rgba(213,166,79,1) 0%, rgba(231,201,91,1) 15%, rgba(215,173,93,1) 36%, rgba(223,181,103,1) 61%, rgba(238,208,107,1) 89%, rgba(252,221,117,1) 100%) !important;*/ } .uploaded-img-preview-blk a { box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.38); border-radius: 10px; font-weight: 700; font-size: 22px !important; padding: 8px 50px; margin-bottom: 40px; } .previewed-bottom-btn p { font-size: 22px; max-width: 370px; } .feature_silver_bg_color .previewed-bottom-btn p { color: #908f8f; } .previewed-bottom-btn { position: relative } .gold-sec .previewed-bottom-btn p { color: #d6a242; } .silber-gold-sec .row { display: -webkit-box; display: -ms-flexbox; display: flex; } .silber-gold-sec .col-md-6 { flex: 1 1 50%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; } .silber-gold-sec .col-md-6>div { flex: 1 1 90%; max-width: 90%; margin: 0 auto; } span.arrow-icon { position: absolute; bottom: 0; } .previewed-bottom-btn { position: relative; margin-top: auto; margin-bottom: 20px; } .previewed-bottom-btn span.arrow-icon { position: absolute; bottom: 170px; width: 30px; height: 10px; z-index: 10; left: 50px; } .previewed-bottom-btn svg.pin-img { top: 0; width: 100%; animation: shake_all 2s; animation-iteration-count: infinite; } .silber-gold-sec.text-center { margin-top: 50px; } .green-rounded-checked { border-radius: 50%; background-color: #30B240; width: 30px; height: 30px; display: block; position: relative; max-width: 30px; margin-right: 10px; } .green-rounded-checked:after { content: ""; left: 11px; top: 6px; width: 8px; height: 15px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; } /*.pin-img.grey-arrow path { fill: #414142; }*/ /*.pin-img.gold-arrow path { fill: #e0b768; }*/ #Testinomial_video { padding: 90px 0 50px; } .video-list-details-content h3 { font-weight: 700; } .vc-list-title h4 { font-weight: 700; } .row.og-team { margin-bottom: 0; } .btn-block-ui.text-center.last-btns { margin: 50px 0 300px; } .btn-block-ui.text-center.alone-btn { padding-bottom: 50px; } .uploadedfilesSection { text-align: center; padding: 30px 15px; } .side-tab-banner.left-side-tab-banner a { /*background: rgb(213,166,79); background: linear-gradient(90deg, rgba(213,166,79,1) 0%, rgba(231,201,91,1) 15%, rgba(215,173,93,1) 36%, rgba(223,181,103,1) 61%, rgba(238,208,107,1) 89%, rgba(252,221,117,1) 100%) !important;*/ position: static; } .formLog.innerforms.side-tab-banner { position: relative; bottom: 0; right: 0; margin-left: 30px; } .banner-pops { position: absolute; bottom: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; right: 40px; } i.green-rounded-checked.gray-check { background-color: gray; } .simple-check { color: #36b240; font-size: 21px; } i.fa.fa-plus { color: #36b240; font-size: 28px; } .checked-text .fa, .checked-text i, .checked-text img { width: 100%; height: 30px; display: block; position: relative; max-width: 30px; margin: 3px 10px 0 0; font-size: 25px; } .centered-box { float: none !important; margin: 0 auto !important; } .d-none { display: none !important; } .silber-gold-grd.silber-gold-ui { background-image: url(./images/btn-grd.png) !important; filter: saturate(1.3); background-size: cover; background-repeat: no-repeat; background-position: center; } img.freeUser_pointer { width: 24px; right: 19px; position: absolute; bottom: 5px; } .silber-gold-grd.silber-gold-ui .silber-ui, .silber-gold-grd.silber-gold-ui .gold-ui { background: none !important; box-shadow: none !important; } .silber-gold-grd.silber-gold-ui .silber-ui { border-radius: 3px 0px 0px 3px; position:relative; } .silber-gold-grd.silber-gold-ui .gold-ui { border-radius: 0px 3px 3px 0px; } .uploadedfilesSection .download-list-short { float: none; margin: 20px auto 0; } .manageCommentList textarea, textarea.form-control.comment_answer_update { margin-bottom: 10px !important; } textarea.form-control.comment_answer_update { margin-bottom: 10px !important; } /*-----------------------sales page end---------------------------*/ /* background: linear-gradient(90deg, rgb(255 219 153) 0%, rgb(255 232 152) 15%, rgb(245 224 147) 36%, rgb(243 215 136) 61%, rgb(249 221 127) 89%, rgba(252,221,117,1) 100%); gold bg background: linear-gradient(90deg, rgb(206 206 206) 0%, rgb(218 218 218) 15%, rgb(199 197 197) 43%, rgb(204 200 200) 58%, rgb(212 210 210) 83%, rgb(199 198 198) 100%); solver bg background: linear-gradient(90deg, rgba(213,166,79,1) 0%, rgba(231,201,91,1) 15%, rgba(215,173,93,1) 36%, rgba(223,181,103,1) 61%, rgba(238,208,107,1) 89%, rgba(252,221,117,1) 100%); gold btn background: linear-gradient(90deg, rgba(136,136,136,1) 0%, rgba(193,193,193,1) 15%, rgba(145,145,145,1) 43%, rgba(148,148,148,1) 58%, rgba(203,203,203,1) 83%, rgba(173,173,173,1) 100%); slver btn */ .lesson-list { /*border-bottom: 2px solid white;*/ border-bottom: 2px solid #e3e3e3; } .testi-flex { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-start; } .testi-flex .video-list-details { max-width: 49%; width: 100%; padding: 0 10px 0 0; margin: 30px 0; } @media screen and (max-width:992px) { .testi-flex .video-list-details { max-width: 100%; } } .testi-flex .video-list-details-content h3 { font-size: 17px; font-weight: 500; line-height: 1.4; color: #363636; } .testi-flex .video-list-details .img { margin-right: 30px; max-width: 170px; height: auto; vertical-align: middle; } .testi-flex .video-list-details .video-list-details-content { width: calc(100% - 230px); vertical-align: middle; } .testi-flex .video-list-details .video-list-details-content:before { content: ""; width: 86px; height: 70px; left: -38px; top: -30px; background-position: center; background-size: contain; } .testi-flex .video-list-details-content .author { color: #787681; font-size: 15px; font-weight: 400; } .expert-info .innerPageheader p { font-weight: 700; } .disabledSeen { position: relative; } .icon-align.manage-product-list-section { margin: 10px 8px 20px; } .disabledSeen:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(198, 198, 198, 0.53); z-index: 50; display: block; width: 100%; height: 100%; } .lessonSection.disabledSeen:before { top: -10px; right: -10px !important; left: -10px; bottom: -10px; height: auto; width: auto; border-radius: 12px; } .disabledSeen .dissabled_link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 60; background-color: rgb(17, 16, 16, 0.45); } .disabledSeen .row.manage-display-under-video.light-sec { position: absolute; top: -100px; z-index: 70; background-color: white; transform: scale(0.7); margin: 0 auto; left: 10px; border-radius: 20px; width: 100%; } .disabledSeen .row.manage-display-under-video.light-sec .light_sec_cross { display: block; width: 32px; height: 32px; cursor: pointer; color: #000; position: absolute; right: -2px; font-size: 25px; font-style: unset; font-weight: 600; top: 5px; } /* .disabledSeen .row.manage-display-under-video.light-sec .light_sec_cross{ display: block; width: 32px; height: 32px; cursor: pointer; color: #000; position: absolute; right: 0; } */ div#expert_Profile_data { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: -moz-wrap; flex-wrap: -webkit-wrap; flex-wrap: wrap; padding-left: 1px; } div#expert_Profile_data>div { margin-left: -1px; } .cal-date .default_datetime { position: relative; height: auto; } @media ( max-width:767px ){ .cal-date .default_datetime { width:115px; } } .manageCommentDesignSection { text-align: left; } .uploadedfilesSection .download-list-short img { max-width: 100%; width: 650px; } h4.title.d-block.d-none-md { font-size: 24px; font-weight: 700; margin: 0 0 20px 0px; } .d-block { display: block; } .d-none { display: none; } .downloadAlign { text-align: left; padding: 0px 30px 0px 20px; } .downloadAlign .download-list-short { margin: 0 !important; } .downloadAlign a.fileItemMainLink.mp3-icon { float: none; } .reg_login_texts { background-color: #e8f9e8; color: #258625; font-size: 14px !important; border-radius: 5px !important; border: none !important; display: inline-block; padding: 5px 10px !important; } .manage-product-item img { border-radius: 6px !important; margin-right: 5px; width: 36px; height: 36px; object-fit: cover; } @media (max-width:575px) { .manage-product-item img { width: 42px; margin-bottom: 12px; } } .manageCommentSectionMain h3 { text-align: left; } .short-comment-answer { padding-right: 50px; font-size: 14px; } .full-comment-answer { padding-right: 50px; font-size: 14px; } @media screen and (max-width:767px) { .cookie-popup { display: none; } .cookie-popup.active { display: block; } section.mainsection { position: relative; z-index:9; margin-bottom: 40px; padding-bottom: 0px; } /*****Additional style to remove space*****/ .only-one-gold-cta{ min-height: auto !important; } /*****End Additional style to remove space*****/ .videoviewback.videoSection iframe { width: 100%; /* padding:24px 0 0; */ padding:0px; object-fit: initial; object-position: initial; } .profile-info figure { position: relative; width: 100%; min-width: 250px; } .banner-pops #right-cta { margin: 0 auto 0 !important; float: none; width: 100%; } .banner-pops #left-cta { margin: 0 auto 0 !important; float: none; width: 100%; right: 0; } .silber-gold-sec .row { flex-direction:initial; display:inline-block; } span.previewed-img { height: 350px; } .silber-gold-sec .row>div { margin-bottom: 15px; } .right-block-ui.silber-side { margin-bottom: 30px; } } @media screen and (min-width:768px) { .d-none-md { display: none !important; } .d-block-md { display: block !important; } } /*section.mainsection.organisationteam { background-color: white; }*/ .full-comment-answers>div { margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; padding-bottom: 5px; } .full-comment-answers>div:last-child { margin-bottom: 0px; border-bottom: none; } @media screen and (max-width:1380px) { .section.mainsection { padding-top: 120px; } } @media screen and (max-width:767px) { .organisationteam .heading-grp{ text-align:center; } .formLog { position: relative; z-index: 1000; overflow: hidden; } .footer-social-icon { float: none; margin-right: 00px; } .cookie-popup { left: 0; right: 0; margin: 0 auto; max-width: 90%; } .collapse-btn-ui { bottom: 30px; position: relative; } .product-list-block figure { margin-bottom: 15px; height: auto; } div#expert_Profile_data { justify-content: center; } .testi-flex .video-list-details .video-list-details-content { width: 90%; text-align: center; } .testi-flex .video-list-details .img { display: inline-block; margin: 0 auto 32px; max-width: 200px; } .testi-flex .video-list-details .video-list-details-content { width: 90%; } .signature { display: inline-block; width: 95%; height: auto; } .homefooter.page-footer .footer_collapse { display: none; bottom: 150px; position: absolute !important; } .btn-arrow-ui .arrow-icon { left: -20px; width: 33px; } .accordion-show.chapter-group { width: calc(100% - 0px); top: -10px; position: relative; } /* section.mainsection { padding-top: 90px !important; } */ div#video_popup_modal { margin-left: auto; margin-right: auto; right: 10px; left:10px; } .ogTeam-wrapper { margin: 0px 0 30px 0px; } #Testinomial_video { padding: 0px 0 50px; } .banner-pops { right: 0; position: static; } .right-block-ui.gold-side a { font-size: 19px !important; padding: 8px 40px; } .btn-block-ui p { line-height: 22px; margin-bottom: 20px; font-size: 19px; } .btn-block-ui .btn.green-btn { padding: 8px 16px; font-size: 18px !important; } .silber-gold-sec .col-md-6 { flex: 1 1 100%; max-width: 100%; } .silber-gold-sec .col-md-6>div { flex: 1 1 100%; max-width: 100%; margin: 0 auto; } .previewed-bottom-btn span.arrow-icon { position: absolute; bottom: 140px; width: 23px; height: 30px; z-index: 10; left: 50px; } #clockdiv>div, #clockdivNach>div { min-width: 110px; margin-bottom: 10px; } .btn-block-ui.inner-btn-block-ui { margin: 50px 0 50px; } .ogTeam-wrapper:last-child { margin-bottom: 120px; } .counter_about_kongress { padding: 0; } .manage-display-under-video .col-md-11 { width: 100%; } .uploadedfilesSection .download-list-short img { max-width: 100%; } } .mobileVideo .posterImage, .mobileVideo #desktopVideo { position: absolute;left: 0;right: 0;bottom: 40px;top: 40px;z-index: 2;height: auto !important;background-size: cover !important; } .desktopVideo .posterImage { min-height: calc(100vh - 120px); } .posterImage { min-height: calc(100vh - 120px); } .chapter-group .panel-body ul li .lesson-head i.counter-list { margin-right: 0px; } .chapter-group .panel-body ul li .lesson-head span { padding-left: 0; } span.mob_video_heading { color: black; display: block; position: relative; z-index: 10; padding: 13px 10px 10px; font-weight: 800; font-size: 16px; text-align: center; margin-bottom: 25px; } @media screen and (min-height:920px) { .disabledSeen .row.manage-display-under-video.light-sec { top: -50px; } } @media screen and (max-height:1050px) and (max-width:767px) { .collapse-btn-ui { z-index:2; } } @media screen and (max-height:767px) { .collapse-btn-ui { z-index:2; } } @media screen and (max-height:667px) { .collapse-btn-ui { bottom: 50px; } } @media screen and (max-height:640px) { .collapse-btn-ui { bottom: 50px; } } /****Legal Checkbox Style for resgitration That need to update on all OKS****/ .custom-checkbox { display: block; position: relative; padding-left: 26px; margin-bottom: 12px; cursor: pointer; font-size: 11px !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .custom-checkbox .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; border: solid 1px #c5c4c4; background-color: #fff; } .custom-checkbox .checkmark:after { content: ""; position: absolute; display: none; } .custom-checkbox input:checked~.checkmark:after { display: block; } .custom-checkbox .checkmark:after { left: 4px; top: 1px; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .addArrow .pin-img { left: -20px; top: 157px; height: 130px; } .product-list-block .row.image-right { flex-direction: row-reverse; } .items-center { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; } @media (max-width:991px) { .items-center { display: block; } } .profile_img_sect{ display:flex; } .profile_img_sect .spk-img-block{ max-width:55px; flex:0 0 55px; width:100%; } .profile_img_sect .speaker_name{ width:100%; padding-top: 0; } .mobileVideo{ display:none; } .mobilePhoto{ display:none; } @media (max-width:767px){ .desktopVideo{ display:none; } .mobileVideo{ display:block; } .mobilePhoto{ display:block; } .videoSection.videoviewback.mobileImage { padding-bottom: 0px; } .videoSection.videoviewback { background-color: transparent; } } .salesPage .side-tab-banner .right-block-ui { padding: 0 40px; } @media ( max-width:767px ){ .salesPage .side-tab-banner .btn-arrow-ui .arrow-icon { left: -20px; width: 33px; } #profileInfo #model_long_description p{ word-break: break-word; font-size: 14px; } .side-tab-banner .btn{ padding: 11px 16px; } .alone-btn .btn-arrow-ui .arrow-icon { left: -6px; width:22px; } } .homefooter .container{ width:100%; display: flex; justify-content: space-between; align-items: center; } @media (max-width:767px) { .footer-nav-right ul{ justify-content: center; } .homefooter.page-footer .footer_collapse { bottom: 170px !important; } } @media (max-width:1366px) { .homefooter .container{ flex-wrap:wrap; justify-content: center; } .footer-nav-right{ margin-top:16px; } .homefooter.page-footer .footer_collapse{ bottom:84px; } } /****Add Modififcations css By Vishal *****/ .uploaded-img-preview-blk .previewed-content{ padding: 30px 0 30px } .silber-gold-sec .col-md-6>div{ max-width:100%; flex: 1 1 100%; } @media (max-width: 767px){ .mob-btn-ui{ display: flex; } .toplink-listing { display: inline-flex; width: 75%; } .toplink-listing ul{ justify-content: space-between; display: flex; } .toplink-listing li .icon-ui{ min-height: 38px; display: flex; } .toplink-listing ul li { display: inline-block; width: 30%; margin: 0 3px; } .toplink-listing ul li a{ flex-direction: column; padding:6px; height: 75px; } .toplink-listing ul li a p{ width:100%; } .silber-gold-ui{ width:24%; margin-left: 10px; } .silber-gold-grd.silber-gold-ui .silber-ui, .silber-gold-grd.silber-gold-ui .gold-ui{ display: inline-flex; padding: 6px 2px; line-height: normal; justify-content:center; font-size: 12px !important; height:75px; } .silber-gold-ui .silber-ui, .silber-gold-ui .gold-ui{ line-height: normal; align-items: center; justify-content: center; display: inline-flex; height: 75px; } img.freeUser_pointer{ bottom: 15px; right:12px; } .silber-gold-grd.silber-gold-ui .silber-ui{ align-items: flex-start; } .silber-gold-grd.silber-gold-ui .gold-ui{ align-items: flex-end; } .toplink-listing ul li a p.dskp-view{ display: none; } .toplink-listing ul li a p.mob-view{ display: block; } } @media (min-width: 767px){ .toplink-listing ul li a p.dskp-view{ display: block; } .toplink-listing ul li a p.mob-view{ display: none; } } @media (max-width:767px){ .profile-info figure{ max-width:280px; height:280px; margin: auto; } } /****Start style for Expert page*****/ @media (min-width:1200px){ .expert-info .profile-info figure{ width: 130px; height: 130px; } } @media (min-width:1320px){ .expert-info .profile-info figure{ width: 145px; height: 145px; } } @media (min-width:1460px){ .expert-info .profile-info figure{ width: 155px; height: 155px; } } @media (max-width:1460px){ .expert-info div#expert_Profile_data{ margin:0 -10px } .expert-info div#expert_Profile_data .col-lg-2{ padding:0 10px; } } /****End of style for Expert page*****/ #create_genral_affliate_link{ width: 87%; margin: 0 0px 0px 10px; } a#genrate_aff_link { padding: 3px 5px 3px 5px; } input#new_affiliate_digi_id { margin: 0px 10px 0 10px; } .field-wrap { margin-bottom: 24px; position:relative; } .field-wrap label { width: 100%; } .affiliate_genrate_func #new_affiliate_digi_id, .affiliate_genrate_func #create_genral_affliate_link { width: 100%; height: 36px; margin: 0; padding: 0 220px 0 10px; } .field-wrap a#genrate_aff_link, .field-wrap button { padding: 3px 5px 3px 5px; position: absolute; right: 1px; top: 29px; height: 34px; padding: 0 12px; line-height: normal; display: flex; align-items: center; border-radius: 0 2px 2px 0; border:none; background:rgb(102,0,51) !important; color:#fff !important; min-width:193px; justify-content: center; } #loading { position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; text-align: center; opacity: 0.7; background-color: #fff; z-index: 99; } #loading-image { position: absolute; top: 40%; left: 40%; z-index: 100; } .popover { min-width: 400px; max-width: 400px; border-radius: 12px; } .popover-title{ display: none; } .popover-content { padding: 16px 18px; } .field-wrap label i{ width: 20px; height: 20px; display: inline-block; margin-left: 5px; } .field-wrap .popover{ min-width: 400px; max-width: 400px; border-radius: 12px; border:none; background:#fff; } .field-wrap a#genrate_aff_link, .field-wrap button{ border-radius: 6px; } .affiliate_genrate_func #new_affiliate_digi_id, .affiliate_genrate_func #create_genral_affliate_link{ border-radius: 6px; border: 1px solid #dbdbdb; } .affiliate_genrate_func #create_genral_affliate_link{ background: #d6d5d5; } .affiliate_genrate_func { background: #f3f3f3; padding: 40px 110px 20px; border-radius: 20px; margin-bottom: 16px; } .affiliate_genrate_func #new_affiliate_digi_id, .affiliate_genrate_func #create_genral_affliate_link{ border-radius: 6px;border: 1px solid #dbdbdb; color: #0a0a0a; } .affiliate_genrate_func #new_affiliate_digi_id:focus, .affiliate_genrate_func #create_genral_affliate_link:focus { outline:none; } @media (max-width:991px){ .affiliate_genrate_func{ padding:40px 40px 20px; } }@media (max-width:767px){ .affiliate_genrate_func{ padding:24px 24px 10px; } } .profile-info .play-overlayer:before { /* border: 0; background: transparent; box-sizing: border-box; width: 0; height: 30px; border-color: transparent transparent transparent rgba(255,255,255,0.6); transition: 100ms all ease; cursor: pointer; border-style: solid; border-width:14px 0 14px 26px; position: absolute; content: ""; left: 0; right: 0; margin: auto; z-index: 2; top:50%; transform:translateY(-50%); */ content: ""; position: absolute; background-image: url(../images/play-icon-gray.png); background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; bottom: 10px; left: 10px; border-radius: 50%; z-index: 2; display: block; cursor: pointer; } #profileInfo .profile-info.play-overlayer:before { /* border: 0; background: transparent; box-sizing: border-box; width: 26px; height: 30px; border-color: transparent transparent transparent rgba(255,255,255,0.6); transition: 100ms all ease; cursor: pointer; border-style: solid; border-width: 14px 0 14px 26px; position: absolute; content: ""; top: 70px !important; left: 0; right: 0; padding: 0; margin: auto; z-index: 9; */ content: ""; position: absolute; background-image: url(../images/play-icon-gray.png); background-repeat: no-repeat; background-size: 40px; width: 40px; height: 40px; bottom: 100px; left: 10px; border-radius: 50%; z-index: 2; display: block; cursor: pointer; } @media (max-width:767px){ .profile-info{ width:auto; } #profileInfo .profile-info.play-overlayer:before{ /* top:47% !important; */ top: 75% !important; left: 50px; } } @media (min-width:1320px){ .expert-info .profile-info .profile-txt{ width:145px; text-align: center; } } @media (min-width:1460px){ .expert-info .profile-info .profile-txt{ width:155px; text-align: center; } } /*****Home Page Video Issue on Safari****/ @media not all and (min-resolution:.001dpcm) { .videoSection video, .videoSection iframe{ object-position: top; } } /****ThriveCart Payment Modal**/ #thriveCart_popup_modal .modal-dialog { width: 100%; max-width: 480px; margin-top: 0; } #thriveCart_popup_modal .modal-dialog .modal-header{ padding: 0; border: none; } #thriveCart_popup_modal iframe{ height:505px; } #thriveCart_popup_modal .modal-header .close { margin-top: -2px; padding: 10px 15px; position: absolute; right: 14px; top: 3px; background: #fff; opacity: 1; color: rgba(0,0,0,0.4); } /****New Program static page CSS*****/ .innerPagecommon .staticPages .oks_program ul { padding-left: 70px; } .innerPagecommon .staticPages .oks_program ul li:last-child { border-bottom: none; } .oks_program .icon-no-watch { display: none; } .chapter-group.date-listing-ui.oks_program li { margin-bottom: 0; } @media (max-width: 1200px){ .disabledSeen .row.manage-display-under-video.light-sec{ top: 20px; transform: scale(0.9); } } @media (min-width: 993px){ .tralerModel{ min-height: 551px; align-items: center; justify-content: center; position: relative; overflow: hidden; width: 100%; padding-top: 0px; margin-top: 55px; } .tralerModel iframe#vimeo_iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 90%; } #video_popup_modal iframe#vimeo_iframe{ height: 100%; max-height: 360px; min-height: 360px; } } @media (max-width: 992px){ /** light sac start **/ .uploadedfilesSection .panel_heading_light_sec .pin-calender{ left: 0px !important; right: 0; margin: auto; } .disabledSeen .row.manage-display-under-video.light-sec{ top: -20px; transform: scale(0.9); } .disabledSeen .row.manage-display-under-video.light-sec{ transform: scale(0.9); } .panel_heading_light_sec { width: 100%; display: inline-block; margin-bottom: 70px; min-height: 60px; } .panel_heading_light_sec .date-block-ui-show{ right: 0; left: 0; margin: auto; } .speaker_name_light_sec { padding: 0px 15px; } .speaker_name_light_sec h3{ font-size: 20px; width: 100%; display: inline-block; padding: 0px 10px; } .speaker_name_light_sec p{ font-size: 16px; } .counter_about_kongress p{ font-size: 16px !important; } .saleTeaser .clockdiv>div, .counter_about_kongress .clockdiv>div{ padding: 20px 15px 30px; min-width:120px; } .free_light_sec h3{ transform: scale(1.23); } .uploadedfilesSection .panel_heading_light_sec .pin-calender{ left: 0; right: 0; margin: auto; } .uploadedfilesSection .sale_panel_Header{ flex-direction: column; } .sale_panel_Header .panel_heading_light_sec{ margin-bottom: 20px; } .staticPages .content iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; } } @media (max-width:767px){ .chapter-group.date-listing-ui.oks_program{ display:block; position: relative; } .innerPagecommon .staticPages .oks_program ul{ padding-left: 0; } .content * { word-break: break-word;} div.salesbtn_program_page{ margin-top: 50px; } .cta_program_page{ margin-bottom: 30px; } /** light sac start **/ .disabledSeen .row.manage-display-under-video.light-sec{ transform: scale(0.9); } .panel_heading_light_sec { width: 100%; display: inline-block; margin-bottom: 70px; } .speaker_name_light_sec { padding: 0px 15px; } .speaker_name_light_sec h3{ font-size: 20px; width: 100%; display: inline-block; padding: 0px 10px; } .speaker_name_light_sec p{ font-size: 16px; } .counter_about_kongress p{ font-size: 16px !important; } .saleTeaser .clockdiv>div, .counter_about_kongress .clockdiv>div{ padding: 20px 15px 30px; min-width:120px; } .free_light_sec h3{ transform: scale(1.23); } .light_sec_trailer_btn{ margin-top: 20px; } div.sale_panel_Header .speaker_name_light_sec h3{ font-size: 25px; } div.sale_panel_Header .speaker_name_light_sec p{ font-size: 18px; } } @media (max-width: 460px){ .tralerModel iframe#vimeo_iframe{ height: 100%; } } @keyframes shake { 0% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 5% { transform: rotateX(39deg) scaleX(1.5) translate(-1px, -2px) rotate(-1deg); } 10% { transform: rotateX(39deg) scaleX(1.5) translate(-3px, 0px) rotate(1deg); } 15% { transform: rotateX(39deg) scaleX(1.5) translate(3px, 2px) rotate(0deg); } 20% { transform: rotateX(39deg) scaleX(1.5) translate(1px, -1px) rotate(1deg); } 25% { transform: rotateX(39deg) scaleX(1.5) translate(-1px, 2px) rotate(-1deg); } 30% { transform: rotateX(39deg) scaleX(1.5) translate(-3px, 1px) rotate(0deg); } 40% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 50% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 60% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 70% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 80% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 90% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } 100% { transform: rotateX(39deg) scaleX(1.5) translate(1px, 1px) rotate(0deg); } } .discripton-product_cls ul, .discripton-product_cls ol{ padding-left: 20px; } .content img { max-width: 100%; height: auto !important; } @media screen and (max-width: 480px) { .affiliate_genrate_func .field-wrap a#genrate_aff_link, .affiliate_genrate_func .field-wrap button { border-radius: 6px; position: relative; top: 10px; width: 100%; } .affiliate_genrate_func .field-wrap input{ width: 100%; padding-right: 15px !important; } } .arrow_btn_block_interview { margin: 50px 0; display: flex; align-items: center; justify-content: center; } .arrow_btn_block_interview .btn{ padding: 11px 30px; box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.38); border-radius: 10px; font-weight: 700; font-size: 24px; width: 348px; scale: 1; transform: inherit; min-width: 348px; max-width: 348px; display: flex; align-items: center; justify-content: center; height: 69px; } .cta_program_page { margin-top: 50px; } .salesbtn_program_page { margin-top: 100px; margin-bottom: 20px; } .oks_program .spk-img-block img{ width: 100%; object-fit: cover; border-radius: 8px; max-width: unset; height: inherit !important; max-height: 54px; } .panel_heading_light_sec{ position: relative; } .panel_heading_light_sec .date-block-ui-show { width: 90px; position: absolute; padding: 5px 0; top: 31px; z-index: 2; left: 14px; transform: rotate(-6deg); } .panel_heading_light_sec .date-block-ui-show span{ width: 100%; float: left; margin-bottom: 12px; display: block; color: #fff; font-size: 15px; transform: rotate(1deg); top: -5px; left: 0px; position: relative; font-weight: bold; text-align: center; } .panel_heading_light_sec .date-block-ui-show label{ position: relative; top:-5px; font-size: 37px; } .uploadedfilesSection .panel_heading_light_sec .pin-calender{ left: -2px; top: -3px; width: 115px; } .speaker_name_light_sec p{ font-size: 20px; } .light_sec_trailer_btn .trailer_video_btn{ width: 200px; background: #1c2a66; padding-top: 0; padding-bottom: 0; color: #fff; border: none; border-radius: 100px; margin-bottom: 15px; font-size: 20px; transition: all 0.5s ease; position: relative; height: 52px; line-height: 52px; } .speaker_name_light_sec h3{ transform: scale(1); } .free_light_sec .speaker_name_light_sec ~ h3 { transform: scale(1); font-size: 27px; } .sale_panel_Header{ display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .sale_panel_Header .panel_heading_light_sec{ min-width: 160px; min-height: 120px; } .sale_panel_Header .speaker_name_light_sec h3{ font-size: 30px; } .sale_panel_Header .speaker_name_light_sec p{ margin-bottom: 0px; font-size: 22px; } .welcome_heading h3 { font-weight: 600; text-align: center; } /**** Start Become speaker static page styling****/ .startCstpage{ width: 100%; } .startCstpage .start_speaker_container{ text-align: center; } .startCstpage .start_speaker_container .subheading{ max-width: 545px; margin: 20px auto; } .startCstpage .speaker_tutorial_video{ margin-top: 20px; margin-bottom: 20px; } .startCstpage .speaker_tutorial_video iframe { border-radius: 20px; } .courseCards { margin-top: 50px; } .courseCardsInner { display: flex; margin-bottom: 60px; } .startCstpage .Cardsblock { padding: 15px; flex: 0 0 33.33%; } .CardsblockInner{ background: #fff; border-radius: 10px; box-shadow: 1px 1px 24px 2px #eee; padding: 20px; height: 100%; } .startCstpage .form-group label { font-weight: 700; color: #777; } .CardsblockInner h3{ text-align: center; margin-top: 0; margin-bottom: 25px; } .startCstpage .control-label i { width: 20px; height: 20px; display: inline-block; } .startCstpage .form-control { padding-top: 8px; padding-bottom: 8px; height: 36px; } .startCstpage .form-group #create_genral_affliate_link{ position: relative; height: 36px; /* padding-right: 200px; */ text-overflow: ellipsis; white-space: nowrap; border-radius: 6px; border: 1px solid #E3E3E3; padding-left: 10px; background: #d6d5d5; font-weight: 600; margin-left: 0; color: #333; } .startCstpage .icon-txt-input .icon-input { display: flex; align-items: center; } .startCstpage .icon-txt-input .icon-input i { margin-right: 16px; } .startCstpage .unique-preview-ui-wrap .icon-txt-input .control-label{ font-weight: 700; color: #777; } .fw600 { font-weight: 600; } .startCstpage .preview-ui-wrap .marginB30 p { margin: 10px 0; line-height: 25px; } .startCstpage .preview-ui-wrap .marginB30 p { margin: 10px 0; line-height: 25px; } .marginB15 { margin-bottom: 15px !important; } .marginB30 { margin-bottom: 30px !important; } .startCstpage .icon-txt-input .control-label { margin-left: 48px; margin-top: 5px; margin-bottom: 1px; color: #777; } .startCstpage .form-action { text-align: center; margin: 30px 0px; } .startCstpage .form-action .saveSpeaker { border: 1px solid #6f0031; padding: 12px 30px; } .startCstpage .preview-ui-wrap { padding: 20px 20px; } .startCstpage .preview-ui-wrap .preview-ui { display: inline-block; } .startCstpage .corped-img.preview-block { background: #f3f3f3; width: 150px; height: 150px; border-radius: 25px; border: 1px solid #ccc; display: inline-block; } .startCstpage .preview-block .previw-btn { width: 100%; height: 100%; position: relative; border-radius: 25px; } .startCstpage .preview-block .previw-btn .preview_title_img{ position: absolute; top: -24px; transform: translateY(0%); text-align: center; left: 0; right: 0; font-weight: 600; } .startCstpage .preview-ui-wrap .marginB30 p { margin: 10px 0; line-height: 25px; } .startCstpage .product_affliate_section{ margin-top: 30px; margin-bottom: 30px; } .startCstpage .ja_checkboxes .provision_text { margin-top: 10px; padding-left: 50px; margin-bottom: 50px; } .startCstpage .ja_checkboxes .form-group label { position: relative; } .beSpeaker { margin-bottom: 40px; } .startCstpage .text-decoratoin-underline { text-decoration: underline; } .startCstpage .cursor-pointer { cursor: pointer; } .startCstpage .fw600 { font-weight: 600; } .startCstpage .link-btn { background-color: #dadada; color: black; padding: 4px 10px; display: inline-block; border-radius: 4px; border: 1px solid black; margin-top: 5px; cursor: pointer; } .startCstpage textarea#long_description { min-height: 70px; } .marginB3 { margin-bottom: 3px !important; } .becomeSpeaker .comman_response.alert-success.alert { font-size: 22px; font-weight: 500; width: 100%; } @media screen and (min-width: 768px){ .startCstpage .row.addFaqPage { margin: 0; } } @media screen and (max-width: 767px){ .startCstpage .start_speaker_container{ padding: 0px 10px; } .startCstpage .start_speaker_container .heading { font-size: 25px; } .startCstpage .start_speaker_container .subheading{ font-size: 15px; line-height: 1.3; } .startCstpage .addFaqPage{ padding: 0px 20px; } .startCstpage .speaker_tutorial_video #vimeo_iframe{ width: 100%; height: auto; } .startCstpage .form-group #create_genral_affliate_link{ padding-right: 190px; } .startCstpage .icon-txt-input .control-label{ margin-left: 0; } .courseCardsInner { flex-direction: column; } .startCstpage .ja_checkboxes .form-group label { position: relative; margin-bottom: 30px; align-items: flex-start !important; } .product_affliate_section .row { margin-bottom: 20px; } .product_affliate_section{ padding: 0px 20px; } .startCstpage .ja_checkboxes{ padding: 0px 20px; } input.product_featured_image{ width: 100%; } } .becomeSpeaker .content_listing { width: 100%; float: left; padding-top: 20px; } .becomeSpeaker .outer_image_row { width: 90px; float: left; text-align: center; margin: 0 20px 15px 0; border: 1px solid #d6d6d6; background: #fff; position: relative; } .becomeSpeaker .outer_image_row .icon-image { width: 100%; height: 50px; text-align: center; background-position: center; background-size: 30px; background-repeat: no-repeat; opacity: 0.6; } .becomeSpeaker .outer_image_row .icon-image.upload_pdf { background-image: url(../images/icon_pdf.svg); } .becomeSpeaker .outer_image_row span { width: 100%; float: left; cursor: pointer; font-weight: 400; font-size: 10px; text-align: center; color: #000; border-top: 1px solid #d6d6d6; white-space: normal; word-wrap: break-word; padding: 2px 3px; } .ja_checkboxes label.control-label { display: flex; align-items: center; } .bespeaker_pdf_icon label.control-label { display: flex; gap: 13px; align-items: center; } .form-group.bespeaker_pdf_icon { margin-top: 30px; } /**** End Become speaker static page styling****/ /***Custom Captcha **/ .custom_captcha{ max-width: 60%; display: block; width: 100%; } .custom_captcha input#captcha { margin: 10px 0px; } input#captcha { margin: 10px 0px; } .custom_captcha .error { width: 210px; margin-top: 0px; position: relative; top: -6px; } .jaCheckBox { -webkit-appearance: none; /*hides the default checkbox*/ height: 40px; width: 40px; min-width: 40px; transition: 0.10s; text-align: center; font-weight: 600; color: white; border-radius: 3px; outline: none !important; border: 1px solid #7a7a7a; border-radius: 50%; } .jaCheckBox:checked { background: linear-gradient(177deg, rgb(92 112 94) -1.1%, rgb(9 255 78) 100.7%); border-color:green; } .jaCheckBox:checked:before { content: ""; top: 0px; position: relative; font-size: 20px; background-image: url(../images/check.svg); background-repeat: no-repeat; background-size: 60%; background-position: center; width: 100%; height: 100%; display: block; } .jaCheckBox:hover { cursor: pointer; opacity: 0.8; } .product_affliate_section .row { display: flex; /* align-items: flex-end; */ } .datenschutz_link { font-size: 12px; margin-top: 5px; text-align: center; width: 100%; font-weight: 400; } .datenschutz_link a { border-bottom: 1px solid #1C2A66; color: #1C2A66; padding: 0px; } .product_affliate_section .image_area_section { margin-top: 24px; } .counter_about_kongress { min-height: 175px !important; height: 175px !important; } iframe#ycbmiframetestpage { height: 100% !important; } /***Additional register popup****/ .filedtextbox.company_icon:before { background-image: url(../images/company.png); width: 30px; height: 20px; top: 12px; left: 10px; background-position: center; z-index: 1; background-repeat: no-repeat; background-size: 85%; } .filedtextbox.position_icon:before { background-image: url(../images/position.png); width: 30px; height: 20px; top: 12px; left: 10px; background-position: center; z-index: 1; background-repeat: no-repeat; background-size: 85%; } .filedtextbox.industry_icon:before { background-image: url(../images/industry.png); width: 30px; height: 20px; top: 12px; left: 10px; background-position: center; z-index: 1; background-repeat: no-repeat; background-size: 85%; } .filedtextbox.employee_icon:before { background-image: url(../images/employees.png); width: 30px; height: 20px; top: 12px; left: 10px; background-position: center; z-index: 1; background-repeat: no-repeat; background-size: 85%; } .company_register_process{ background-color: #ffffff; border: 1px solid #e3e3e3; border-radius: 2px; color: #666666; display: block; font-size: 15px; font-weight: 300; height: 42px; padding: 8px 8px 8px 44px; width: 100%; } .company_register_btn { margin-top: 10px; } .safari-mac .company_register_process{ text-indent: 44px; } /***optimise homCollapse page**/ h2.title.d-block.d-none-md { font-size: 24px; font-weight: 700; margin: 0 0 20px 0px; } .vc-list-title h2 { font-size: 24px; font-weight: 600; } .og-team .og-content h2 { margin: 0 0 20px 0px; font-size: 24px; font-weight: 600; line-height: 36px; } @media all and (max-width:767px){ h2.title.d-block.d-none-md { font-size: 21px; font-weight: 700; margin: 0 0 20px 0px; } .product-list-block figcaption .sub-title{ font-size: 16px; font-weight: 600; } .vc-list-title h2 { font-size: 21px; font-weight: 600; } .og-team .og-content h2 { font-size: 21px; } .heading-grp h2{ font-size: 21px; } } /******* marquee scroll CSS Start *****/ .marquee_scroll .videoSection.videoviewback { height: calc(100vh - 160px) !important; } .marquee_scroll .videoSection .desktopVideo .posterImage { min-height: calc(100vh - 160px); } .marquee_scroll .videoSection .desktopVideo iframe { padding: 10px; } .marquee { display: flex; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; user-select: none; gap: 20px; height: 40px; width: 100%; overflow: hidden; white-space: nowrap; background: #5f9f6e; } .marquee-link{ display: flex; align-items: center; color: #fff; } .marquee--inner { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 20px; min-width: 100%; animation: marquee 25s linear infinite; } .marquee:hover .marquee--inner { animation-play-state: paused; } .marquee:hover .marquee--inner[aria-hidden="true"] { animation-play-state: paused; } .marquee .marquee--inner:hover { animation-play-state: paused; } .marquee .marquee--inner[aria-hidden="true"]:hover { animation-play-state: paused; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - 20px)); } } @media all and (max-width:767px){ .marquee_scroll .videoSection.videoviewback { height: auto !important; } .uploadedfilesSection .counter_about_kongress { min-height: auto !important; height: auto !important; } } /******* marquee scroll CSS end *****/ .showFieldPassword { position: absolute; width: 30px; height: 26px; right: 10px; top: 10px; cursor: pointer; } .eye-icon{ background-image: url("../images/eyes.svg"); width: 30px; height: 35px; background-position: 2px 2px; display: block; background-size: 23px; background-repeat: no-repeat; } .eye-icon.active{ background-image: url("../images/uneye-icon.svg"); width: 30px; height: 25px; background-position: 3px 2px; display: block; background-size: 23px; } .showFieldPassword.active .eye-icon { background-position: -24px 3px; } .smtp-error { text-align: center; position: relative; } .smtp-error::before{ content:""; position: absolute; background-image: url(../images/sad_icon.svg); background-repeat: no-repeat; width: 60px; height: 60px; top: -60px; left: 0px; } .smtp-error::after{ content:""; position: absolute; background-image: url(../images/broken_email.svg); background-repeat: no-repeat; width: 60px; height: 60px; top: -60px; right: 0px; } .smtp-error h5 { margin: 0; margin-top: 60px; font-size: 32px; position: relative; font-weight: 700; color: #7e8184; } @media (max-width:767px) { .manageCommentPostSection{ margin: 0px !important; } .manageCommentPostSection textarea.form-control.comment { height:100px; } .manageCommentPostSection .col-md-9 { padding: 0px !important; } .manageCommentPostSection .col-md-3 { padding: 0px !important; } } /****SucccessFull became popup****/ .expertSuccessful.modal{ align-items: center !important; justify-content: center !important; } #expertSuccessful .modal-header { padding: 0px; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; background: #a8e7a8; border-radius: 34px 34px 0px 0px; text-align: center; } #expertSuccessful .modal-header h3{ margin: 0px 0px 20px 0px; font-weight: 700; color : #333 !important; } #expertSuccessful .modal-header h4{ color : #333 !important; } #expertSuccessful .modal-header .close{ opacity: 1; } #expertSuccessful .modal-body { position: relative; padding: 35px 0px; display: flex; align-items: center; gap: 10px; } #expertSuccessful .modal-footer { padding-top: 35px; text-align: right; border-top: 1px solid #e5e5e5; border-radius: 0px 0px 35px 35px; text-align: center; } #expertSuccessful .greenTickimg{ text-align: center; margin-bottom: 20px; position: absolute; top: -20px; left: -20px; width: 60px; height: 60px; } #expertSuccessful .modal-content { border-radius: 35px; padding: 35px; background: #a8e7a8; position: relative; width: 100%; max-width: 970px !IMPORTANT; } #expertSuccessful .expert_model_pic{ border-radius: 12px; } #expertSuccessful .model_exp_picture{ text-align: center; } #expertSuccessful .footer_text { font-weight: 700; color : #333 !important; } #expertSuccessful .modal-dialog{ width: 100%; max-width: fit-content; } @media only screen and (max-width: 768px){ #expertSuccessful .modal-content { border-radius: 22px; padding: 20px; background: #a8e7a8; } #expertSuccessful .modal-body{ flex-direction: column; } } .dark_mode .becomeSpeaker .popover-content { color: #333; } .marginB4{ margin-bottom: 15px; } .marginB4 label.control-label { padding-bottom: 5px; }