body {background: #f6f6f6}

.main-wrapper {background: #f6f6f6}

.icsl-container {width: 450px; margin: 0 auto; padding-top: 20px}

.icsl-container > .head {margin-bottom: 25px}
.icsl-container > .head > .selectlanguage {color: #999999; padding-bottom: 10px}
.icsl-container > .head > .holder {margin-bottom: 30px; text-align: center;}
.icsl-container > .head > .holder > .logo {display: inline-block; vertical-align: middle; position: relative; font-size: 28px; line-height: 32px; font-weight: 600; color: #222; cursor: default;}

.icsl-container > .head > .languages {display: flex; flex-flow: row nowrap; align-items: center;}
.icsl-container > .head > .languages > .selection {width: 200px}
.icsl-container > .head > .languages > .option {flex: 1 1 0; margin: 0 3px; padding: 11px 0; font-size: 16px; line-height: 18px; color: #888; font-weight: bold; text-align: center; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; transition: all 0.15s ease-out}
.icsl-container > .head > .languages > .option:first-child {margin-left: 0;}
.icsl-container > .head > .languages > .option:last-child {margin-right: 0;}
.icsl-container > .head > .languages > .option:hover {border-color: #bbb; color: #555;}
.icsl-container > .head > .languages > .option.selected {border-color: #2460cd; color: #444;}

.icsl-container > .search {display: block}
.icsl-container > .search > .row {position: relative; flex-flow: row nowrap; align-items: center; margin: 0 0 25px 0; display: block}
.icsl-container > .search > .row > .cell {flex: 1 1 auto; width: 100%; margin-top: 20px}
.icsl-container > .search > .row > .cell > .row-text {margin-bottom: 10px; color: #999999}
.icsl-container > .search > .row > .cell:first-child {margin-left: 0;}
.icsl-container > .search > .row > .cell:last-child {margin-right: 0;}
.icsl-container > .search > .row > .cell.pin-code {flex: 0 0 auto;}
.icsl-container > .search > .row .im-input {line-height: 42px; font-size: 16px; border-radius: 5px; padding: 15px 15px; height: 50px; text-transform: uppercase;}
.icsl-container > .search > .im-button {border-radius: 5px; background: #205ecf; margin-bottom: 15px}

.icsl-container > .search > .support {text-align: center; height: 110px; width: 100%; display: block; border-radius: 5px; border: 1px solid #dadada}
.icsl-container > .search > .support > .text {display: block; margin: 0 0 2px 0; font-size: 13px; line-height: 18px;}
.icsl-container > .search > .support > .custom {padding-bottom: 10px; border-bottom: 1px solid #DADADA; position: relative; margin: 13px 15px 0 15px; display: flex; justify-content: flex-start}
.icsl-container > .search > .support > .custom > .custom-supp {margin-top: 3px; margin-left: 10px}
.icsl-container > .search > .support > .contacts {text-align: left; display: flex; flex-direction: column}
.icsl-container > .search > .support > .contacts > .inner-contacts {margin: 5px 15px; display: flex}
.icsl-container > .search > .support > .contacts > .inner-contacts > .text1 {margin-left: 10px; margin-top: 3px}
.icsl-container > .search > .support > .contacts > a {display: inline-block; vertical-align: middle; padding: 0 5px; font-size: 13px; line-height: 15px; color: #305fd2; font-weight: 600; transition: all 0.1s ease-out;}
.icsl-container > .search > .support > .contacts > a:hover {color: #2552c1; text-decoration: underline;}

@media all and  (max-width: 800px) {
    .icsl-container {padding-top: 20px;}
}

@media all and  (max-width: 600px) {
    .icsl-container {width: 100%; padding: 20px 15px 0 15px;}
    .icsl-container > .search {margin-bottom: 20px;}
}

@media all and  (max-width: 500px) {
    .icsl-container {width: 100%; padding: 20px 15px 0 15px;}
    .icsl-container > .head > .holder > .logo > img {width: 270px;}
}

@media all and  (max-width: 350px) {
    .icsl-container > .head > .holder > .logo > img {width: 100%;}
}

@media all and (max-width: 250px) {
    .icsl-container > .logo {display: block; padding-left: 25px; padding-right: 25px;}
    .icsl-container > .logo > img {width: 100%;}
}