
.box { 
    position: relative; 
    border-radius: 3px; 
    background: #ffffff; 
    border-top: 3px solid #d2d6de; 
    margin-bottom: 20px; 
    width: 100%; 
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
} 

.content-wrapper { 
  -webkit-transition:  -webkit-transform .3s ease-in-out, margin .3s ease-in-out; 
  -moz-transition:  -moz-transform .3s ease-in-out, margin .3s ease-in-out; 
  -o-transition:  -o-transform .3s ease-in-out, margin .3s ease-in-out; 
  transition:  transform .3s ease-in-out, margin .3s ease-in-out; 
  margin-left:  230px; 
  z-index:  800;
  min-height: 100%; 
  background-color: #ecf0f5; 
} 

.wrapper { 
  min-height: 100%; 
  position: relative; 
  overflow: hidden!important;
} 

.skin-blue .wrapper { 
  background-color: #FCE713;
} 
.box-body { 
  border-top-left-radius: 0; 
  border-top-right-radius: 0; 
  border-bottom-right-radius: 3px; 
  border-bottom-left-radius: 3px; 
  padding: 10px;
} 

:after,:before { 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
} 

.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after { 
  content: " "; 
  display: table;
} 

.box-header:after,.box-body:after,.box-footer:after { 
  clear: both;
} 

.input-group { 
  position: relative; 
  display: table; 
  border-collapse: separate;
} 

table { 
  border-spacing:  0; 
  border-collapse:  collapse;
  background-color: transparent;
} 

td { 
  padding: 0;
} 

select { 
  margin:   0; 
  font:   inherit; 
  color:   inherit;
  text-transform:  none;
  font-family: inherit; 
  font-size: inherit; 
  line-height: inherit;
} 

.btn { 
  display: inline-block; 
  padding: 3px 12px; 
  margin-bottom: 0; 
  font-size: 14px; 
  font-weight: 400; 
  line-height: 1.42857143; 
  text-align: center; 
  white-space: nowrap; 
  vertical-align: top; 
  -ms-touch-action: manipulation; 
  touch-action: manipulation; 
  cursor: pointer; 
  -webkit-user-select: none; 
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none; 
  background-image: none; 
  border: 1px solid transparent; 
  border-radius: 4px;
} 

.btn-info { 
  color: #fff; 
  background-color: #5bc0de; 
  border-color: #46b8da;
} 

.btn { 
  border-radius: 3px; 
  -webkit-box-shadow: none; 
  box-shadow: none; 
  border: 1px solid transparent;
} 

.btn-info { 
  background-color: #ef9c19;
  border-color: #ef9c19;
} 

.searchCity { 
  width: 150px; 
  height: 45px; 
  padding: 3px 0px 0px 3px; 
  margin-top: -9px; 
  border-radius: 5px 0px 0px 5px; 
  font-size: large;
} 

input { 
  margin:   0; 
  font:   inherit; 
  color:   inherit;
  line-height:  inherit;
  font-family: inherit; 
  font-size: inherit; 
} 

p { 
  margin: 0 0 10px;
} 

#suggesstion-box { 
  width: 647px;
  height: 100%;
  z-index: 9999;
  padding: 10px;
  padding-left: 32px;
  background: white;
  position: absolute;
} 

.searchbutton { 
  width: 89px; 
  height: 45px; 
  margin-top: 22px; 
  border-radius: 0px 5px 5px 0px; 
  font-size: large; 
  background-color: #EF9C19;
} 

input[type="submit"] { 
  -webkit-appearance: button; 
  cursor: pointer;
} 

.searchinput { 
  width: 520px; 
  height: 45px; 
  text-transform: uppercase; 
  padding: 3px 0px 0px 4px; 
  margin-top: 31px;
} 

ul { 
  margin-top: 0; 
  margin-bottom: 10px;
} 

#country-list { 
  width: 494px; 
  height: 156px; 
  position: absolute;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-tvThC.style-tvThC {  
 text-align: -webkit-center;  
 padding:0px;  
}  
#style-ofrSn.style-ofrSn {  
 margin-top:-5px;  
  line-height:30px;  
}  
#searchcity.style-dwsY3 {  
 background-color: #EF9C19;  
}  
#submit.style-2JTQw {  
 background-color: #EF9C19;  
}  
@media (min-width: 431px) and (max-width: 559px){
.searchinput {
    width: 150px;
    height: 46px;
    text-transform: uppercase;
    padding: 3px 0px 0px 4px;
    margin-top: 30px;
}
.f{

}
}
@media (min-width: 290px) and (max-width: 431px){
  .searchinput {
    width: 179px;
    height: 46px;
    text-transform: uppercase;
    padding: 3px 0px 0px 4px;
    margin-top: 30px;
}

.searchCity {
    width: 91px;
    height: 45px;
    padding: 3px 0px 0px 3px;
    margin-top: -9px;
    border-radius: 5px 0px 0px 5px;
    font-size: large;
}
}
@media (min-width: 560px) and (max-width: 1600px){
  .vl{
          display: none;
        }
.pushn{
  display:none;
}

}
@media (min-width: 667px) and (max-width: 900px){

  .main-sidebar {
    bottom: 0 !important;
    float: none !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
}
.sidebar{
  height: calc(100% - (3.5rem + 1px));
    overflow-x: hidden;
    overflow-y: initial;
    padding-bottom: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0;
    scrollbar-color: #a9a9a9 transparent;
    scrollbar-width: none;
}
}
.img-rounded{
    border-radius: 20%;
}

