.popup_choose_language { @include box-shadow(0, 0, 10px, #313E47); @include border-radius(3px); width: 650px; .popup_close { background: url(/assets/order_form/close_silver.png) no-repeat; background-size: 11px; display: block; width: 11px; height: 11px; position: absolute; top: -13px; right: -13px; z-index: 1; } .popup_title { text-align: center; padding: 15px 0; position: relative; &:before { background: url(/assets/order_form/flag_silver.png) 20px top no-repeat; background-size: 20px; content: ''; width: 46px; height: 20px; border-bottom: #B6C7DD 1px solid; position: absolute; top: 35px; left: 30px; } h2 { border-bottom: #B6C7DD 1px solid; color: #434962; font-size: 24px; display: inline-block; font-family: 'Montserrat', sans-serif; padding: 0 40px 11px 40px; } } .button { @include button-cabinet('medium', 'lime'); width: 240px; margin: 15px auto 20px; } } .choose_language_content { border-bottom: #B6C7DD 1px solid; margin: 0 4.25%; display: inline-block; width: 91.5%; margin-top: 2px; } .choose_language_list { float: left; width: 143px; } .choose_language_item { @include border-radius(3px); position: relative; margin: 0 5px 8px 0; padding: 2px; display: inline-block; vertical-align: top; width: 100%; &:nth-child { } &.active { background-color: #CBEFE1; &:before { @include border-radius(100%); border: #fff 3px solid; background: #40C879 url(/assets/order_form/check.png) center center no-repeat; background-size: 10px; content: ''; display: block; width: 17px; height: 17px; position: absolute; top: -10px; left: -10px; } .choose_language_item_title { > span { img { border-color: #40C879; } } } } .checker { position: absolute; width: 100%; height: 100%; span { background: none; width: 100%; height: 100%; &.checked { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } input[type="checkbox"] { width: 100%; height: 100%; cursor: pointer; padding: 0 !important; } } } } .choose_language_item_title { > span { display: inline-block; vertical-align: middle; margin-right: 7px; img { @include border-radius(3px); border: #D6D6D6 2px solid; } } p { color: #434962; display: inline-block; vertical-align: middle; word-wrap: break-word; word-break: break-word; font-size: 14px; line-height: 14px; max-width: 63%; } } .choose_language_select { margin: 20px 0; label { color: #424862; font-size: 18px; font-weight: 400; line-height: 22px; display: block; margin-bottom: 10px; } .select2-container { min-width: 50%; max-width: 50%; } }