.map-wrapper {
  position: relative;
  margin-bottom: 50px;
}
.flags_container {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}
.flags_container,
.map {
  width: 800px;
  height: 800px;
}
@media (max-width: 1199px) {
  .flags_container,
  .map {
    width: 700px;
    height: 700px;
  }
}
@media (max-width: 991px) {
  .flags_container,
  .map {
    width: 100%;
    height: 100%;
  }
}
.square_size_100 {
  width: 100%;
  height: 100%;
}
.square_size_99 {
  width: 99%;
  height: 99%;
}
.square_size_98 {
  width: 98%;
  height: 98%;
}
.square_size_97 {
  width: 97%;
  height: 97%;
}
.square_size_96 {
  width: 96%;
  height: 96%;
}
.square_size_95 {
  width: 95%;
  height: 95%;
}
.square_size_94 {
  width: 94%;
  height: 94%;
}
.square_size_93 {
  width: 93%;
  height: 93%;
}
.square_size_92 {
  width: 92%;
  height: 92%;
}
.square_size_91 {
  width: 91%;
  height: 91%;
}
.square_size_90 {
  width: 90%;
  height: 90%;
}
.square_size_89 {
  width: 89%;
  height: 89%;
}
.square_size_88 {
  width: 88%;
  height: 88%;
}
.square_size_87 {
  width: 87%;
  height: 87%;
}
.square_size_86 {
  width: 86%;
  height: 86%;
}
.square_size_85 {
  width: 85%;
  height: 85%;
}
.square_size_84 {
  width: 84%;
  height: 84%;
}
.square_size_83 {
  width: 83%;
  height: 83%;
}
.square_size_82 {
  width: 82%;
  height: 82%;
}
.square_size_81 {
  width: 81%;
  height: 81%;
}
.square_size_80 {
  width: 80%;
  height: 80%;
}
.square_size_79 {
  width: 79%;
  height: 79%;
}
.square_size_78 {
  width: 78%;
  height: 78%;
}
.square_size_77 {
  width: 77%;
  height: 77%;
}
.square_size_76 {
  width: 76%;
  height: 76%;
}
.square_size_75 {
  width: 75%;
  height: 75%;
}
.square_size_74 {
  width: 74%;
  height: 74%;
}
.square_size_73 {
  width: 73%;
  height: 73%;
}
.square_size_72 {
  width: 72%;
  height: 72%;
}
.square_size_71 {
  width: 71%;
  height: 71%;
}
.square_size_70 {
  width: 70%;
  height: 70%;
}
.square_size_69 {
  width: 69%;
  height: 69%;
}
.square_size_68 {
  width: 68%;
  height: 68%;
}
.square_size_67 {
  width: 67%;
  height: 67%;
}
.square_size_66 {
  width: 66%;
  height: 66%;
}
.square_size_65 {
  width: 65%;
  height: 65%;
}
.square_size_64 {
  width: 64%;
  height: 64%;
}
.square_size_63 {
  width: 63%;
  height: 63%;
}
.square_size_62 {
  width: 62%;
  height: 62%;
}
.square_size_61 {
  width: 61%;
  height: 61%;
}
.square_size_60 {
  width: 60%;
  height: 60%;
}
.square_size_59 {
  width: 59%;
  height: 59%;
}
.square_size_58 {
  width: 58%;
  height: 58%;
}
.square_size_57 {
  width: 57%;
  height: 57%;
}
.square_size_56 {
  width: 56%;
  height: 56%;
}
.square_size_55 {
  width: 55%;
  height: 55%;
}
.square_size_54 {
  width: 54%;
  height: 54%;
}
.square_size_53 {
  width: 53%;
  height: 53%;
}
.square_size_52 {
  width: 52%;
  height: 52%;
}
.square_size_51 {
  width: 51%;
  height: 51%;
}
.square_size_50 {
  width: 50%;
  height: 50%;
}
.square_size_49 {
  width: 49%;
  height: 49%;
}
.square_size_48 {
  width: 48%;
  height: 48%;
}
.square_size_47 {
  width: 47%;
  height: 47%;
}
.square_size_46 {
  width: 46%;
  height: 46%;
}
.square_size_45 {
  width: 45%;
  height: 45%;
}
.square_size_44 {
  width: 44%;
  height: 44%;
}
.square_size_43 {
  width: 43%;
  height: 43%;
}
.square_size_42 {
  width: 42%;
  height: 42%;
}
.square_size_41 {
  width: 41%;
  height: 41%;
}
.square_size_40 {
  width: 40%;
  height: 40%;
}
.square_size_39 {
  width: 39%;
  height: 39%;
}
.square_size_38 {
  width: 38%;
  height: 38%;
}
.square_size_37 {
  width: 37%;
  height: 37%;
}
.square_size_36 {
  width: 36%;
  height: 36%;
}
.square_size_35 {
  width: 35%;
  height: 35%;
}
.square_size_34 {
  width: 34%;
  height: 34%;
}
.square_size_33 {
  width: 33%;
  height: 33%;
}
.square_size_32 {
  width: 32%;
  height: 32%;
}
.square_size_31 {
  width: 31%;
  height: 31%;
}
.square_size_30 {
  width: 30%;
  height: 30%;
}
.square_size_29 {
  width: 29%;
  height: 29%;
}
.square_size_28 {
  width: 28%;
  height: 28%;
}
.square_size_27 {
  width: 27%;
  height: 27%;
}
.square_size_26 {
  width: 26%;
  height: 26%;
}
.square_size_25 {
  width: 25%;
  height: 25%;
}
.square_size_24 {
  width: 24%;
  height: 24%;
}
.square_size_23 {
  width: 23%;
  height: 23%;
}
.square_size_22 {
  width: 22%;
  height: 22%;
}
.square_size_21 {
  width: 21%;
  height: 21%;
}
.square_size_20 {
  width: 20%;
  height: 20%;
}
.square_size_19 {
  width: 19%;
  height: 19%;
}
.square_size_18 {
  width: 18%;
  height: 18%;
}
.square_size_17 {
  width: 17%;
  height: 17%;
}
.square_size_16 {
  width: 16%;
  height: 16%;
}
.square_size_15 {
  width: 15%;
  height: 15%;
}
.square_size_14 {
  width: 14%;
  height: 14%;
}
.square_size_13 {
  width: 13%;
  height: 13%;
}
.square_size_12 {
  width: 12%;
  height: 12%;
}
.square_size_11 {
  width: 11%;
  height: 11%;
}
.square_size_10 {
  width: 10%;
  height: 10%;
}
.square_size_9 {
  width: 9%;
  height: 9%;
}
.square_size_8 {
  width: 8%;
  height: 8%;
}
.square_size_7 {
  width: 7%;
  height: 7%;
}
.square_size_6 {
  width: 6%;
  height: 6%;
}
.square_size_5 {
  width: 5%;
  height: 5%;
}
.square_size_4 {
  width: 4%;
  height: 4%;
}
.square_size_3 {
  width: 3%;
  height: 3%;
}
.square_size_2 {
  width: 2%;
  height: 2%;
}
.square_size_1 {
  width: 1%;
  height: 1%;
}
i.flag {
  width: 32px;
  height: 22px;
  display: block;
  background-size: 32px 22px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  i.flag {
    display: none;
  }
}
i.flag.flag2x {
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  i.flag.flag2x {
    display: block;
  }
}
.flag_wrapper {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  pointer-events: none;
}
.flag_wrapper i {
  position: absolute;
  cursor: pointer;
  pointer-events: all;
  z-index: 100;
}
.flag_wrapper:hover {
  z-index: 100;
}
.flag_wrapper.disabled i {
  opacity: 0.4;
}
.country_circle {
  position: absolute;
  margin-top: 50%;
  margin-left: 50%;
  top: -40px;
  left: -45px;
  opacity: 0;
  display: table;
  text-align: center;
  min-width: 100px;
  min-height: 100px;
  width: 100px;
  height: 100px;
  pointer-events: all;
  background-color: #F59331;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  border: 10px solid #F1AD69;
  z-index: 10000;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.country_circle:focus {
opacity: 0;
}
.country_circle .inner_circle {
  margin: 1px;
  display: table-cell;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  vertical-align: middle;
}
.country_circle span {
  display: block;
  color: white;
}
.country_circle span.country {
  font-size: 0.75em;
  font-weight: 300;
}
.country_circle span.centers_number {
  font-size: 0.875em;
}
.country_info_container {
  position: absolute;
  display: block;
  pointer-events: none;
}
.country_info_container:hover .country_circle {
  opacity: 1;
}
.orientation_0 {
  background: url('../images/map/0.png') center right no-repeat;
}
.orientation_0 .country_info_container {
  left: 0;
  top: 50%;
  margin-top: -11px;
}
.orientation_0 .country_circle {
  left: -66px;
}
.orientation_0 i {
  left: -31px;
}
.orientation_22 {
  background: url('../images/map/22.png') center left no-repeat;
}
.orientation_22 .country_info_container {
  right: 0;
  top: 10%;
  margin-top: -11px;
}
.orientation_22 .country_circle {
  left: -35px;
}
.orientation_22 i {
}
.orientation_35 {
  background: url('../images/map/35.png') center left no-repeat;
}
.orientation_35 .country_info_container {
  right: 17%;
  top: -4%;
  margin-top: -11px;
}
.orientation_35 .country_circle {
  left: -55px;
}
.orientation_35 i {
  left: -20px;
}
.orientation_45 {
  background: url('../images/map/45.png') top right no-repeat;
}
.orientation_45 .country_info_container {
  bottom: 0;
  left: -10px;
}
.orientation_45 .country_circle {
  left: -55px;
}
.orientation_45 i {
  left: -20px;
}
.orientation_60 {
  background: url('../images/map/60.png') bottom left no-repeat;
}
.orientation_60 .country_info_container {
  top: 0;
  right: 39%;
}
.orientation_60 .country_circle {
  left: -55px;
}
.orientation_60 i {
  left: -20px;
}
.orientation_90 {
  background: url('../images/map/90.png') top center no-repeat;
}
.orientation_90 .country_info_container {
  bottom: 0;
  left: 50%;
}
.orientation_90 .country_circle {
  left: -55px;
}
.orientation_90 i {
  left: -20px;
}
.orientation_135 {
  background: url('../images/map/135.png') top left no-repeat;
}
.orientation_135 .country_info_container {
  bottom: 0;
  right: -10px;
}
.orientation_135 i {
  right: -20px;
}
.orientation_180 {
  background: url('../images/map/180.png') center left no-repeat;
}
.orientation_180 .country_info_container {
  right: 0;
  top: 50%;
  margin-top: -11px;
}
.orientation_180 .country_circle {
  right: -67px;
}
.orientation_180 i {
  right: -32px;
}
.orientation_225 {
  background: url('../images/map/225.png') bottom left no-repeat;
}
.orientation_225 .country_info_container {
  top: -20px;
  right: -10px;
}
.orientation_225 i {
  right: -20px;
}
.orientation_270 {
  background: url('../images/map/270.png') bottom center no-repeat;
}
.orientation_270 .country_info_container {
  top: 0;
  left: 50%;
}
.orientation_270 .country_circle {
  left: -55px;
  top: -60px;
}
.orientation_270 i {
  left: -20px;
  top: -20px;
}
.orientation_315 {
  background: url('../images/map/315.png') bottom right no-repeat;
}
.orientation_315 .country_info_container {
  top: -20px;
  left: -10px;
}
.orientation_315 .country_circle {
  left: -55px;
}
.orientation_315 i {
  left: -20px;
}
.countries_list {
  margin-bottom: 0px;
  margin-top: 20px;
}
.countries_list a {
  display: block;
  width: 100%;
  position: relative;
  color: #666;
  padding: 15px 20px;
  border-top: 1px dotted #CCCCCC;
}
.countries_list li:first-child a {
  border-top: none;
}
.countries_list span {
  margin-left: 50px;
  font-size: 0.875em;
}
@media (max-width: 1199px) {
  .countries_list span {
    font-size: 0.875em;
  }
}
@media (max-width: 991px) {
  .countries_list span {
    font-size: 0.75em;
  }
}
@media (max-width: 479px) {
  .countries_list span {
    font-size: 0.75em;
  }
}
.countries_list i {
  position: absolute;
}
.countries_list i.arrow-list {
  right: 0;
  top: 50%;
  margin-top: -6px;
}