/* CSS Document */

#display ul
{
list-style: none;
width: 450px;
float:left;
}
#display li
{
display: block;
padding: 5px;
background-color: #ccc;
border-bottom: 1px solid #367;
}
#content
{
padding:10px;
width:500px;
}
#clear
{ clear:both; }
#box
{
float:left;
margin:0 0 20px 0;
text-align:justify;
}

input[type=text]
{width:400px; height:25px;}

select
{width:400px; height:35px;}

input[type=submit]
{
width:90px; height:35px;
}





main {
  /*background: #FFF;*/
  /*margin: 50px auto;*/
  /*padding: 10px 30px 80px;*/
  /*box-shadow: 0 3px 5px rgba(0,0,0,0.2);*/
}
#tabs1 p {
  font-size: 13px;
}
#tabs1 input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}
#tabs1 label {
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 30px;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #DDD;
}
#tabs1 label:hover {
  cursor: pointer;
  text-decoration: underline;
}
#tab5:checked ~ #content5,#tab6:checked ~ #content6,#tab7:checked ~ #content7,#tab8:checked ~ #content8,#tab9:checked ~ #content9,#tab10:checked ~ #content10,#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,#tab14:checked ~ #content14,#tab15:checked ~ #content15,#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18{
  display: block;
}
#tabs1 input:checked + label {
  border-top-color: #FFB03D;
  border-right-color: #DDD;
  border-left-color: #DDD;
  border-bottom-color: transparent;
  text-decoration: none;
}

/*.country_col_img1 {
  margin: 10px auto 0 auto;
  background-color: #FF9966;
  border-radius: 25px;
  width:195px;
}*/
.country_col_img {
  margin: 10px auto 0 auto;
  width:195px;
}

.country_active{
  margin: 10px auto 0 auto;
  background-color: #FF9966;
  border-radius: 25px;
}

.dir_mainblk {

  width:100%;
  display: flex;
  flex-wrap: wrap;
}

.country_blk {
  width: 22%;  
}
.country_list {
  display: block;
}

.zone_blk {
  padding: 5px;
  width: 78%;
}

.zone_tab {

}

.zone_cnt {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
}

.ztitle_row {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin: 10px 0; 
}

.ztitle_txt {
  font-size:22px; 
  text-decoration:none;  
  color:#CD3333;
  background-color: #ffffff;
  font-weight: bold;
  font-family: Calibri;
  display: flex;
  border: 1px solid #CD3333;
  padding: 3px 10px; 
  margin-right: 1px;
  cursor: pointer;
}

.ztitle_txt_sm {
  font-size:22px; 
  text-decoration:none;  
  color:#CD3333;
  background-color: #ffffff;
  font-weight: bold;
  font-family: Calibri;
  display: flex;
  border-bottom: 3px solid #CD3333;
  padding: 3px 5px; 
  margin-bottom: 5px;
  width: 100%;
  display: none;
}

.ztitle_txt.act{
  color:#ffffff;
  background-color: #CD3333;
}

.zimg_blk {
  width: 175px;
  margin: 5px;
  border: 1px solid #f5f5f5;
  img {
    width: 175px;
  }
}

.zimg_blk a{
  display: block;
  text-decoration: none;
}

.zimg_caption {  
  text-align: center;
  font-weight: bold;
  background-color: #000066;
  padding: 10px;
  display: block;
  color: #ffffff;
}

.bg_shd {
  box-shadow: 0px 3px 6px #00000029;
  border-top: 15px solid #000066;
}

.flex_sb {
  display: flex;
  justify-content: space-between; 
}

.flex_ct {
  display: flex;
  justify-content: center;  
}

.head_logo {
  width: 30%;
  img {
    width: 400px;
    height: auto;
  }
}

.signup_blk {
  width: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bg_blue {
  background-color: #000066 !important;
}

.hbtn {
  color: #ffffff !important;
  width: 120px;
  text-align: center;
}

.search_flex {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.search_input {
  width: 400px;
  height: 35px !important;
}

.search_label {
  width: 90px;
}

.search_title {
  margin: 20px 0;
  font-size: 26px;
}

.htitle {
  font-size:30px; 
  text-decoration:none;
  color:#000066;
  font-weight: bold;
  font-family: Calibri;
  padding: 20px 0 0 20px;
  span {
    margin-right: 5px;
  }
}

.country_title {
  font-size:22px; 
  text-decoration:none;
  color:#CD3333;
  font-weight: bold;
  font-family: Calibri;
  margin: 10px 0;
  width: 100%;
  text-align: center;
  display: block;
}

.zb_none {
  display: none;
}

.zb_block {
  display: block;
}

@media (max-width: 576px) {
  .flex_sb {
    flex-wrap: wrap;
  }
  .head_logo {
    width: 100%;
    img {
      width: 330px;
    }
  }
  .signup_blk {
    width: 100%;
    justify-content: space-around;
  }
  .country_blk {
    /*display: none;*/
    width: 100%;
    position: relative;
  }
  .country_list {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
    top: 60px;
    left: 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    display: none;
  }
  .country_title {
    cursor: pointer;
  }
  .zone_blk {
    width: 100%;
    padding: 5px 0;
  }
  .zimg_blk {
    width: 160px;
    margin: 5px 0;
    img {
      width: 160px;
    }
  }
  .ztitle_txt_sm {
    display: block;
  }
  .ztitle_row {
    display: none;
  }
  .zb_none {
    display: block;
  }
}

@media (min-width: 577px) and (max-width: 767px) {
  .country_blk {
    width: 40%;
  }
  .signup_blk {
    width: 180px;
    justify-content: space-around;
  }
  .hbtn {
    width: 80px;
  }
}