.flagstrap {
    display: inline-block;
    position: relative;
    width: 100%;
}

.flagstrap-icon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../images/flags.png) no-repeat
}

.custom_select_wrapper {position: relative;user-select: none;width: 100%;}
.custom_select {position: relative;display: flex;flex-direction: column;}
.custom_select_trigger {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 0 58px 0 19px;font-size: 14px;font-weight: 400;
    color: #34353e;height: 35px;line-height: 40px;cursor: pointer;}
.custom_select_trigger:before{content: '';background: #d7f0f8;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transform: skew(-22deg,0);z-index: -1;}
.custom_select_trigger:after {content: "";position: absolute;right: 28px;top: 9px;background: url(../images/icon_angle_down_grad.png) no-repeat;width: 16px;height: 16px;
    transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;}
.open .custom_select_trigger:after {transform: rotate(180deg);}
.custom_options {position: absolute;display: block;top: 100%;left: 0;right: 8px;
    background: #ffffff;transition: all 0.5s;opacity: 0;visibility: hidden;pointer-events: none;z-index: 2;border-radius: 0px;text-align: left;}
.custom_select.open .custom_options {opacity: 1;visibility: visible;pointer-events: all;}
.custom_option {position: relative;display: block;padding: 0 22px 0 22px;font-size: 14px;font-weight: 400;color: #34353e;line-height: 40px;cursor: pointer;
    transition: all 0.5s;}
.custom_option.selected {background-color: #d7f0f8;}
.custom_select_trigger span > img,.custom_options span > img{margin: 0 7px 0 0;}
span.custom_country:before{content: '';display: inline-block;width: 16px;height: 11px;
    background: url(../images/flags.png) no-repeat
}



span.custom_country[data-country="ad"]:before{background-position: -16px 0}
span.custom_country[data-country="ae"]:before {background-position: -32px 0}
span.custom_country[data-country="af"]:before {background-position: -48px 0}

span.custom_country[data-country="ag"]:before {
    background-position: -64px 0
}

span.custom_country[data-country="ai"]:before {
    background-position: -80px 0
}

span.custom_country[data-country="al"]:before {
    background-position: -96px 0
}

span.custom_country[data-country="am"]:before {
    background-position: -112px 0
}

.custom_select_trigger span[data-country="an"]:before {
    background-position: -128px 0
}

.custom_select_trigger span[data-country="ao"]:before {
    background-position: -144px 0
}

.custom_select_trigger span[data-country="ar"]:before {
    background-position: -160px 0
}

span.custom_country[data-country="as"]:before {
    background-position: -176px 0
}

.custom_select_trigger span[data-country="at"]:before {
    background-position: -192px 0
}

span.custom_country[data-country="au"]:before {
    background-position: -208px 0
}

.custom_select_trigger span[data-country="aw"]:before {
    background-position: -224px 0
}

.custom_select_trigger span[data-country="az"]:before {
    background-position: -240px 0
}

.custom_select_trigger span[data-country="ba"]:before {
    background-position: 0 -11px
}

.custom_select_trigger span[data-country="bb"]:before {
    background-position: -16px -11px
}

.custom_select_trigger span[data-country="bd"]:before {
    background-position: -32px -11px
}

.custom_select_trigger span[data-country="be"]:before {
    background-position: -48px -11px
}

.custom_select_trigger span[data-country="bf"]:before {
    background-position: -64px -11px
}

.custom_select_trigger span[data-country="bg"]:before {
    background-position: -80px -11px
}

.custom_select_trigger span[data-country="bh"]:before {
    background-position: -96px -11px
}

.custom_select_trigger span[data-country="bi"]:before {
    background-position: -112px -11px
}

.custom_select_trigger span[data-country="bj"]:before {
    background-position: -128px -11px
}

.custom_select_trigger span[data-country="bm"]:before {
    background-position: -144px -11px
}

.custom_select_trigger span[data-country="bn"]:before {
    background-position: -160px -11px
}

.custom_select_trigger span[data-country="bo"]:before {
    background-position: -176px -11px
}

.custom_select_trigger span[data-country="br"]:before {
    background-position: -192px -11px
}

.custom_select_trigger span[data-country="bs"]:before {
    background-position: -208px -11px
}

.custom_select_trigger span[data-country="bt"]:before {
    background-position: -224px -11px
}

.custom_select_trigger span[data-country="bv"]:before {
    background-position: -240px -11px
}

.custom_select_trigger span[data-country="bw"]:before {
    background-position: 0 -22px
}

.custom_select_trigger span[data-country="by"]:before {
    background-position: -16px -22px
}

.custom_select_trigger span[data-country="bz"]:before {
    background-position: -32px -22px
}

.custom_select_trigger span[data-country="ca"]:before {
    background-position: -48px -22px
}

.custom_select_trigger span[data-country="catalonia"]:before{
    background-position: -64px -22px
}

.custom_select_trigger span[data-country="cd"]:before {
    background-position: -80px -22px
}

.custom_select_trigger span[data-country="cf"]:before {
    background-position: -96px -22px
}

.custom_select_trigger span[data-country="cg"]:before {
    background-position: -112px -22px
}

.custom_select_trigger span[data-country="ch"]:before {
    background-position: -128px -22px
}

.custom_select_trigger span[data-country="ag"]:beforeci {
    background-position: -144px -22px
}

.custom_select_trigger span[data-country="ag"]:beforeck {
    background-position: -160px -22px
}

.custom_select_trigger span[data-country="ag"]:beforecl {
    background-position: -176px -22px
}

.custom_select_trigger span[data-country="ag"]:beforecm {
    background-position: -192px -22px
}

.custom_select_trigger span[data-country="ag"]:beforecn {
    background-position: -208px -22px
}

.custom_select_trigger span[data-country="ag"]:beforeco {
    background-position: -224px -22px
}

.custom_select_trigger span[data-country="ag"]:beforecr {
    background-position: -240px -22px
}

.custom_select_trigger span[data-country="ag"]:beforecu {
    background-position: 0 -33px
}

.custom_select_trigger span[data-country="ag"]:beforecv {
    background-position: -16px -33px
}

.custom_select_trigger span[data-country="ag"]:beforecw {
    background-position: -32px -33px
}

.custom_select_trigger span[data-country="ag"]:beforecy {
    background-position: -48px -33px
}

.custom_select_trigger span[data-country="ag"]:beforecz {
    background-position: -64px -33px
}

.custom_select_trigger span[data-country="ag"]:beforede {
    background-position: -80px -33px
}

.custom_select_trigger span[data-country="ag"]:beforedj {
    background-position: -96px -33px
}

.custom_select_trigger span[data-country="ag"]:beforedk {
    background-position: -112px -33px
}

.custom_select_trigger span[data-country="ag"]:beforedm {
    background-position: -128px -33px
}

.custom_select_trigger span[data-country="ag"]:beforedo {
    background-position: -144px -33px
}

.custom_select_trigger span[data-country="ag"]:beforedz {
    background-position: -160px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeec {
    background-position: -176px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeee {
    background-position: -192px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeeg {
    background-position: -208px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeeh {
    background-position: -224px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeengland {
    background-position: -240px -33px
}

.custom_select_trigger span[data-country="ag"]:beforeer {
    background-position: 0 -44px
}

.custom_select_trigger span[data-country="ag"]:beforees {
    background-position: -16px -44px
}

.custom_select_trigger span[data-country="ag"]:beforeet {
    background-position: -32px -44px
}

.custom_select_trigger span[data-country="ag"]:beforeeu {
    background-position: -48px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefi {
    background-position: -64px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefj {
    background-position: -80px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefk {
    background-position: -96px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefm {
    background-position: -112px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefo {
    background-position: -128px -44px
}

.custom_select_trigger span[data-country="ag"]:beforefr {
    background-position: -144px -44px
}

.custom_select_trigger span[data-country="ag"]:beforega {
    background-position: -160px -44px
}

.custom_select_trigger span[data-country="ag"]:beforegb {
    background-position: -176px -44px
}

.custom_select_trigger span[data-country="ag"]:beforegd {
    background-position: -192px -44px
}

.custom_select_trigger span[data-country="ag"]:beforege {
    background-position: -208px -44px
}

.custom_select_trigger span[data-country="ag"]:beforegf {
    background-position: -224px -44px
}

.custom_select_trigger span[data-country="ag"]:beforegg {
    background-position: -240px -44px
}

.custom_select_trigger span[data-country="ag"]:beforegh {
    background-position: 0 -55px
}

.custom_select_trigger span[data-country="ag"]:beforegi {
    background-position: -16px -55px
}

.custom_select_trigger span[data-country="ag"]:beforegl {
    background-position: -32px -55px
}

.flagstrap-icon.flagstrap-gm {
    background-position: -48px -55px
}

.flagstrap-icon.flagstrap-gn {
    background-position: -64px -55px
}

.flagstrap-icon.flagstrap-gp {
    background-position: -80px -55px
}

.flagstrap-icon.flagstrap-gq {
    background-position: -96px -55px
}

.flagstrap-icon.flagstrap-gr {
    background-position: -112px -55px
}

.flagstrap-icon.flagstrap-gs {
    background-position: -128px -55px
}

.flagstrap-icon.flagstrap-gt {
    background-position: -144px -55px
}

.flagstrap-icon.flagstrap-gu {
    background-position: -160px -55px
}

.flagstrap-icon.flagstrap-gw {
    background-position: -176px -55px
}

.flagstrap-icon.flagstrap-gy {
    background-position: -192px -55px
}

.flagstrap-icon.flagstrap-hk {
    background-position: -208px -55px
}

.flagstrap-icon.flagstrap-hm {
    background-position: -224px -55px
}

.flagstrap-icon.flagstrap-hn {
    background-position: -240px -55px
}

.flagstrap-icon.flagstrap-hr {
    background-position: 0 -66px
}

.flagstrap-icon.flagstrap-ht {
    background-position: -16px -66px
}

.flagstrap-icon.flagstrap-hu {
    background-position: -32px -66px
}

.flagstrap-icon.flagstrap-ic {
    background-position: -48px -66px
}

.flagstrap-icon.flagstrap-id {
    background-position: -64px -66px
}

.flagstrap-icon.flagstrap-ie {
    background-position: -80px -66px
}

.flagstrap-icon.flagstrap-il {
    background-position: -96px -66px
}

.flagstrap-icon.flagstrap-im {
    background-position: -112px -66px
}

.flagstrap-icon.flagstrap-in {
    background-position: -128px -66px
}

.flagstrap-icon.flagstrap-io {
    background-position: -144px -66px
}

.flagstrap-icon.flagstrap-iq {
    background-position: -160px -66px
}

.flagstrap-icon.flagstrap-ir {
    background-position: -176px -66px
}

.flagstrap-icon.flagstrap-is {
    background-position: -192px -66px
}

.flagstrap-icon.flagstrap-it {
    background-position: -208px -66px
}

.flagstrap-icon.flagstrap-je {
    background-position: -224px -66px
}

.flagstrap-icon.flagstrap-jm {
    background-position: -240px -66px
}

.flagstrap-icon.flagstrap-jo {
    background-position: 0 -77px
}

.flagstrap-icon.flagstrap-jp {
    background-position: -16px -77px
}

.flagstrap-icon.flagstrap-ke {
    background-position: -32px -77px
}

.flagstrap-icon.flagstrap-kg {
    background-position: -48px -77px
}

.flagstrap-icon.flagstrap-kh {
    background-position: -64px -77px
}

.flagstrap-icon.flagstrap-ki {
    background-position: -80px -77px
}

.flagstrap-icon.flagstrap-km {
    background-position: -96px -77px
}

.flagstrap-icon.flagstrap-kn {
    background-position: -112px -77px
}

.flagstrap-icon.flagstrap-kp {
    background-position: -128px -77px
}

.flagstrap-icon.flagstrap-kr {
    background-position: -144px -77px
}

.flagstrap-icon.flagstrap-kurdistan {
    background-position: -160px -77px
}

.flagstrap-icon.flagstrap-kw {
    background-position: -176px -77px
}

.flagstrap-icon.flagstrap-ky {
    background-position: -192px -77px
}

.flagstrap-icon.flagstrap-kz {
    background-position: -208px -77px
}

.flagstrap-icon.flagstrap-la {
    background-position: -224px -77px
}

.flagstrap-icon.flagstrap-lb {
    background-position: -240px -77px
}

.flagstrap-icon.flagstrap-lc {
    background-position: 0 -88px
}

.flagstrap-icon.flagstrap-li {
    background-position: -16px -88px
}

.flagstrap-icon.flagstrap-lk {
    background-position: -32px -88px
}

.flagstrap-icon.flagstrap-lr {
    background-position: -48px -88px
}

.flagstrap-icon.flagstrap-ls {
    background-position: -64px -88px
}

.flagstrap-icon.flagstrap-lt {
    background-position: -80px -88px
}

.flagstrap-icon.flagstrap-lu {
    background-position: -96px -88px
}

.flagstrap-icon.flagstrap-lv {
    background-position: -112px -88px
}

.flagstrap-icon.flagstrap-ly {
    background-position: -128px -88px
}

.flagstrap-icon.flagstrap-ma {
    background-position: -144px -88px
}

.flagstrap-icon.flagstrap-mc {
    background-position: -160px -88px
}

.flagstrap-icon.flagstrap-md {
    background-position: -176px -88px
}

.flagstrap-icon.flagstrap-me {
    background-position: -192px -88px
}

.flagstrap-icon.flagstrap-mg {
    background-position: -208px -88px
}

.flagstrap-icon.flagstrap-mh {
    background-position: -224px -88px
}

.flagstrap-icon.flagstrap-mk {
    background-position: -240px -88px
}

.flagstrap-icon.flagstrap-ml {
    background-position: 0 -99px
}

.flagstrap-icon.flagstrap-mm {
    background-position: -16px -99px
}

.flagstrap-icon.flagstrap-mn {
    background-position: -32px -99px
}

.flagstrap-icon.flagstrap-mo {
    background-position: -48px -99px
}

.flagstrap-icon.flagstrap-mp {
    background-position: -64px -99px
}

.flagstrap-icon.flagstrap-mq {
    background-position: -80px -99px
}

.flagstrap-icon.flagstrap-mr {
    background-position: -96px -99px
}

.flagstrap-icon.flagstrap-ms {
    background-position: -112px -99px
}

.flagstrap-icon.flagstrap-mt {
    background-position: -128px -99px
}

.flagstrap-icon.flagstrap-mu {
    background-position: -144px -99px
}

.flagstrap-icon.flagstrap-mv {
    background-position: -160px -99px
}

.flagstrap-icon.flagstrap-mw {
    background-position: -176px -99px
}

.flagstrap-icon.flagstrap-mx {
    background-position: -192px -99px
}

.flagstrap-icon.flagstrap-my {
    background-position: -208px -99px
}

.flagstrap-icon.flagstrap-mz {
    background-position: -224px -99px
}

.flagstrap-icon.flagstrap-na {
    background-position: -240px -99px
}

.flagstrap-icon.flagstrap-nc {
    background-position: 0 -110px
}

.flagstrap-icon.flagstrap-ne {
    background-position: -16px -110px
}

.flagstrap-icon.flagstrap-nf {
    background-position: -32px -110px
}

.flagstrap-icon.flagstrap-ng {
    background-position: -48px -110px
}

.flagstrap-icon.flagstrap-ni {
    background-position: -64px -110px
}

.flagstrap-icon.flagstrap-nl {
    background-position: -80px -110px
}

.flagstrap-icon.flagstrap-no {
    background-position: -96px -110px
}

.flagstrap-icon.flagstrap-np {
    background-position: -112px -110px
}

.flagstrap-icon.flagstrap-nr {
    background-position: -128px -110px
}

.flagstrap-icon.flagstrap-nu {
    background-position: -144px -110px
}

.flagstrap-icon.flagstrap-nz {
    background-position: -160px -110px
}

.flagstrap-icon.flagstrap-om {
    background-position: -176px -110px
}

.flagstrap-icon.flagstrap-pa {
    background-position: -192px -110px
}

.flagstrap-icon.flagstrap-pe {
    background-position: -208px -110px
}

.flagstrap-icon.flagstrap-pf {
    background-position: -224px -110px
}

.flagstrap-icon.flagstrap-pg {
    background-position: -240px -110px
}

.flagstrap-icon.flagstrap-ph {
    background-position: 0 -121px
}

.flagstrap-icon.flagstrap-pk {
    background-position: -16px -121px
}

.flagstrap-icon.flagstrap-pl {
    background-position: -32px -121px
}

.flagstrap-icon.flagstrap-pm {
    background-position: -48px -121px
}

.flagstrap-icon.flagstrap-pn {
    background-position: -64px -121px
}

.flagstrap-icon.flagstrap-pr {
    background-position: -80px -121px
}

.flagstrap-icon.flagstrap-ps {
    background-position: -96px -121px
}

.flagstrap-icon.flagstrap-pt {
    background-position: -112px -121px
}

.flagstrap-icon.flagstrap-pw {
    background-position: -128px -121px
}

.flagstrap-icon.flagstrap-py {
    background-position: -144px -121px
}

.flagstrap-icon.flagstrap-qa {
    background-position: -160px -121px
}

.flagstrap-icon.flagstrap-re {
    background-position: -176px -121px
}

.flagstrap-icon.flagstrap-ro {
    background-position: -192px -121px
}

.flagstrap-icon.flagstrap-rs {
    background-position: -208px -121px
}

.flagstrap-icon.flagstrap-ru {
    background-position: -224px -121px
}

.flagstrap-icon.flagstrap-rw {
    background-position: -240px -121px
}

.flagstrap-icon.flagstrap-sa {
    background-position: 0 -132px
}

.flagstrap-icon.flagstrap-sb {
    background-position: -16px -132px
}

.flagstrap-icon.flagstrap-sc {
    background-position: -32px -132px
}

.flagstrap-icon.flagstrap-scotland {
    background-position: -48px -132px
}

.flagstrap-icon.flagstrap-sd {
    background-position: -64px -132px
}

.flagstrap-icon.flagstrap-se {
    background-position: -80px -132px
}

.flagstrap-icon.flagstrap-sg {
    background-position: -96px -132px
}

.flagstrap-icon.flagstrap-sh {
    background-position: -112px -132px
}

.flagstrap-icon.flagstrap-si {
    background-position: -128px -132px
}

.flagstrap-icon.flagstrap-sk {
    background-position: -144px -132px
}

.flagstrap-icon.flagstrap-sl {
    background-position: -160px -132px
}

.flagstrap-icon.flagstrap-sm {
    background-position: -176px -132px
}

.flagstrap-icon.flagstrap-sn {
    background-position: -192px -132px
}

.flagstrap-icon.flagstrap-so {
    background-position: -208px -132px
}

.flagstrap-icon.flagstrap-somaliland {
    background-position: -224px -132px
}

.flagstrap-icon.flagstrap-sr {
    background-position: -240px -132px
}

.flagstrap-icon.flagstrap-ss {
    background-position: 0 -143px
}

.flagstrap-icon.flagstrap-st {
    background-position: -16px -143px
}

.flagstrap-icon.flagstrap-sv {
    background-position: -32px -143px
}

.flagstrap-icon.flagstrap-sx {
    background-position: -48px -143px
}

.flagstrap-icon.flagstrap-sy {
    background-position: -64px -143px
}

.flagstrap-icon.flagstrap-sz {
    background-position: -80px -143px
}

.flagstrap-icon.flagstrap-tc {
    background-position: -96px -143px
}

.flagstrap-icon.flagstrap-td {
    background-position: -112px -143px
}

.flagstrap-icon.flagstrap-tf {
    background-position: -128px -143px
}

.flagstrap-icon.flagstrap-tg {
    background-position: -144px -143px
}

.flagstrap-icon.flagstrap-th {
    background-position: -160px -143px
}

.flagstrap-icon.flagstrap-tj {
    background-position: -176px -143px
}

.flagstrap-icon.flagstrap-tk {
    background-position: -192px -143px
}

.flagstrap-icon.flagstrap-tl {
    background-position: -208px -143px
}

.flagstrap-icon.flagstrap-tm {
    background-position: -224px -143px
}

.flagstrap-icon.flagstrap-tn {
    background-position: -240px -143px
}

.flagstrap-icon.flagstrap-to {
    background-position: 0 -154px
}

.flagstrap-icon.flagstrap-tr {
    background-position: -16px -154px
}

.flagstrap-icon.flagstrap-tt {
    background-position: -32px -154px
}

.flagstrap-icon.flagstrap-tv {
    background-position: -48px -154px
}

.flagstrap-icon.flagstrap-tw {
    background-position: -64px -154px
}

.flagstrap-icon.flagstrap-tz {
    background-position: -80px -154px
}

.flagstrap-icon.flagstrap-ua {
    background-position: -96px -154px
}

.flagstrap-icon.flagstrap-ug {
    background-position: -112px -154px
}

.flagstrap-icon.flagstrap-um {
    background-position: -128px -154px
}

.flagstrap-icon.flagstrap-us {
    background-position: -144px -154px
}

.flagstrap-icon.flagstrap-uy {
    background-position: -160px -154px
}

.flagstrap-icon.flagstrap-uz {
    background-position: -176px -154px
}

.flagstrap-icon.flagstrap-va {
    background-position: -192px -154px
}

.flagstrap-icon.flagstrap-vc {
    background-position: -208px -154px
}

.flagstrap-icon.flagstrap-ve {
    background-position: -224px -154px
}

.flagstrap-icon.flagstrap-vg {
    background-position: -240px -154px
}

.flagstrap-icon.flagstrap-vi {
    background-position: 0 -165px
}

.flagstrap-icon.flagstrap-vn {
    background-position: -16px -165px
}

.flagstrap-icon.flagstrap-vu {
    background-position: -32px -165px
}

.flagstrap-icon.flagstrap-wales {
    background-position: -48px -165px
}

.flagstrap-icon.flagstrap-wf {
    background-position: -64px -165px
}

.flagstrap-icon.flagstrap-ws {
    background-position: -80px -165px
}

.flagstrap-icon.flagstrap-ye {
    background-position: -96px -165px
}

.flagstrap-icon.flagstrap-yt {
    background-position: -112px -165px
}

.flagstrap-icon.flagstrap-za {
    background-position: -128px -165px
}

.flagstrap-icon.flagstrap-zanzibar {
    background-position: -144px -165px
}

.flagstrap-icon.flagstrap-zm {
    background-position: -160px -165px
}

.flagstrap-icon.flagstrap-zw {
    background-position: -176px -165px
}