.jpop { 
  text-align: center;
} 

.dn { 
  display: none;
} 

.content2 { 
  background: white; 
  left: 37%; 
  text-align: center; 
  position: absolute; 
  top: 146.5px; 
  z-index: 9999; 
  opacity: 1; 
  display: block;
} 

.contacts { 
  background: rgba(0, 0, 0, 0.9); 
  color: #266194; 
  width: 100%; 
  height: 1700px; 
  position: fixed; 
  margin-left: -230px; 
  margin-top: -50px; 
  top: 0px; 
  z-index: 20000; 
  display: none;
} 

.box { 
  position: relative; 
  border-radius: 3px; 
  background: #ffffff; 
  border-top: 3px solid #d2d6de; 
  margin-bottom: 20px; 
  width: 100%; 
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
} 

.content-wrapper { 
  -webkit-transition:  -webkit-transform .3s ease-in-out, margin .3s ease-in-out; 
  -moz-transition:  -moz-transform .3s ease-in-out, margin .3s ease-in-out; 
  -o-transition:  -o-transform .3s ease-in-out, margin .3s ease-in-out; 
  transition:  transform .3s ease-in-out, margin .3s ease-in-out; 
  margin-left:  230px; 
  z-index:  800;
  min-height: 100%; 
  background-color: #ecf0f5; 
} 

.wrapper { 
  min-height: 100%; 
  position: relative; 
  overflow: hidden!important;
} 

.skin-blue .wrapper { 
  background-color: #FCE713;
} 


.jpbg { 
  background: #fff; 
  display: inline-block; 
  margin: 8px; 
  padding: 30px 40px; 
  position: relative; 
  width: 100%; 
  border-radius: 6px; 
  text-align: center;
} 

.jpbg  { 
    padding: 0px;
} 

:after,:before { 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
} 

.jcl { 
  background:  url(http://akam.cdn.jdmagicbox.com/images/icontent/jdrwd/cls.gif) no-repeat scroll 0 0; 
  color:  #fff; 
  cursor:  pointer; 
  font-size:  15px; 
  font-weight:  700; 
  height:  29px; 
  position:  absolute; 
  right:  10px; 
  text-indent:  -9999px; 
  top:  10px; 
  width:  29px; 
  background-image:  url("http://akam.cdn.jdmagicbox.com/images/icontent/jdrwd/cls.gif"); 
  background-position-x:  0px; 
  background-position-y:  0px; 
  background-size:  initial; 
  background-repeat-x:  no-repeat; 
  background-repeat-y:  no-repeat; 
  background-attachment:  scroll; 
  background-origin:  initial; 
  background-clip:  initial; 
  background-color:  initial;
} 

.smsf { 
  display: block; 
  text-align: justify; 
  float: left; 
  padding: 0px 10px; 
  margin-top: 15px;
} 

p { 
  margin: 0 0 10px;
} 

h4 { 
  font-family:  'Source Sans Pro', sans-serif;
  font-weight:    500; 
  line-height:    1.1; 
  color:    inherit;
  margin-top:   10px; 
  margin-bottom:   10px;
  font-size:  18px;
} 

b { 
  font-weight: 700;
} 

.ifld { 
  float: left; 
  display: block; 
  padding-bottom: 10px;
} 

.jerr { 
  width: 100%; 
  margin: 5px 0px 0px; 
  display: inline-block; 
  clear: left; 
  color: #F00; 
  font-size: 12px; 
  text-align: left;
} 

label { 
  display: inline-block; 
  max-width: 100%; 
  margin-bottom: 5px; 
  font-weight: 700;
} 

input { 
  margin:   0; 
  font:   inherit; 
  color:   inherit;
  line-height:  inherit;
  font-family: inherit; 
  font-size: inherit; 
} 

#ibse_name { 
  width: 253px;
} 

#ibse_mobile { 
  width: 253px;
} 

#ibse_email { 
  width: 253px;
} 

textarea { 
  margin:   0; 
  font:   inherit; 
  color:   inherit;
  overflow:  auto;
  font-family: inherit; 
  font-size: inherit; 
  line-height: inherit;
} 

/* button { 
  margin:     0; 
  font:     inherit; 
  color:     inherit;
  overflow:    visible;
  text-transform:   none;
  -webkit-appearance:  button; 
  cursor:  pointer;
  font-family: inherit; 
  font-size: inherit; 
  line-height: inherit;
}  */

.ds { 
  background-color: #EF9C19; 
  color: white; 
  height: 40px; 
  padding: 10px 16px; 
  font-size: 18px; 
  line-height: 1.3333333; 
  border-radius: 6px;
} 

img { 
  border:  0;
  vertical-align: middle;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-1fvRt.style-1fvRt {  
 color:black;  
}  
#style-1fIbL.style-1fIbL {  
 color:black;  
}  
#style-MJQk1.style-MJQk1 {  
 color:black;  
}  
#style-1FeyN.style-1FeyN {  
 font-size:100%;  
 border:1px solid #EF9C19;  
}  
#processload.style-l3klS {  
 display:none;  
}  
