/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/
/* reset */
ol,ul{list-style:none;margin:0px;padding:0px;}
/*end reset*/
/****-----start-body----****/
/*----sap-----*/
.sap_tabs {
  clear: both;
  margin: 0 auto;
/*  width:100%; */
  text-align: center;
  border:5px solid #365555; 
  background-color: #365555;
  border-radius:4px;
}
.facts{
  padding: 4% 4% 4% 4%;
  background-color: #365555;
}
.top1{
  margin-top: 2%;
}
.resp-tabs-list {
  width: 100%;
}
.resp-tab-item:first-child{
  border-left:none;
}
i.resp-tab-item.lost {
  margin: 0;
}
.resp-tab-item{
  border:none;
  color: #fff88a;
  font-size: 1.3rem;
  background-color: #365555;
  text-transform: uppercase;
  cursor: pointer;
  padding:1.3rem 0;
  display: inline-block;
  text-align: center;
  list-style: none;
  float: left;
  width: 25%;
  outline: none;
  transition: all 0.3s ease-out;
}
.resp-tab-item:hover {
 background-color: #518e8e;
  text-shadow: none;
  color: #fff88a;
}

.resp-tab-active {
  background-color: #518e8e;
  text-shadow: none;
  color:#fff88a;
}
.resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  clear: left;
}
h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}
.resp-tab-content {
  display: none;
}
.resp-content-active, .resp-accordion-active {
   display: block;
}
h2.resp-accordion {
  font-size:1.5rem;
  margin: 0px;
  padding: 10px 15px;
  background:#C5CDD1;
  margin:10px 0;
  color:#FFF;
}
h2.resp-accordion:hover{
  background:#FE2232;
  text-shadow: none;
  color: #FFF;
}
.link1 {
  font-size: 0.9rem;
  color: #918A8A;
  font-style: italic;
  font-weight: 600;
}
li.resp-tab-item.lost{
  margin:0;
}
/*---------*/
.register label, .login label, .register .label, .login .label
{
  font-size:1.5rem;
}
.register p {
  color: #fff88a;
  padding: 1rem 0;
  font-weight: 400;
  text-align:left;
}
/* .register input[type="text"], .register input[type="password"], .register input[type="email"], .register input[type="radio"], .register input[type="checkbox"], .register select { */
.register input, .register select {
  width: 95%;
  padding: 0.8rem 0.8rem;
  color: #365555;
  font-weight: 500;
  }
.register input:focus, .register select:focus {
  border:1px solid #989898; 
  background-color:#fefefet;
}
.register input[type='radio']:focus, .register input[type='checkbox']:focus
{
  border:none;
  outline:none;
}

.register #register_state{
  width: 10rem;
  }
.register #register_blog_category{
  width: 100%;
  }
/*-----login----------*/
.register p {
  font-size: 1.5rem;
  color: #365555;
  padding: 1em 0;
  font-weight: 400;
}
.login form input  {
  width: 95%;
  padding:1rem 1rem 0.9rem 1rem;
  color: #365555;
  font-size: 1.5rem;
/*  outline: none; */
/*  border: none; */
  border: 2px solid #518e8e;
  margin: 0.8rem 0;
  }
.login input:focus, .login select:focus {
  border:1px solid #989898; 
  background-color:#fefefet;
}
.login input[type='radio']:focus, .login input[type='checkbox']:focus
{
  border:none;
  outline:none;
}
form.sub {
  padding: 1rem 0;
}
form.sub p {
  font-size: 1.5rem;
  color: #fff;
  padding: 1rem 0;
  font-weight: 400;
  text-align: left;
}
form.sub input[type="password"], form.sub input[type="email"] {
  width: 95%;
  padding: 0.8rem 0.8rem;
  color: #fff;
  font-size: 1.5rem;
  outline: none;
/*  background: none; */
  font-weight: 500;
  border: 1px solid rgba(186, 40, 23, 0.69);
}

form div div /* labels */
{
  color:#fff88a;
  text-align:left;
}
input[type="text"], input[type="password"], input[type="email"]
{
  border-radius:4px;
}
.top-img i.fa
{
  font-size: 3.5rem;
  width: 3.5rem;
  height:3.5rem;
  text-align: center;
  color: #fff;
  padding:1rem;
  border-radius: 3.54rem;
  border:.5rem solid white;
}
div.msg div.error, div.msg div.ok
{
  font-size:1.5rem;
  padding:.5rem;
  margin:1rem;
  color: #fff88a;
}
div.msg div.error
{
  border:.3rem solid red; 
}
div.msg div.ok
{
  border:.3rem solid #518e8e; 
}

.sap_tabs {
  clear: both;
  margin: 0 auto;
/*  width:48%; */
  width:80%;
}
.sticker-img
{
  display:inline-block;
  width:25% !important;
  margin-left:5%;
  margin-right:5%;
}
.extra_link
{
  width:100%;
  text-align:center;
  margin-top:1rem;
}
.extra_link span
{
  font-size:1.5rem;
  cursor:pointer;
}

@media (max-width:1024px){
 .sap_tabs {
  clear: both;
  margin: 0 auto;
  }
  .top-img i.fa
  {
    font-size: 2.5rem;
    width: 2.5rem;
    height:2.5rem;
    color: #fff;
    padding:.5rem;
    border-radius: 3rem;
  }
}
@media (max-width:640px){
 .sap_tabs {
  width:95%;
  clear: both;
  margin: 0 auto;
  }
  .top-img i.fa
  {
    font-size: 2rem;
    width: 2rem;
    height:2rem;
    color: #fff;
    padding:.3rem;
    border-radius: 2.2rem;
    border:.3rem solid white;
  }
  .resp-tab-item
  {
    font-size: 1rem;
  }
}
#ok-msg
{
  background-color: #365555;
  border-radius:1rem;
  text-align:center;
  padding:2rem;
}

.destination_msg
{
  color:#f1e8a3;
  font-size:1.8rem;
  padding-top:1.8rem;
  padding-bottom:1.8rem;
}
.destination_clues
{
  color:#43f8f8;
  font-size:2.2rem;
  padding-bottom:1.8rem;
}
.destination_finds
{
  color:#74f78d;
  font-size:2.2rem;
  padding-bottom:1.8rem;
}

@media (max-width:640px)
{
.register label, .login label, .register .label, .login .label,
.register p, .login form input, form.sub p,
form.sub input[type="password"], form.sub input[type="email"],
div.msg div.error, div.msg div.ok, .extra_link span
{
  font-size:1.3rem;
}
}

@media (max-width:400px)
{
.register label, .login label, .register .label, .login .label,
.register p, .login form input, form.sub p,
form.sub input[type="password"], form.sub input[type="email"],
div.msg div.error, div.msg div.ok, .extra_link span
{
  font-size:1rem;
}
}