.rowBlock{ position:relative}
.flag{}
.maskRegionChooser{ position:absolute; left:0; top:40px;  border:solid #EDEEEF 1px; border-bottom:none; border-right:none; width:322px; z-index: 20; display: none}
.maskRegionChooser .item{ border-bottom: 1px solid #E6E6E6;display: block;line-height: 18px!important; padding: 5px 10px 5px 20px ; color: #4C4C4C; background: #fff; cursor: pointer; margin: 0 -5px 0  0 }
.maskRegionChooser .item.selected {background: #F7F7F7!important; color: #4C4C4C!important;  }
.maskRegionChooser .item:hover { background-color: #F7F7F7!important }

.itemFlag{ display:inline-block; width:30px; height:20px; background:url(flagsList.png) no-repeat; position: relative; left: -10px; top: 2px }
.maskRegionChooser .item .itemName{ display:inline-block; vertical-align: middle; position: relative; top: -4px}
.maskRegionChooser .item .itemCode{ display:inline-block; float: right; margin: 0 15px 0 0; vertical-align: middle; position: relative; top: 5px}

.rowBlock input[type='text'].styledInput.countryInput{}

.activeRegionIcon{ position:absolute; right:0; top:0; width:30px; height:20px;  background:url(flagsList.png) no-repeat; }
.activeRegionIconCover{position:absolute; left:10px; top:10px; width:0; height:20px; overflow: hidden}

.maskRegionChooser{ max-height: 144px}
.regionKZ{background-position: 0 0}
.regionRU{background-position: 0 -20px}
.regionUS{background-position: 0 -40px}
.regionIN{background-position: 0 -60px}
.regionUA{background-position: 0 -80px}
.regionDE{background-position: 0 -100px}
.regionGB{background-position: 0 -120px}
.regionBY{background-position: 0 -140px}
.regionKG{background-position: 0 -160px}
.regionCN{background-position: 0 -220px}
.regionUZ{background-position: 0 -240px}
.regionAE{background-position: 0 -280px}
.regionAM{background-position: 0 -340px}
.regionGE{background-position: 0 -440px}
.regionMD{background-position: 0 -460px}
.regionAZ{background-position: 0 -480px}
.regionTJ{background-position: 0 -500px}
.regionLV{background-position: 0 -520px}
.regionEE{background-position: 0 -540px}
.regionLT{background-position: 0 -560px}

input.countryInput {
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}

input.countryInput:focus {
    padding-left: 50px;
}
input.countryInput + .activeRegionIconCover {
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
input.countryInput:focus + .activeRegionIconCover {
    width: 30px;
}