body, html{
position: relative;
height: 100%;
}
#root{
overflow: hidden;
}
.hdr-logo{
display: table;
line-height: 0;
transition: opacity .2s ease;
}
.hdr-logo:hover{
opacity: .7;
}
section.js-view-checker .section-title{
transition: transform .5s ease .1s, opacity .5s linear .1s;
}
section.js-view-checker:not(.is-inview) .section-title{
opacity: 0;
transform: translateX(-20px);
}
section.js-view-checker .section-in-brief{
transition: transform .5s ease .2s, opacity .5s linear .2s;
}
section.js-view-checker:not(.is-inview) .section-in-brief{
opacity: 0;
transform: translateX(20px);
}
section.js-view-checker .animate-y{
transition: transform .5s ease .3s, opacity .5s linear .3s;
}
section.js-view-checker:not(.is-inview) .animate-y{
opacity: 0;
transform: translateY(40px);
}
footer.js-view-checker{
transition: transform .5s ease .1s, opacity .5s linear .1s;
}
footer.js-view-checker:not(.is-inview){
opacity: 0;
transform: translateY(100%);
}
.practice-section .img-box{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.practice-section .img-box img{
margin-left: auto;
margin-right: auto;
}
.agility-section .grid-box .item{
padding-top: 24px;
}
.agility-section .grid-box .img-box{
height: 210px;
width: 100%;
max-width: 380px;
padding: 0 1.5rem;
}
.agility-section .grid-box .img-box img{
max-height: 100%;
max-width: 282px;
margin: 0 auto;
}
.build-it-section h2 span{
line-height: 1.2em;
}
.alpha-cohort-section h2{
}
.accr-dropdown{
display: none;
}
.accordion .opened .vertical{
display: none;
}
.tabs-box .hidden-tab{
display: none;
}
.your-practice-section .text-grid{
max-width: 960px;
}
footer .copy{
order: 1;
}
footer .sub-links{
order: 2;
}
/*Inner pages*/
.inner-page .header{
margin-bottom: 72px;
}
.inner-page .header .flex{
justify-content: space-between;
}
.page-description{
position: relative;
display: flex;
flex-direction: column;
gap: 40px;
font-size: 18px;
line-height: 1.3em;
color: rgba(0, 0, 0, .6);
}
.page-description h1{
color: #000;
}
.page-description p{
max-width: 540px;
}
.btns-grid{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 12px;
}
button{
}
.submit-btn{
position: relative;
z-index: 4;
display: table;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1.2em;
color: #fff;
text-align: center;
text-decoration: none;
text-indent: 0;
padding: 12px 30px;
margin: 20px 0 0;
background: #1557E3;
border: none;
border-radius: 8px;
cursor: pointer;
outline: none !important;
transition: background .2s ease;
}
.submit-btn:not(:active):hover{
background: #42BFDD;
}
.submit-btn:active{
background: #BBE6E4;
}
.full-width{
width: 100%;
}
/*Form styles*/
.form-box{
padding: 20px;
margin: 32px auto 0;
max-width: 480px;
background: rgba(187, 230, 228, .1);
border: 1px solid #BBE6E4;
border-radius: 20px;
}
.form-box > *:first-child, .hide-submit-form > *:first-child{
margin-top: 0;
}
.form-box > *:last-child, .hide-submit-form > *:last-child{
margin-bottom: 0;
}
.form{
position: relative;
}
.form .field{
position: relative;
margin: 0 0 20px;
}
.field-name{
display: block;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 1.2em;
color: #545454;
margin: 0 0 10px;
}
.filled .field-name{
}
.error-field .field-name{
}
.required .field-name:after{
content: '*';
}
.form-control{
position: relative;
z-index: 1;
display: block;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.2em;
color: #999;
height: 40px;
width: 100%;
padding: 0 12px;
background: rgba(187, 187, 187, .15);
border: 1px solid rgba(136, 136, 136, .1);
border-radius: 10px;
-webkit-appearance: none;
appearance: none;
outline: none !important;
}
textarea.form-control{
line-height: 1.3em;
min-height: 100px;
max-width: 100%;
min-width: 100%;
padding-top: 12px;
overflow: hidden;
}
.no-touchevents .field:not(.error-field) .form-control:not(:focus):hover{
}
.form-control:focus, .filled .form-control{
border-color: rgba(136, 136, 136, .3);
}
.error-field .form-control{
border-color: #ea3224;
}
.error-field .form-control:focus{
color: #999;
border-color: #ea3224;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
color: #999;
opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder{
color: #999;
opacity: 1;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
color: #999;
opacity: 1;
}
.field-error{
display: block;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.2em;
color: #ea3224;
margin: 2px 0 0;
}
.form-text{
display: block;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.2em;
color: #545454;
margin: 20px 0 11px;
}
/*Radio and Checkboxes*/
.checkbox-item, .radio-item{
position: relative;
line-height: 0;
margin: 20px 0;
}
.radio-item + .radio-item{
margin-top: -10px;
}
.checkbox-item input[type="checkbox"], .radio-item input[type="radio"]{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 1px;
height: 1px;
opacity: 0;
}
.checkbox-item input[type="checkbox"] + label, .radio-item input[type="radio"] + label{
position: relative;
display: inline-block;
vertical-align: top;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 1.2em;
color: #545454;
padding-left: 26px;
cursor: pointer;
}
.checkbox-item input[type="checkbox"]:disabled + label{
cursor: default;
pointer-events: none;
opacity: .5;
}
.checkbox-item input[type="checkbox"] + label:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background: rgba(187, 187, 187, .15);
border: 1px solid rgba(136, 136, 136, .1);
border-radius: 4px;
transition: background-color .2s ease;
}
.checkbox-item input[type="checkbox"]:not(:disabled) + label:hover:before{
border-color: rgba(136, 136, 136, .3);
}
.checkbox-item input[type="checkbox"]:disabled + label:before{
opacity: .5;
}
.checkbox-item input[type="checkbox"]:checked + label:before{
background: #0099ff url("../i/checked-icon.svg") no-repeat 2px 3px/11px auto;
}
.no-touchevents .checkbox-item input[type="checkbox"]:checked:not(:disabled) + label:hover:before, .checkbox-item input[type="checkbox"]:not(:disabled):focus + label:before{
}
.checkbox-item input[type="checkbox"]:checked:not(:disabled) + label{
cursor: pointer;
}
.radio-item input[type="radio"] + label{
font-size: 14px;
line-height: 18px;
color: #4A5A70;
padding-left: 26px;
}
.radio-item input[type="radio"] + label:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
background: rgba(187, 187, 187, .15);
border: 1px solid rgba(136, 136, 136, .1);
border-radius: 110%;
}
.touchevents .radio-item input[type="radio"] + label:before{
top: 0;
}
.radio-item input[type="radio"]:checked + label{
cursor: default;
}
.radio-item input[type="radio"]:checked + label:before{
background: #0099ff;
border-color: #0099ff;
}
.radio-item input[type="radio"]:not(:disabled):not(:checked) + label:hover:before{
border-color: rgba(136, 136, 136, .3);
}
.radio-item input[type="radio"]:not(:disabled):focus + label{
}
.radio-item input[type="radio"]:checked + label:after{
content: '';
position: absolute;
left: 5px;
top: 5px;
width: 6px;
height: 6px;
background: #fff;
border-radius: 110%;
}
.touchevents .radio-item input[type="radio"]:checked + label:after{
top: 4px;
}
.radio-item input[type="radio"]:disabled + label{
color: #E2E2E2;
cursor: default;
}
.radio-item input[type="radio"]:disabled + label:before{
background: transparent;
border-color: #E2E2E2;
}
.radio-item input[type="radio"]:disabled + label:after{
background: #E2E2E2;
}
.inline-radios{
display: flex;
flex-wrap: wrap;
gap: 12px 16px;
margin: 16px 0;
}
p + .inline-radios{
margin-top: 6px;
}
.inline-radios .radio-item{
margin: 0;
}
.btn{
position: relative;
z-index: 10;
display: table;
border-radius: 120px;
transition: all .2s ease;
}
.btn.gradient{
top: 2px;
}
.btn:hover{
background: #000;
}
.btn.gradient:hover{
opacity: .9;
}
.btn .arrow *{
transition: all .2s ease;
}
.btn:hover .arrow .stroke{
stroke: #fff;
}
.btn .btn-styles{
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
line-height: 1.2em;
font-weight: 500;
color: #000;
padding: 12px 24px 12px 24px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 120px;
transition: all .2s ease;
}
.btn:hover .btn-styles{
color: #fff;
}
.btn.gradient .btn-styles{
position: relative;
color: #fff;
padding: 11px 24px 11px 24px;
border: none;
background: linear-gradient(265deg, #BBE6E4 -18.17%, #42BFDD 48.63%, #1557E3 115.42%);
}
.btn.gradient:before{
content: '';
position: absolute;
z-index: -1;
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
border-radius: 120px;
background: linear-gradient(265deg, #BBE6E4 -18.17%, #42BFDD 48.63%, #1557E3 115.42%);
opacity: .5;
}
.cntr-text{
text-align: center;
}
.inner-section{
margin: 160px 0;
}
.inner-section .section-title{
margin-bottom: 48px;
}
.section-intro{
max-width: 620px;
margin: 0 auto;
}
.section-title + .section-intro{
margin-top: -10px;
}
.section-intro p{
font-size: 16px;
line-height: 1.3em;
color: rgba(0, 0, 0, .6);
margin: 24px 0;
}
.roadmap-grid{
display: flex;
flex-wrap: wrap;
gap: 28px;
}
.roadmap-grid .item{
font-size: 18px;
line-height: 1.3em;
color: rgba(0, 0, 0, .6);
width: calc(25% - 21px);
padding: 60px 24px 24px;
border: 1px solid #e5e5e5;
border-radius: 16px;
}
.roadmap-grid .label{
display: block;
font-size: 14px;
margin: 0 0 12px;
}
.roadmap-grid h3{
color: #000;
margin: 0 0 12px;
}
.roadmap-grid p{
margin: 0;
}
.title-text-grid{
display: flex;
gap: 64px;
justify-content: space-between;
}
.title-text-grid .title-box{
width: 38.88888888888889%;
}
.title-text-grid .text-box{
flex: 1;
font-size: 18px;
line-height: 1.3em;
color: rgba(0, 0, 0, .6);
max-width: 600px;
}
.title-text-grid p{
margin: 24px 0;
}
.title-text-grid .text-box > *:first-child{
margin-top: 0;
}
.title-text-grid .text-box > *:last-child{
margin-bottom: 0;
}
.title-text-grid ul li{
padding-left: 24px;
margin: 0 0 2px;
background: url("../i/list-bullet.svg") no-repeat 0 11px/4px auto;
}
.title-text-grid ul li:last-child{
margin-bottom: 0;
}
.inner-section .tabs-box .tab{
border: 1px solid #e5e5e5;
border-radius: 1rem;
}
.inner-section .tabs-box .text-sm{
font-size: 18px;
line-height: 1.3em;
}
.inner-section .tabs-box .title-grid{
display: flex;
justify-content: space-between;
}
.tabs-box .js-close-tab{
cursor: pointer;
transform: rotate(45deg);
}
.tabs-box .js-close-tab:hover{
opacity: .7;
}
.inner-page footer{
padding-top: 0 !important;
}
.static-content{
font-family: "DM Sans", -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.3em;
color: rgba(0, 0, 0, .6);
margin-bottom: 160px;
}
.static-content a{
color: #1557E3;
}
.static-content a:hover{
text-decoration: underline;
}
.static-content p{
margin: 24px 0;
}
.static-content h2{
font-family: "Hedvig Letters Serif", Georgia, serif;
font-weight: 400;
font-size: 24px;
line-height: 1.3em;
color: rgb(2, 8, 23);
margin: 40px 0 24px;
}
.static-content ul{
margin: 24px 0;
}
.static-content ul.negative-indent{
margin-top: -20px;
}
.static-content ul li{
padding-left: 24px;
margin: 0 0 2px;
background: url("../i/list-bullet.svg") no-repeat 0 9px/4px auto;
}
html.error-page .header{
margin-bottom: 0;
}
.error-page-box{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: clamp(24px, calc(17.28px + 1.6vw), 48px);
padding: clamp(40px, calc(28.8px + 2.667vw), 80px) 0 clamp(72px, calc(64.16px + 1.867vw), 100px);
min-height: calc(100vh - 224px);
}
.error-page-box .num{
display: block;
font-weight: 400;
font-family: "Hedvig Letters Serif", "Hedvig Letters Serif Placeholder", serif;
font-size: clamp(160px, calc(137.6px + 5.333vw), 240px);
letter-spacing: -0.02em;
line-height: 1em;
background-image: linear-gradient(90deg, #1557E3, #42BFDD, #BBE6E4);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 1180px){
.roadmap-grid .item{
padding-top: 40px;
width: calc(50% - 14px);
}
}
@media (min-width: 1024px){
.header .max-w{
max-width: 1080px;
}
.main-screen .cntr-box{
display: flex;
gap: 48px;
}
.main-screen .text-box{
justify-content: flex-start;
max-width: 640px;
padding-right: 0;
}
.your-practice-section.js-view-checker:not(.is-inview) .section-title{
transform: translateY(20px);
}
.your-practice-section.js-view-checker:not(.is-inview) .section-in-brief{
transform: translateY(20px);
}
.engine-section .img-box{
max-width: 50%;
}
.engine-section .img-box img{
height: auto;
max-width: 100%;
}
}
@media screen and (max-width: 1240px) and (min-width: 1024px){
.main-screen h1{
font-size: clamp(48px, calc(-27.852px + 7.407vw), 64px);
}
.main-screen .img-box{
max-width: 40%;
}
.main-screen .text-box{
max-width: 50%;
}
}
@media screen and (max-width: 1023px){
.main-screen h1, .page-description h1{
font-size: clamp(44px, calc(30.07px + 3.317vw), 64px);
}
.main-screen h1 br{
display: none;
}
.main-screen .cntr-box{
padding-bottom: 40px;
}
.main-screen .text-box{
padding-bottom: 48px;
}
.main-screen .gap-10{
gap: 24px;
}
.main-screen .img-box{
height: auto;
width: 480px;
padding-left: 1rem;
padding-right: 1rem;
max-width: 100%;
}
.main-screen .img-box img{
position: relative;
left: 0;
top: 0;
width: 100%;
transform: none;
margin: 0;
}
section.js-view-checker:not(.is-inview) .section-title{
transform: translateY(20px);
}
section.js-view-checker:not(.is-inview) .section-in-brief{
transform: translateY(20px);
}
section.gap-\[60px\]{
gap: 48px;
}
section.rounded-\[60px\]{
border-radius: 48px;
}
section.py-\[60px\]{
padding-top: 90px;
padding-bottom: 90px;
}
section.py-\[60px\].bg-white{
padding-top: 72px;
}
.practice-section .min-h-\[240px\]{
min-height: 0;
}
.practice-section .img-box{
width: 100%;
padding: 32px 1.5rem 10px;
}
.practice-section .img-box img{
margin: 0 auto !important;
}
.practice-section .invert-mob{
padding: 16px 4px 4px;
background: linear-gradient(265deg, #BBE6E4 35.14%, #42BFDD 115.42%);
}
.practice-section .items-center{
align-items: flex-start;
}
.practice-section .invert-mob .title-box{
order: 2;
}
.practice-section .invert-mob img{
order: 1;
}
.agility-section .grid-box .text-box{
width: 100%;
}
.agility-section .grid-box .img-box{
height: auto;
width: 100%;
max-width: 380px;
margin: 0 auto;
padding: 0 1.5rem;
}
.engine-section .img-box{
max-width: 100%;
width: 480px;
margin: 0 auto;
}
.your-practice-section .text-grid .pb-10{
padding-bottom: 24px;
}
footer{
border-top-left-radius: 48px !important;
border-top-right-radius: 48px !important;
}
.page-description{
gap: clamp(24px, calc(9.856px + 2.947vw), 40px);
}
.inner-section{
margin: 120px 0;
}
.static-content{
margin-bottom: 120px;
}
.inner-section .section-title{
margin-bottom: 40px;
}
.roadmap-grid .item{
width: 100%;
}
.title-text-grid .title-box{
width: 34%;
}
.alpha-cohort-section .section-title{
max-width: 320px;
margin-left: auto;
margin-right: auto;
}
.alpha-cohort-section .section-intro{
max-width: 400px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px){
.your-practice-section .text-box{
width: 100%;
text-align: left;
align-items: flex-start;
}
.build-it-section .px-8{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
section.alpha-cohort-section.py-\[60px\]{
padding-top: 0;
}
footer.js-view-checker:not(.is-inview){
opacity: 1;
transform: none;
}
.page-description{
font-size: 16px;
}
.inner-section{
margin: 120px 0;
}
.section-intro p{
font-size: 16px;
}
.roadmap-grid .item{
font-size: 16px;
}
.title-text-grid{
flex-direction: column;
gap: 0;
}
.title-text-grid .title-box{
width: 100%;
}
.title-text-grid .text-box{
font-size: 16px;
max-width: none;
margin-top: -10px;
}
.inner-section .tabs-box .text-sm{
font-size: 16px;
}
}
@media screen and (max-width: 480px){
section.rounded-\[60px\]{
border-radius: 32px;
}
section.gap-\[60px\]{
gap: 40px;
}
footer{
border-top-left-radius: 32px !important;
border-top-right-radius: 32px !important;
}
.section-intro p{
margin: 20px 0;
}
.inner-page .header{
margin-bottom: 48px;
}
.inner-section{
margin: 80px 0;
}
.static-content{
margin-bottom: 80px;
}
.inner-section .section-title{
margin-bottom: 32px;
}
.roadmap-grid .item{
padding-top: 24px;
}
.title-text-grid p{
margin: 20px 0;
}
.alpha-cohort-section .section-title{
max-width: none;
text-align: left;
}
}
@media screen and (max-width: 420px){
section.py-\[60px\]{
padding-top: 72px;
padding-bottom: 72px;
}
section.bg-white + section.py-\[60px\], section.bg-white + .mx-auto section.py-\[60px\]:first-child{
padding-top: 64px;
}
section.py-\[60px\].bg-white{
padding-top: 54px;
}
.main-screen .text-box{
padding-bottom: 40px;
}
button.px-6{
padding-left: 24px;
padding-right: 24px;
}
.practice-section .img-box{
padding: 32px 1.5rem 0;
}
.agility-section .grid-box .img-box img{
max-width: 100%;
}
.your-practice-section .text-grid .pb-10{
padding-bottom: 20px;
}
.engine-section .leading-none{
line-height: 1.2em;
}
footer{
padding: 64px 1.5rem 48px !important;
}
footer .ftr-grid{
display: block;
}
footer .sub-links{
justify-content: center;
}
footer .copy{
display: block;
text-align: center;
margin-top: 32px;
}
/*Inner pages*/
.page-description .btns-grid{
flex-direction: column;
align-items: center;
}
}
.select-box{
position: relative;
z-index: 11;
}
.select2-container{
display: block;
margin: 0;
}
.select + .select2-container{
width: 100% !important;
}
.select2-container .select2-selection--single{
cursor: pointer;
display: block;
height: 40px;
background: rgba(187, 187, 187, .15);;
border: 1px solid rgba(136, 136, 136, .1);
border-radius: 10px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container.select2-container--open{
z-index: 10000;
}
.select2-container.select2-container--open .select2-selection--single, .filled .select2-container .select2-selection--single, .select2-container.select2-container--focus .select2-selection--single{
border-color: rgba(136, 136, 136, .3);
}
.error-field .select2-container .select2-selection--single{
border-color: #E89C24;
}
.select2-container .select2-selection--single .select2-selection__rendered{
display: block;
font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: #999;
padding: 0 48px 0 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear{
position: relative;
}
.select2-container .select2-selection--multiple{
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 50px;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
display: block;
overflow: hidden;
padding-left: 15px;
/*text-overflow: ellipsis;
white-space: nowrap;*/
}
.select2-container .select2-search--inline{
float: left;
width: 100%;
padding: 0;
margin: 0;
background: none;
}
.select2-container li + .select2-search--inline{
width: auto;
}
.select2-container .select2-search--inline .select2-search__field{
border: none;
font-size: 100%;
margin: 0;
padding: 7px 0 0 8px;
height: 41px;
line-height: 41px;
max-width: 100%;
width: 100% !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.select2-container li + .select2-search--inline .select2-search__field{
height: 34px;
line-height: 0;
width: 1px !important;
padding: 0;
margin: 7px 0 0 -1px;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
-webkit-appearance: none;
}
.select2-container--focus.select2-container--default .select2-selection--multiple .select2-search__field{
/*background: url("../i/cross.svg") no-repeat calc(100% - 13px) 50%/20px auto;*/
}
.select2-dropdown{
display: block;
position: absolute;
z-index: 10000;
width: 100%;
margin: 1px 0 0;
overflow: hidden;
background: #eff2f2;
border-radius: 10px;
overflow: hidden;
border-color: rgba(136, 136, 136, .3);
}
.select2-dropdown--above.select2-dropdown{
margin: -7px 0 0;
}
.select2-results{
display: block;
}
.select2-results__options{
list-style: none;
margin: 0;
padding: 0;
max-width: none;
}
.select2-results__option{
font-family: 'Inter';
font-size: 14px;
line-height: 1.3em;
color: #999;
padding: 12px 12px;
margin: 0;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
cursor: pointer;
transition: background .2s ease, color .2s ease;
}
.select2-results__option:last-child{
border: none;
}
.select2-search--dropdown{
display: block;
padding: 4px 14px;
margin: 6px 0;
}
.select2-search--dropdown .select2-search__field{
height: 32px;
padding: 4px 34px 4px 14px;
width: 100%;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide{
display: none;
}
.select2-close-mask{
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible{
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 48px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
position: absolute;
top: 18px;
right: 16px;
width: 12px;
height: 7px;
background: url("../i/select-arrow.svg") no-repeat 50% 50%/12px auto;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
transform: scaleY(-1);
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single{
color: #35A3A7;
background: #f9fbfd;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
display: none;
}
.select2-container--default .select2-selection--multiple{
padding-right: 48px;
border: 1px solid #c4c5c7;
cursor: text;
}
.select2-container--open.select2-container--default .select2-selection--multiple{
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
list-style: none;
margin: 0;
padding: 0 0 7px 7px;
width: 100%;
min-height: 48px;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-selection__placeholder{
position: relative;
text-overflow: ellipsis;
color: rgba(81, 89, 107, .5);
margin: 0;
float: left;
width: 100%;
white-space: nowrap;
overflow: hidden;
transition: color .2s ease;
}
.select2-container--open .select2-selection__placeholder{
}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
position: relative;
font-size: 15px;
line-height: 1.2em;
color: #fff;
background: #248EF6;
cursor: default;
float: left;
padding: 8px 29px 8px 11px;
margin: 7px 7px 0 0;
max-width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
cursor: pointer;
position: absolute;
text-indent: -10000px;
top: 50%;
width: 12px;
height: 12px;
right: 9px;
margin: -6px 0 0;
text-align: center;
background: url("../i/multiple-cross.svg") no-repeat 0 0/100% auto;
transition: opacity .2s ease;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
opacity: .7;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{
float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
border: 1px solid #fff;
}
.select2-container--default .select2-search--inline .select2-search__field{
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options{
max-height: 169px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group]{
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true]{
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true]{
color: #fff;
background: #d0d2d2;
cursor: default;
}
.select2-results__option:not([aria-selected=true]):hover{
background: rgba(208, 210,210, .3);
}
.select2-results__option--highlighted{
background: #d0d2d2;
}
.select2-container--default .select2-results__option .select2-results__option{
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__group{
cursor: default;
display: block;
padding: 6px;
}