/*--
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;
  background-color: #999999;
/*  border-radius:4px; */
  font-size:1.3rem;
}
.facts{
  padding: 4% 4% 4% 4%;
  background-color: #999999;
}
.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: gold;
  font-size: inherit;
  font-weight:bold;
  background-color: #999999; /* tab background */
  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: #666666;
  text-shadow: none;
  color: gold;
}

.resp-tab-active {
  background-color: #000000;
  text-shadow: none;
}
.resp-tabs-container {
  padding: 0px;
  background-color: gold;
  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; */
  font-size: inherit;
  margin: 0px;
  padding: 10px 15px;
  background:#C5CDD1;
  margin:10px 0;
  color:gold;
}
h2.resp-accordion:hover{
  background:#FE2232;
  text-shadow: none;
  color: gold;
}
.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; */
  font-size: inherit;
}
.register p {
  color: #000000;
  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 { */
.register input {
  width: 95%;
  padding: 0.8rem 0.8rem;
  color: #000000;
  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; */
  font-size: inherit;
  color: #000000;
  padding: 1em 0;
  font-weight: 400;
}
.login form input  {
  width: 95%;
  padding:1rem 1rem 0.9rem 1rem;
  color: #000000;
/*  font-size:1.5rem; */
  font-size: inherit;
/*  outline: none; */
/*  border: none; */
/*  border: 2px solid #518e8e; */
  border: 2px solid #0047ab;
  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; */
  font-size: inherit;
  color: gold;
  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: inherit;
  outline: none;
/*  background: none; */
  font-weight: 500;
  border: 1px solid rgba(186, 40, 23, 0.69);
}

form div div /* labels */
{
  color: #000000;
  text-align:left;
}
input[type="text"], input[type="password"], input[type="email"]
{
  border-radius:4px;
}
.top-img i.fa
{
  font-size: 3rem;
  width: 3.5rem;
  height:3.5rem;
  text-align: center;
  color: gold;
  padding:1rem;
  border-radius: 3.54rem;
  border:.3rem solid gold;
}
div.msg div.error, div.msg div.ok
{
/*
  font-size:1.5rem; 
  padding:.5rem;
  margin:1rem;
  color: #fff7a9;
*/
}
div.msg div.error, div.msg div.ok
{
  padding:5px 10px 5px 50px; 
  border-radius: 6px;
  width:75%;
  margin:0 auto;
}
div.msg div.error
{
/*  color: red; */
/*  border:.3rem solid red;  */
  font-size:1.5rem;
  background:url(../images/error.png) 10px 6px no-repeat #ffc0c0; 
  background-size:32px 32px;
  color:#666452;
  min-height:40px;
}
div.msg div.ok
{
  font-size:1.5rem;
  background:url(../images/success.png) 10px 6px no-repeat #e5ffce; 
  background-size:32px 32px;
  color:#6a6668;
  min-height:40px;
}

.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; */
  font-size: inherit;
  cursor:pointer;
}

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

@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.1rem;
}
.submit-button
{
  font-size:1.1rem !important;
}
}

/*
@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:1.1rem;
}
.submit-button
{
  font-size:1.1rem !important;
}
}
*/