@charset "UTF-8";@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/build/assets/material-symbols-outlined-080c80d2.woff2) format("woff2")}:root{--primary-color: #008fe2;--secondary-color: #07A409;--secondary-light-color: #049C5E;--primary-rgba-color: rgba(0, 143, 226, .8);--secondary-rgba-color: rgba(7, 164, 9, .8);--secondary-color-hover: #068E0A;--tertiary-color: yellow;--slider-color: #FFB400;--default-text-color: #212529;--light-text-color: #6B6B6B;--invalid-color: #e3342f;--header-default-text-color: #ffffff;--header-font-size: 18px;--header-nav-font-size: 16px;--header-nav-bg-color: #EAEAEA;--app-name-icon-size: 25px;--sidebar-bg-color: #ffffff;--sidebar-acitve-color: #E9E9E9;--sidebar-icon-color: #000000;--sidebar-arrow-color: #818181;--sidebar-icon-size: 18px;--ck-color-base-border: #07A409 !important;--top-bg: #008fe2;--top-colon-color: #fff;--top-text-color: #fff;--top-selected-color: #AADFFF;--top-meridiem-color: #fff;--hand-line-color: #07A409;--hand-circle-center: #07A409;--hand-circle-outer: #A4FBA6;--hand-minute-circle: #07A409;--numbers-text-color: #212529;--done-bg-color: #008fe2;--done-text-color: #fff}html,body{height:100%;color:var(--default-text-color);background-color:#f6f7fd!important}.form-group{margin-bottom:15px}.check-group{margin-bottom:8px}h1,h2,h3,h4,h5,h6,p,ul,ol,a{margin:0;padding:0}a{cursor:pointer}ul,ol{padding-left:0!important}.nopadding{margin:0;padding:0}input[type=text],input[type=search],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=date],select{height:40px!important;border-color:var(--secondary-color)!important}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--invalid-color)!important}textarea{height:100px!important;border-color:var(--secondary-color)!important}.bg-success,.btn-success,.alert-success{background-color:var(--secondary-color)!important;color:#fff!important}.btn-outline-success{border-color:var(--secondary-color)!important;color:var(--secondary-color)!important}.btn-outline-success:hover{background-color:var(--secondary-color)!important;color:#fff!important}.text-success{color:var(--secondary-color)!important}.btn-success:hover{background-color:var(--secondary-color-hover)!important}.btn:focus,.btn:active{outline:none!important;box-shadow:none!important}.btn-outline,.btn-outline:focus,.btn-outline:active{border:0!important}.alert button:focus{outline:none}header{background:-moz-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,var(--primary-color)),color-stop(100%,var(--secondary-color)));background:-webkit-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:-o-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:-ms-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:linear-gradient(154deg,var(--primary-color) 0,var(--secondary-color) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--primary-color)",endColorstr="var(--secondary-color)",GradientType=1);color:var(--header-default-text-color);width:100%;height:50px;position:fixed;top:0;z-index:1000;display:flex;align-items:center}.app-name{font-size:var(--header-font-size);height:50px;display:flex;align-items:center}.app-name i{font-size:var(--app-name-icon-size);margin-right:5px}.header-navigation .navbar-expand-lg{justify-content:flex-end}.header-navigation .navbar{padding:0}.header-navigation .dropdown-menu{border:0;border-radius:0;top:35px;margin:0!important}.header-navigation .dropdown-menu .dropdown-item{position:relative;padding-left:45px}.header-navigation .dropdown-menu .dropdown-item i,.header-navigation .dropdown-menu .dropdown-item svg{position:absolute;left:20px;top:8px}.header-navigation .nav-link{color:var(--header-default-text-color);font-size:var(--header-nav-font-size);padding:0}.header-navigation .nav-link:hover{color:var(--tertiary-color)}.header-navigation .nav-link:hover .custom-avatar{border-color:var(--tertiary-color)}.header-navigation .dropdown-item{background:none;color:var(--default-text-color);border-radius:0}.header-navigation .dropdown-item:hover{background:var(--header-nav-bg-color);color:var(--default-text-color)}.user-info{position:relative;padding-left:50px!important}.user-info:hover{color:var(--tertiary-color)}.user-info:focus{outline:0}.user-info>.custom-avatar{width:40px;height:40px;background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:-7px;border-radius:100%;border:1px var(--header-nav-bg-color) solid}.notification-icon i{font-size:25px;margin-right:10px}.preloader{position:fixed;top:0;left:0;z-index:12000;width:100%}.preloader .progress{background:transparent;border-radius:0;height:3px}.preloader .progress .progress-bar{background:var(--invalid-color)}.accordion-button{padding:0;background-color:transparent}.accordion-button:after{transform:rotate(-90deg)}.accordion-button:not(.collapsed){box-shadow:none}.accordion-button:not(.collapsed):after{transform:rotate(0)}.sidebar>.sidebar-menu-container{position:fixed;margin-top:15px;width:16.5vw;height:100vh;overflow-y:auto;overflow-x:hidden;background:var(--sidebar-bg-color)}.sidebar>.sidebar-menu-container ul{margin-top:35px}.sidebar>.sidebar-menu-container ul li{list-style:none;position:relative;border-left:4px var(--sidebar-bg-color) solid;outline:0;border-color:transparent;border-bottom:0}.sidebar>.sidebar-menu-container .accordion-item:hover{background:var(--sidebar-acitve-color);border-left:4px var(--secondary-color) solid;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;cursor:pointer}.sidebar>.sidebar-menu-container ul li a{width:100%;padding:5px 15px 5px 40px;display:flex;color:var(--default-text-color);text-decoration:none;outline:0;background-color:transparent;position:relative}.sidebar>.sidebar-menu-container ul li a:after{position:absolute;top:12px;right:6px}.sidebar>.sidebar-menu-container .accordion-button:after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25' fill='var(--sidebar-arrow-color)'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");width:12.5px;height:10px}.sidebar>.sidebar-menu-container ul li a svg{font-size:var(--sidebar-icon-size);position:absolute;left:10px;top:7px}.sidebar>.sidebar-menu-container ul>li .accordion-link:after{display:none}.sidebar>.sidebar-menu-container ul>.active{background:var(--sidebar-acitve-color);border-left:4px var(--secondary-color) solid}.sidebar>.sidebar-menu-container ul>li a:hover,.sidebar>.sidebar-menu-container ul>.active .accordion-button{color:var(--secondary-color)}.sidebar>.sidebar-menu-container ul>li>ul{margin-top:0;background-color:var(--sidebar-bg-color);padding:10px 0}.sidebar>.sidebar-menu-container ul>li>ul>li{margin-left:30px;font-size:14px}.sidebar>.sidebar-menu-container ul>li>ul>li svg{top:4px;left:6px;font-size:20px;opacity:.8}.sidebar .small-icon-image li svg{font-size:16px!important}.sidebar>.sidebar-menu-container ul>li>ul>li a{padding:3px 0 3px 30px;color:var(--light-text-color)}.sidebar>.sidebar-menu-container ul>li>ul>li .sub-active{color:var(--secondary-color)}.app-data{margin-top:75px}.app-data .filters input,.app-data .filters select,.app-data .filters .btn{height:35px!important}.app-data .filters{display:flex;flex-direction:row;flex-wrap:wrap}.app-data .filters>.filter-box{margin:0 5px}.app-data .filters>.filter-box:nth-child(1){margin-left:0}.app-data .filters>.filter-box label{margin-top:6px}.app-data .filter-card{margin-bottom:20px!important}.app-data .filter-card .card-body{padding:15px 20px 13px}.app-data .filter-card .card-body .form-group{margin-bottom:0}.header-action{text-align:right}.header-action .btn-success{height:35px!important;padding-top:5px;padding-bottom:0}table th{position:relative}table .th-sort-asc,table .th-sort-desc{cursor:pointer}table .th-sort-asc:before{content:"↓";position:absolute;right:5px;color:#bdbebf}table .th-sort-asc:after{content:"↑";position:absolute;right:12px;color:#000}table .th-sort-desc:before{color:#000}table .th-sort-desc:after{color:#bdbebf}table .serial{width:100px}table .action{width:80px}.chkrow{width:32px;text-align:center}.form-check{min-height:20px;margin-bottom:0;padding-left:1.5px;position:relative}.form-check-input,.was-validated .form-check-input{width:20px;height:20px;border-color:var(--secondary-color)!important;margin:0 auto!important;vertical-align:middle!important}.form-check-input:checked,.was-validated .form-check-input:checked{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.form-check label{position:absolute;left:28px;top:-1.6px;color:var(--default-text-color)!important}.was-validated .form-check label{color:var(--default-text-color)!important}.custom-check-group .form-check{margin-bottom:10px}.custom-check-group .form-check label{position:relative;left:5px;top:-1.6px}.status{width:80px}.status .form-switch{display:flex;justify-content:center;align-self:center;height:20px!important;padding:1px 0 0;margin-bottom:0!important}.form-switch input{width:40px!important;height:18px!important;margin:0 auto!important;background-color:#ccc;box-shadow:none!important;border:0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")!important}.form-switch input:focus{border:0!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")!important}.form-switch input:checked,.was-validated .form-switch input:checked{background-color:var(--slider-color)!important;border-color:var(--slider-color)!important}.cswitch .form-switch{position:relative}.cswitch label{position:absolute;left:50px;top:-2.5px;color:#000!important}.profile .form-check,.breeds .form-check{width:55px}.profile .form-check:nth-child(2),.breeds .form-check:nth-child(2){width:70px}.breeds-radio-buttons{margin-top:10px}.edit>button{padding:0 6px 2px}.edit>button>svg{font-size:16px}.admin-section .card{border-radius:0;margin-bottom:20px}.admin-section .card .card-header{border:0;background:none;padding-bottom:0}.admin-section .h1-subtitle{font-size:18px}.admin-section .back-link{text-align:right}.admin-section .card .card-header .back-link i{font-size:13px;margin-right:5px}.back-link .btn{padding-right:0!important;position:relative}.admin-section .back-link svg{font-size:18px;position:absolute;left:-12px;top:8.5px}.admin-section .card .card-header hr{margin-bottom:0}.admin-section h1{font-size:22px;margin-bottom:10px}.admin-section .card .card-header h3{font-size:18px;margin-top:10px}.admin-section .del button{width:150px;margin-right:10px}.admin-section .pagination{justify-content:end;float:right}.admin-section .pagination .page-link{color:var(--default-text-color)!important}.admin-section .pagination .active .page-link{background-color:var(--secondary-color)!important;border-color:var(--secondary-color)!important;color:#fff!important}.admin-section .pagination .disabled a{background-color:#efefef!important}.admin-section .pagination .break-link{padding:3px 12px 9px}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{color:transparent;background:none;z-index:1}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{display:none!important}input[type=date]::-ms-clear{display:none!important}input[type=date]::-moz-clear{display:none!important}input[type=date]:before{color:var(--secondary-color);display:block;content:"";font-family:Material Symbols Outlined,sans-serif;position:absolute;top:3px;right:8px;font-size:20px}input::-webkit-calendar-picker-indicator{cursor:pointer!important}.ppcontainer{width:100%}.profilePic{width:100%;height:300px;margin:0 auto;background-size:cover;background-position:center center;background-repeat:no-repeat}.sliderthumbnail{width:100%;height:120px;cursor:move}.thumbPic{width:60px;height:60px}.ReactPasswordStrength{border-color:transparent!important;height:40px!important;border-radius:5px;font-size:13.6px!important}.ReactPasswordStrength-input{width:100%!important;border:1px var(--secondary-color) solid!important;font-family:Nunito,sans-serif!important;font-size:13.6px!important}.ReactPasswordStrength-strength-desc{width:auto!important;margin-right:20px;padding:10px 12px!important}.ReactPasswordStrength-input:not(:focus).is-password-invalid{color:#495057!important}.btn-submit{width:120px}.ReactPasswordStrength input{font-family:Nunito,sans-serif!important;height:40px!important;font-size:13.6px!important}.ReactPasswordStrength .is-invalid{border-color:var(--invalid-color)!important}.was-validated .form-control:invalid,.form-control.is-date-invalid{border-color:var(--invalid-color)!important}.was-validated .form-control:valid,.form-control.is-date-valid{border-color:var(--secondary-color)!important}.is-date-invalid:before{color:var(--invalid-color)!important}.is-date-valid:before{color:var(--secondary-color)}.datetime-reset-button{fill:#fff!important;display:none!important;opacity:0!important}.admin-section textarea{height:60px!important}.custm-menu-height textarea{height:200px!important}.admin-section select{height:40px!important}.PhoneInputCountry{height:40px;border:1px var(--secondary-color) solid;border-radius:.25rem;padding:0 5px}.PhoneInputCountryIcon--border{border:0;box-shadow:none!important}.PhoneInputInput{border:1px var(--secondary-color) solid;border-radius:.25rem}.PhoneInputInput:focus{border-radius:.25rem;box-shadow:0 0 0 .2rem #068e0a40;outline:0}.PhoneInputCountrySelectArrow{opacity:1!important}.profile .pblock .card-header{background-color:var(--primary-color);color:var(--header-default-text-color);border-radius:0;padding:20px;font-weight:700;position:relative;height:143px}.profile .pblock .card-header a{padding:0;margin:0;font-weight:700;font-size:16px}.profile .pblock .card-header .user-circle{background-color:#f2f2f2;width:150px;height:150px;display:flex;position:absolute;left:0;right:0;bottom:-40px;margin:auto;border:4px #fff solid;border-radius:100px;align-items:center;justify-content:center;color:var(--light-text-color);font-size:50px}.profile .pblock .card-header .user-circle .user-circle-content{text-transform:uppercase;display:block;position:relative}.profile .pblock .card-header .user-circle .user-circle-content i{position:absolute;left:-20px;bottom:-20px;font-size:20px}.profile .pblock .card-header .user-level{position:absolute;right:20px;bottom:10px;font-size:20px}.profile .card-header small{color:var(--light-text-color);font-size:16px}.profile .pblock .card-body{text-align:center}.profile .pblock .card-body .username{margin-top:30px;font-size:22px;color:var(--light-text-color);font-weight:700}.profile .info-input{height:195px!important}.profile .pblock .card-body .pinfo{display:flex;justify-content:space-evenly;border-top:1px #D8D8D8 solid;border-bottom:1px #D8D8D8 solid;padding:5px 0;position:relative;margin:0 0 30px}.profile .pblock .card-body .pinfobox{display:"flexbox"}.profile .pblock .card-body .pinfobox span{font-weight:700}.profile .pblock .card-body .pinfo .pline{content:"dd";background:#D8D8D8;width:1px;height:25px;position:absolute;left:0;right:0;top:4px;margin:auto}.profile .polygon{width:40px;height:40px;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:rgba(255,255,255,.4);position:absolute}.profile .polygon1{bottom:10px}.profile .polygon2{bottom:50px;left:100px;width:25px;height:25px}.profile .polygon3{bottom:60px;right:30px;width:35px;height:35px}.admin-login{width:100vw;height:100vh;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1}.admin-login:before{content:"";background:-moz-linear-gradient(-65deg,var(--primary-rgba-color),var(--secondary-rgba-color) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,var(--primary-rgba-color)),color-stop(100%,var(--secondary-rgba-color)));background:-webkit-linear-gradient(-65deg,var(--primary-rgba-color) 0,var(--secondary-rgba-color) 100%);background:-o-linear-gradient(-65deg,var(--primary-rgba-color) 0,var(--secondary-rgba-color) 100%);background:-ms-linear-gradient(-65deg,var(--primary-rgba-color) 0,var(--secondary-rgba-color) 100%);background:linear-gradient(154deg,var(--primary-rgba-color) 0,var(--secondary-rgba-color) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--primary-rgba-color)",endColorstr="var(--secondary-rgba-color)",GradientType=1);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.login-container{position:relative}.admin-login .login-container{width:100%;height:100vh;overflow:hidden}.admin-login .login-container .login-box-container{display:flex;justify-content:space-evenly;align-items:center}.admin-login .login-box{text-align:center;color:#fff;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column}.admin-login .login-container .lgbox-seperator{width:1px;height:200px;background-color:#62c5ff}.admin-login .login-box small{font-size:medium}.admin-login .card,.admin-login .card-header{border-radius:0}.admin-login .card-holder{margin-top:50px}.admin-login .login-box .card{width:420px;color:var(--default-text-color);padding:20px 0}.admin-login h2{text-transform:uppercase;font-weight:700;margin-bottom:10px}.admin-login .card small{font-size:small;color:var(--light-text-color)}.admin-login .card small i{color:var(--invalid-color)}.admin-login .card small a{color:var(--default-text-color)}.admin-login .login-box .card-header{border:0;background:transparent}.login-icon-container{margin:20px 0}.login-icon{width:120px;height:120px;background:var(--primary-color);margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:100px}.login-icon i:before,.login-icon i:after{font-size:100px;margin-left:0;color:#fff}.login-box .login-input{position:relative;width:90%;margin:0 auto}.login-box .login-input i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#637380;font-size:25px;z-index:100}.login-box .login-input i:after{content:"|";position:absolute;right:-10px;top:48%;transform:translateY(-52%);color:#8998a5;font-family:Arial,Helvetica,sans-serif;font-size:20px}.login-box .login-input input{padding-left:55px;height:50px!important}.login-box .login-input input:required{box-shadow:none;border-color:var(--secondary-color)!important;border-width:1px}.admin-login .login-buttons{margin-top:30px}.admin-login .login-box button{width:70%;margin:0 auto;display:block}.admin-section .nav-tabs{border-bottom:0;margin-bottom:20px}.admin-section .card h3 small{color:var(--invalid-color);font-style:italic}.admin-section .nav-tabs .nav-item .nav-link{background-color:#fff;color:var(--default-text-color);border-color:var(--secondary-color);border-radius:0;border-left:0;outline:0}.admin-section .nav-tabs .nav-item:nth-child(1) .nav-link{border-left:1px var(--secondary-color) solid}.courses .nav-tabs .nav-item .nav-link{padding:.5rem 1.5rem}.courses .nav-tabs .nav-item:nth-child(1) .nav-link{padding:.5rem 1rem}.admin-section .nav-tabs .nav-item .active{color:#fff;background-color:var(--secondary-color)}.admin-section .editor-sd,.admin-section .editor-cd{position:relative;z-index:500}.admin-section .editor-sd .ck-content{height:250px;border-color:var(--secondary-color)!important}.admin-section .editor-small .ck-content{height:150px;border-color:var(--secondary-color)!important}.admin-section .editor-cd .ck-content{height:300px;border-color:var(--secondary-color)!important}.admin-section .ck-focused{border-color:var(--secondary-color)!important}.admin-section .ck-on{color:var(--secondary-color)!important}.admin-section .ck.ck-list__item .ck-button.ck-on{background-color:var(--secondary-color)!important;color:#fff!important}.admin-section .inputList .btn{width:40px;height:40px!important;font-size:22px!important;padding:0;line-height:0;color:#fff;display:flex;justify-content:center;align-items:center;float:right}.no-right-pad{padding-right:0!important}.courses .back-link a{height:40px;border-radius:0}.publish{border:0;margin-top:0}.publish .progress-bar{background-color:var(--secondary-color)}.publish .card-header{background-color:var(--secondary-color)!important;color:#fff;width:100%;height:50px;border-radius:0;display:flex;align-items:center;font-size:18px;border:1px var(--secondary-color) solid;padding:0 0 0 20px}.publish .card-body{border:1px #DFDFDF solid;padding:20px}.publish .card-body ul li{list-style:none;color:var(--light-text-color);line-height:30px;cursor:pointer}.publish .card-footer{border:1px #DFDFDF solid;border-top:0;background:#fff;padding:15px 20px 15px 5px}.publish .card-footer .btn-submit{float:right}.publish .btn{border-radius:0}.publish ul li .btn-link{padding:0;line-height:0;height:4px}.publish .catlist{background-color:#f6f7fd;border:1px #E5E5E5 solid;padding:10px 15px;width:100%;max-height:200px;overflow-y:auto}.publish .catlist .custom-checkbox{margin:5px 0}.publish .catlist .custom-checkbox:last-child{margin-bottom:15px}.publish .assignbtn{margin-bottom:20px;color:var(--secondary-color);display:inline-block}.courses .progress{margin-top:15px}.courses .profilePic{height:200px;margin-bottom:20px}.courses .back-link{text-align:right}.courses .back-link i{font-size:13px;margin-right:5px}.courses .main-card{margin-bottom:0}.permalink{margin:15px 0 25px;text-align:center}.permalink-content{position:relative}.permalink input{border:1px var(--secondary-color) solid;height:25px!important;margin:0 0 0 5px;width:120px}.permalink .btn-link{padding:0;min-width:50px;border-radius:0;color:var(--light-text-color)!important}.permalink .btn-outline-success{padding:0 10px;min-width:50px;border-radius:0;margin-left:5px}.dragndrop{margin-bottom:10px;cursor:pointer}.dragndrop div:focus{outline:0;border:0}.dragndrop .dropzone-area{padding:0 30px;border:2px var(--secondary-color) dashed;text-align:center;border-radius:5px;color:var(--secondary-color);font-size:16px;height:270px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:10px}.publish .right-sidebar-image{height:200px;margin-bottom:15px}.publish .dragndrop .dropzone-area{height:160px}.big-small-image{height:180px}.big-small-dropzone .dropzone-area{height:150px}.dragndrop p{padding:0}.dragndrop p span{color:var(--invalid-color)!important}.courses .expand{text-align:right}.courses .expand .btn{border:0;margin-top:3px}.courses .expand .btn:hover{background-color:transparent;text-decoration:underline;color:var(--secondary-color-hover)}.courses .expand-btn .btn{padding:5px 0;margin-right:20px}.courses .expand-btn .btn span{border:1px var(--secondary-color) solid;display:inline-flex;border-radius:100px;padding:0 7px}.courses .expand-btn .btn:hover{color:var(--secondary-color)}.courses .expand-btn .btn:hover span{border-color:var(--secondary-color-hover);color:var(--secondary-color-hover)}.settings h4{font-size:14px;font-weight:700;color:var(--light-text-color)}.settings .custom-switch{min-height:30px}.settings .custom-switch .custom-control-label:before{height:20px;width:45px}.settings .custom-switch .custom-control-label span{padding-left:20px;line-height:26px}.settings .custom-control-input:checked~.custom-control-label:before{background-color:var(--secondary-color);border-color:var(--secondary-color)}.settings .custom-switch .custom-control-input:checked~.custom-control-label:after{-webkit-transform:translateX(1.6rem);transform:translate(1.6rem)}.courses .input-container{padding:20px 20px 10px;margin:20px 0 0;background-color:#fff;border:1px var(--secondary-color) solid}.courses .input-header{display:block!important;font-weight:700}.courses .input-container hr{margin:10px 0 25px}.courses .card .expand-btn{margin:20px 0 0}.clist .card{border-color:var(--secondary-color);margin-bottom:10px;background-color:#fbfbfe}.clist .card-header{padding:12px 15px 10px!important;margin:0;background-color:#fff!important}.clist .card-header h3{margin:0!important;font-size:16px!important;cursor:pointer;position:relative;padding-left:60px}.clist .chapters .card-header h3 span{background-color:var(--secondary-color);color:#fff;width:25px;height:25px;display:inline-flex;border-radius:100px;align-items:center;justify-content:center;position:absolute;left:25px;top:50%;transform:translateY(-50%)}.clist .topics .card-header h3 span{background-color:var(--primary-color)}.clist .question-header h3{padding-left:70px}.clist .question-header h3 span{left:35px!important}.clist .card-header h3 i{font-size:12px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.clist .card-header .clist-btns{text-align:right;color:var(--light-text-color);font-size:13px;padding-right:10px}.clist .card-header .clist-btns .btn{padding:0 8px}.input-container input,.input-container .btn,.input-container select,.input-container textarea{border-radius:0}.input-container .add-btn{text-align:right;position:relative}.input-container .add-btn button{padding-left:35px;padding-right:35px}.input-container .add-btn .loading div{top:1px}.clist .card .card-body .input-container{background-color:#fff;border:1px var(--secondary-color) solid;margin-bottom:20px}.clist .chapters .input-container{margin:0 20px 0 65px}.clist .chapters .input-container input{width:98%}.clist .topics .input-container input{width:96%}.clist .card-body .expand-btn{margin:15px 0 15px 60px}.loading{margin-left:5px;border-color:transparent!important;position:relative}.loading div{position:absolute;top:-13px}.publish .loading div{top:2px}.courses .tab-content .chapters .card-body{padding:0}.courses .tab-content .chapters .card-content{margin-left:51px;padding:0 20px 0 14px;position:relative;margin-top:20px}.courses .tab-content .card-content:before{content:"";position:absolute;height:100%;left:0;top:0}.courses .tab-content .chapters .card-content .card{margin:10px 0!important}.courses .tab-content .chapters .card-content .card:first-child{margin-top:15px}.courses .tab-content .chapters .card-content .card:last-child{margin-bottom:15px}.courses .tab-content .chapters .card-content:before{border-left:1px grey dashed}.courses .tab-content .chapters .card-header{position:relative}.courses .tab-content .chapters .card-header:after{content:"";color:var(--secondary-color);top:50%;transform:translateY(-50%);right:10px;position:absolute;font-family:"Font Awesome 5 Free",sans-serif;font-style:normal;font-weight:900;font-size:12px!important}.clist .chapters .mid-section{color:var(--light-text-color);padding:0!important;cursor:pointer;display:flex}.clist .chapters .question-header{padding:0!important}.clist .chapters .question-header i{margin-left:10px}.clist .chapters .mid-section span{width:50%}.courses .tab-content .chapters .arrowDown:after{content:""}.courses .tab-content .subtopics .card-header:after{content:""}.courses .tab-content .dragAnswers .card-header:after{content:""}.courses .tab-content .subtopics .clist-btns{padding-right:0!important}.courses .tab-content .subtopics .arrowDown:after{content:""}.courses .btn{text-decoration:none!important}.course-materials h4{margin-top:5px}.video-url{margin-bottom:40px!important}.materials{background-color:#f6f7fd;padding:20px 20px 10px;border:1px #E5E5E5 solid}.materials h4{font-size:16px!important;font-weight:400;color:var(--default-text-color);margin-bottom:20px}.inline-input label{margin-top:10px}.material-seperator{margin:30px 0}.border-form-group{position:relative}.border-form-group:before{content:"";border:1px #D2D2D2 dashed;height:150%;position:absolute;left:0;top:-8px}.border-form-group label{padding-left:20px}.retakes-form:before{height:110%}.mode small{font-size:14px;font-style:italic;color:var(--light-text-color);margin:5px 0 20px 24px;display:block}.mode .border-form-group{margin:0 0 40px 35px}.billing-cycle .col-5{padding-right:5px}.billing-cycle .col-7{padding-left:5px}.bcsep{display:block;height:15px}.adjust-border:before{height:105%}.billing-info{margin:20px 0 0 13px}.billing-info li{color:var(--light-text-color);margin:10px 0;font-size:13px}.certificate .custom-switch .custom-control-label:before{height:18px;width:45px}.diloader{margin:0 10px 0 5px}.diloader div{position:absolute;top:0}.ailoader{margin:0 10px}.permalink .ailoader .spinner-border{width:15px;height:15px;margin-top:2px}.ailoader div{position:absolute;top:1px}.dragItems{display:block}.categories .ck-content{height:150px;border-color:var(--secondary-color)!important}.categories .btn-submit,.cms .btn-submit{width:100%}.categories p small{font-size:14px;font-style:italic;display:flex;align-items:center;height:40px;color:var(--light-text-color)}.correct-answer,.wrong-answer{position:relative}.correct-answer span,.wrong-answer span{position:absolute;top:6px;left:-20px;width:14px;height:14px;border-radius:100px;border:1px var(--default-text-color) solid}.correct-answer span{background-color:var(--secondary-color)}.setting-publish{margin-top:0}.course-container{margin-bottom:30px}.course-container .del{margin-top:20px}.col-container{display:flex;flex-wrap:wrap;margin:-22px -8px 0}.col-container .card{width:calc(25% - 16px);margin:22px 8px 0}.col-container .custom-col .card{border:0}.col-container .card .card-content{border:1px #DFDFDF solid;border-bottom:0}.col-container .card .card-header{padding:10px 10px 0}.course-container .card .card-header h1{font-size:16px;font-weight:700;margin:0}.col-container .card .card-body{padding:5px 10px 0}.col-container .card .card-body p{color:var(--light-text-color)}.col-container .card .card-footer{padding:0;background-color:#fff;border:0}.col-container .card button{border-radius:0}.col-container .card .card-footer button{border:1px var(--secondary-color) solid;font-weight:700;font-size:15px}.col-container .card hr{background:#DCDCDC;margin:20px 10px 0}.col-container .card .progress{margin:20px 10px 0;height:8px}.col-container .info-container{margin:8px 0;height:35px;display:flex;justify-content:space-evenly;align-items:center}.col-container .info-box{color:var(--light-text-color)}.col-container .separator{background:#C6C6C6;width:1px;height:100%}.col-container .info-box a{text-decoration:none;font-weight:700}.col-container .info-box a:hover{color:var(--secondary-color)!important}.col-container .info-box svg{color:var(--slider-color);font-size:18px;margin:-5px 6px 0 0!important}.col-container .info-box .info-text{color:var(--light-text-color)}.card-image-container{position:relative;cursor:pointer}.card-image-content{width:100%;height:200px;overflow:hidden}.col-container .card-image{width:100%;height:100%;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.col-container .card-image:before{content:"";background:rgba(0,0,0,.1);width:100%;height:100%;position:absolute;left:0;top:0;z-index:50;display:block}.col-container .card-image-content:hover .card-image,.col-container .card-image-content:focus .card-image{-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}.card-tags{position:absolute;padding:0 15px;font-weight:700;top:20px;left:0;z-index:100}.basic-tag{background-color:var(--primary-color);color:#fff}.premium-tag{background-color:var(--slider-color);color:var(--default-text-color)}.editor-tag{background-color:#d024cb;color:#fff}.card-favourite{position:absolute;top:10px;right:10px;z-index:100}.card-favourite .bi-suit-heart-fill{color:red;font-size:25px;stroke:#fff;stroke-width:1px}.card-favourite .bi-suit-heart{color:#fff;font-size:25px}.card-discount{position:absolute;bottom:-10px;right:0;z-index:100;background-color:red;color:#fff;padding:0 15px}.MuiSvgIcon-root{margin-top:5px}.col-container .card .price{color:var(--secondary-color);font-weight:700;font-size:16px}.col-container .card .ratings{text-align:center}.col-container .card .ratings hr{margin:0 10px 5px}@supports (-moz-appearance:none){.custom-date,.is-date-invalid,.is-date-valid{position:relative}.custom-date:after{color:var(--secondary-color);display:block;font-family:"Font Awesome 5 Free",sans-serif;content:"";position:absolute;top:6px;right:8px;font-size:18px}.is-date-invalid:after{color:var(--invalid-color);display:block;font-family:"Font Awesome 5 Free",sans-serif;content:"";position:absolute;top:6px;right:8px;font-size:18px;background-color:#fff;width:20px;height:30px;text-align:right}.is-date-valid:after{color:var(--secondary-color);display:block;font-family:"Font Awesome 5 Free",sans-serif;content:"";position:absolute;top:6px;right:8px;font-size:18px;background-color:#fff;width:20px;height:30px;text-align:right}}.ripple-holder{display:flex}.loader{width:100%;height:150px;margin:-10px 0 20px;display:"flexbox";position:relative;background:#FFF;box-sizing:border-box}.loader:after{content:"";width:100%;height:100%;top:15px;left:0;position:absolute;background-image:linear-gradient(100deg,transparent,rgba(255,255,255,.5) 50%,transparent 80%),linear-gradient(#DDD 80px,transparent 0),linear-gradient(#DDD 30px,transparent 0),linear-gradient(#DDD 40px,transparent 0),linear-gradient(#DDD 90px,transparent 0);background-repeat:no-repeat;background-size:75px 150px,190px 80px,50% 30px,100% 40px,100% 60px;background-position:0% 0,0 0,200px 0,200px 40px,0 90px;box-sizing:border-box;animation:animloader 1s linear infinite}@keyframes animloader{0%{background-position:0% 0,0 0,200px 0,200px 40px,0 90px}to{background-position:150% 0,0 0,200px 0,200px 40px,0px 90px}}.profile .username{position:relative;height:40px}.blurInput{position:relative}.blurInput span{content:"";width:100%;height:40px;top:0;left:0;position:absolute;background-image:linear-gradient(100deg,transparent,rgba(255,255,255,.5) 50%,transparent 80%),linear-gradient(#DDD 100%,transparent 0);background-repeat:no-repeat;background-size:75px 100%,100% 100%;background-position:0% 0,0 0;box-sizing:border-box;animation:animloader 1s linear infinite;border-radius:.25rem;border:1px #C4C4C4 solid;z-index:100}.blurTextarea span{height:60px}.blurrInfoTextarea span{animation:none;background-size:0 0,100% 100%;height:250px}.profile .pinfobox .blurInput span{border-radius:0;border:0;height:28px;top:-2px}.profile .username .blurInput span{border:0;border-radius:0}.profile .user-circle .blurCircle span{background-color:#f2f2f2;width:155px;height:155px;position:absolute;left:-7px;top:-5px;border-radius:100px;z-index:100;background-image:linear-gradient(100deg,transparent,rgba(255,255,255,.5) 50%,transparent 80%),linear-gradient(#DDD 100%,transparent 0);background-repeat:no-repeat;background-size:75px 100%,100% 100%;background-position:0% 0,0 0;box-sizing:border-box}.profile .user-level .blurInput span{border:0;border-radius:0;width:110%;height:30px}.admin-section .editor-sd .blurEditor span{height:200px;animation:none;background-size:0 100%,100% 100%}.admin-section .editor-cd .blurEditor span{height:300px;animation:none;background-size:0 100%,100% 100%}.admin-section .ck-content ul li{margin-left:1.5em}.publish ul li .blurInput span{height:60px}.categories .blurEditor span{height:200px;animation:none;background-size:0 100%,100% 100%}.lsripple-container{position:absolute;top:-6px}.lds-ripple{display:inline-block;position:relative;width:10px;height:10px}.lds-ripple div{position:absolute;border:2px solid var(--primary-color);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:17px;left:17px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:35px;height:35px;opacity:0}}.pclist{border:0;padding:0;margin-bottom:15px}#nprogress .bar{background:var(--invalid-color)!important;z-index:3000}#nprogress .peg{box-shadow:0 0 10px var(--invalid-color),0 0 5px var(--invalid-color)!important}#nprogress .spinner-icon{border-top-color:var(--invalid-color)!important;border-left-color:var(--invalid-color)!important}.scores{padding-left:0}.time-picker-container{position:relative;width:150px}.time-picker-container .time-picker{position:absolute;right:-270px;top:-230px;z-index:100}.milestones{position:relative;overflow:hidden}.grade-container{position:absolute;z-index:100;top:0;width:100%}.milestones .milestones-header{background-color:#f2f2f2;width:100%;position:absolute;z-index:100;top:0;padding:20px;font-size:30px;font-weight:700;text-transform:uppercase;color:var(--light-text-color)}.grade-content{position:relative;z-index:1000;width:40%;margin:0 auto}.grade-container .grade{width:100%;height:100px;display:block;position:relative;border-radius:45px}.grade-container .grade:nth-child(1){height:50px}.grade-content .grade .gbox{width:100%;height:100%;position:absolute;border-top:2px dashed #5E5C5B}.grade-container .grade small{display:flex;justify-content:center;align-items:flex-end;font-size:14px;color:var(--light-text-color);height:100%;padding-bottom:5px}.grade-content .grade:nth-child(odd):after,.grade-content .grade:nth-child(even):after{position:absolute;top:-20px;content:"";width:100%;height:140px;display:block;border:2px dashed #5E5C5B;border-top:2px dashed transparent;border-bottom:2px dashed transparent;border-radius:100px}.grade-content .grade:nth-child(1):after{top:-70px}.grade-content .grade:nth-child(odd):after{right:-25px;border-left:2px dashed transparent}.grade-content .grade:nth-child(even):after{left:-25px;border-right:2px dashed transparent}.grade-content .grade:last-child:after{border:0}.grade-content .grade:last-child:before{content:"";position:absolute;top:0;left:-210px;display:block;border-top:2px dashed #5E5C5B;width:200px}.grade-content .grade span{position:absolute;top:7px;z-index:1500;background-color:#b7b7b7;width:80px;height:80px;border-radius:100px;display:flex;justify-content:center;align-items:center;border:5px #fff solid;color:#fff;font-size:30px}.grade-content .grade:nth-child(odd) span{right:-50px}.grade-content .grade:nth-child(even) span{left:-50px}.grade-content .grade label{position:absolute;font-size:16px;font-weight:700;top:36px;color:var(--light-text-color)}.grade-content .grade p{position:absolute;font-size:16px;color:var(--light-text-color);line-height:20px;font-weight:400}.grade-content .grade p strong{color:var(--secondary-color);display:block}.grade-content .grade:nth-child(odd) label{right:45px}.grade-content .grade:nth-child(even) label{left:45px}.grade-content .grade:nth-child(odd) p{right:-200px;top:25px}.grade-content .grade:nth-child(even) p{left:-185px;top:25px}.grade-beginner{position:relative}.grade-content .gbox .flag{width:80px;height:120px;background-size:contain;position:absolute;left:-220px;top:-120px}.grade-content .gbox .marker{width:80px;height:80px;background-size:contain;position:absolute;left:-100px;top:-90px;text-align:center}.grade-content .gbox .marker .marker-content{font-size:20px;font-weight:700;color:var(--light-text-color);margin-top:12px}.dashboard .dashbox{color:var(--default-text-color);position:relative;z-index:1;margin-top:20px;text-align:right}.dashboard .dashbox .dash-icon-slot{width:100px;height:100px;border-radius:100%;display:flex;justify-content:center;align-items:center;position:absolute;left:20px;top:-20px}.dashboard .dashbox svg{margin:0;color:#fff;font-size:40px}.dashboard .dashbox i{margin:0;color:#fff;font-size:30px}.dashboard .card{margin:15px 0}.dashboard .milestones{height:635px}.dashboard .card-header{background-color:#fff;font-size:18px}.dashboard .card .card-header .card-title{margin:0!important}.dashboard .card .card-header .card-right-content{text-align:right}.dashboard .card-header small{color:var(--light-text-color)}.dashboard .dashbox .card .card-body{padding:10px 20px}.dashboard .dashbox .card .card-footer{color:var(--secondary-color);font-weight:700}.dashboard .dashbox .card .card-footer span{color:var(--light-text-color);font-weight:400}.dashboard .dashbox h3{font-size:15px;margin-bottom:10px;color:var(--light-text-color)}.dashboard .dashbox p{font-size:30px;line-height:40px}.dashboard .dashbox .bg-success{background-color:#44dcbd!important}.dashboard .dashbox .bg-warning{background-color:#ffc26a!important}.dashboard .dashbox .bg-danger{background-color:#ff788d!important}.dashboard .course-card .card-header{border:1px #DFDFDF solid;border-bottom:0;margin-top:15px}.dashboard .course-card .card-header .card-title,.dashboard .course-card hr{margin-bottom:0}.dashboard .col-container{display:flex;flex-wrap:wrap;margin:0 0 30px;background-color:#fff;border:1px #DFDFDF solid;border-top:0;padding:15px}.dashboard .col-container .card{width:calc(50% - 16px);margin:10px 8px;background-color:#f2f2f2;border:0}.dashboard .col-container .card-header{padding:0;text-align:right;font-size:16px}.dashboard .col-container .card-header a{color:#ff788d!important;text-decoration:none}.dashboard .col-container .card-header a:hover{color:#ff4864!important}.dashboard .col-container .card-header svg{font-size:16px;margin:0}.dashboard .col-container .card-body{background-color:#f2f2f2;padding-top:10px}.dashboard .col-container .card h1{font-size:18px;color:var(--light-text-color)}.dashboard .col-container .card-image-content{width:100%;height:120px;overflow:hidden}.dashboard .col-container .card .card-footer{border:1px solid #DFDFDF;border-top:0;background-color:#f2f2f2;padding:10px 0}.dashboard .col-container .card .progress{margin:0 10px;height:8px;background-color:#fff;border:1px #DFDFDF solid}.dashboard .col-container .card hr{width:100%;margin:15px 0 20px}.dashboard .col-container .card p{font-weight:700;font-size:16px}.subscribe-notify{padding:2px 10px;margin-right:20px}.fixed-loader{position:fixed;z-index:10000;top:12px;left:17%;display:flex;align-items:center;color:#fff}.fixed-loader .ailoader{top:-10px}.fixed-loader span{margin:0 20px 0 0}.course-hub-menu li:nth-child(1){padding-left:0!important}.course-hub-menu li:nth-child(2){padding-left:0!important;background:none!important}.course-hub-menu .act{border-left:none!important}.course-hub-menu i{top:14px}.course-hub-menu .accordion-item{color:var(--default-text-color)!important}.course-hub-menu li{border-left:none!important}.course-hub-menu .custom-dot{background:#fff;width:15px;height:15px;border-radius:100px;border:2px solid var(--default-text-color)}.course-hub-menu .act .custom-dot{border-color:#00b050}.chbm{position:absolute;left:-19.6666666667%;top:35px;z-index:100}.course-hub-title{font-size:18px;padding-top:10px}.course-hub-title span{padding-left:10px}.course-hub-title .cline{margin:10px 0 15px}.contents{margin-top:60px!important}.contents .progress{margin-top:6px;height:10px}.contents .percent{text-align:right}.contents .progress-bar,.cms .progress-bar{background-color:var(--secondary-color)}.contents .content-title{font-size:18px;margin-bottom:10px}.cline{background:#D3D3D6;height:1px;width:100%;display:block;margin-bottom:30px}.contents .content-title span{color:var(--secondary-color)}.vdo-container{position:relative;display:block}.vdo-container iframe{border:0;height:500px;width:100%;top:0px}.contents .card h3{font-size:22px;font-weight:700}.contents .card{margin:20px 0}.contents p{margin:15px 0}.contents a{display:flex;align-items:center;vertical-align:middle;background-color:#fefefe;text-decoration:none;color:var(--default-text-color);height:40px;border-radius:8px;border:1px var(--secondary-color) solid;margin-bottom:15px;cursor:pointer}.contents a i{margin:0 10px 0 15px;font-size:20px}.contents a:hover{background-color:var(--secondary-color);color:#fff}.video-code{min-height:100px!important}.custom-label-margin{margin-left:15px;line-height:26px}@keyframes slideIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}0%{transform:translateY(1rem);opacity:0}}@-webkit-keyframes slideIn{0%{-webkit-transform:transform;-webkit-opacity:0}to{-webkit-transform:translateY(0);-webkit-opacity:1}}.slideIn{-webkit-animation-name:slideIn;animation-name:slideIn}.animate{animation-duration:.3s;-webkit-animation-duration:.3s;animation-fill-mode:both;-webkit-animation-fill-mode:both}.service-textarea textarea{height:150px!important}.gmap-textarea{min-height:150px!important}.nda-member-details ul li{list-style:none;line-height:30px}.nda-member-details .attachment-image{display:block;width:100%;height:200px;background-repeat:no-repeat;background-position:center center;background-size:cover;margin-top:10px}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/build/assets/material-symbols-outlined-080c80d2.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.page-loader{content:"";background:-moz-linear-gradient(-65deg,var(--primary-color),var(--secondary-color) 100%);background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,var(--primary-color)),color-stop(100%,var(--secondary-color)));background:-webkit-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:-o-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:-ms-linear-gradient(-65deg,var(--primary-color) 0,var(--secondary-color) 100%);background:linear-gradient(154deg,var(--primary-color) 0,var(--secondary-color) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--primary-color)",endColorstr="var(--secondary-color)",GradientType=1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000}.custom-page-loader{background:transparent;filter:none;position:static;width:300px;height:300px}.page-loader>.custom-preloader{display:flex;justify-content:center;align-items:center;height:100%}.page-loader>.custom-preloader>span{position:relative}.page-loader>.custom-preloader>span:before,.page-loader>.custom-preloader>span:after{content:"";position:relative;display:block}.page-loader>.custom-preloader>span:before{content:"";font-family:Material Symbols Outlined,sans-serif;font-style:normal;font-size:40px;font-weight:400;color:var(--secondary-color);display:flex;justify-content:center;align-items:center;animation:spinner 2.5s cubic-bezier(.75,0,.5,1) infinite normal;width:60px;height:60px;background-color:#fff;border-radius:5px}.page-loader span:after{animation:spinner-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;bottom:-30px;height:5px;border-radius:50%;background-color:#0003}@keyframes spinner{50%{border-radius:50%;background:#ffffff;transform:scale(.5) rotate(360deg)}to{background:#ffffff;transform:scale(1) rotate(720deg)}}@keyframes spinner-shadow{50%{transform:scale(.5);background-color:#0000001a}}.scene{width:100px;height:100px;perspective:400px}.cube{width:100px;height:100px;position:relative;transform-style:preserve-3d;transform:translateZ(-50px);transition:transform 1s;animation:spinCube 4s linear infinite}.cube__face{position:absolute;width:100px;height:100px;border:1px solid #6F6F6F;line-height:100px;font-size:40px;font-weight:700;color:#fff;text-align:center}.cube__face--front{background:hsla(0,0%,100%,.5);transform:rotateY(0) translateZ(50px)}.cube__face--right{background:hsla(0,0%,100%,.5);transform:rotateY(90deg) translateZ(50px)}.cube__face--back{background:hsla(0,0%,100%,.5);transform:rotateY(180deg) translateZ(50px)}.cube__face--left{background:hsla(0,0%,100%,.5);transform:rotateY(-90deg) translateZ(50px)}.cube__face--top{background:hsla(0,0%,100%,.5);transform:rotateX(90deg) translateZ(50px)}.cube__face--bottom{background:hsla(0,0%,100%,.5);transform:rotateX(-90deg) translateZ(50px)}@keyframes spinCube{0%{transform:translateZ(-100px) rotateX(0) rotateY(0)}to{transform:translateZ(-100px) rotateX(360deg) rotateY(360deg)}}#clouds{padding:100px 0;background:#c9dbe9;background:-webkit-linear-gradient(top,#c9dbe9 0%,#fff 100%);background:-linear-gradient(top,#c9dbe9 0%,#fff 100%);background:-moz-linear-gradient(top,#c9dbe9 0%,#fff 100%)}.cloud{width:200px;height:60px;background:#fff;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:relative}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;width:100px;height:80px;top:-15px;left:10px;border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:120px;height:120px;top:-55px;left:auto;right:15px}.x1{-webkit-animation:moveclouds 15s linear infinite;-moz-animation:moveclouds 15s linear infinite;-o-animation:moveclouds 15s linear infinite;animation:moveclouds 15s linear infinite}.x2{left:200px;-webkit-transform:scale(.6);-moz-transform:scale(.6);transform:scale(.6);opacity:.6;-webkit-animation:moveclouds 25s linear infinite;-moz-animation:moveclouds 25s linear infinite;-o-animation:moveclouds 25s linear infinite;animation:moveclouds 25s linear infinite}.x3{left:-250px;top:-200px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite;animation:moveclouds 20s linear infinite}.x4{left:470px;top:-250px;-webkit-transform:scale(.75);-moz-transform:scale(.75);transform:scale(.75);opacity:.75;-webkit-animation:moveclouds 18s linear infinite;-moz-animation:moveclouds 18s linear infinite;-o-animation:moveclouds 18s linear infinite;animation:moveclouds 18s linear infinite}.x5{left:-150px;top:-150px;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8);opacity:.8;-webkit-animation:moveclouds 20s linear infinite;-moz-animation:moveclouds 20s linear infinite;-o-animation:moveclouds 20s linear infinite;animation:moveclouds 20s linear infinite}@keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@-webkit-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@-moz-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}@-o-keyframes moveclouds{0%{margin-left:1000px}to{margin-left:-1000px}}