@charset "utf-8";
/* CSS Document */

a:hover {
  color: var(--main-color);
  text-decoration: none;
}
a:focus {
  color: var(--main-color);
  text-decoration: underline;
}
:root {
  --border: #eee solid 1px;
  --wrapper: 1620px;
  --main-color: #0c68bf;
  --main2-color: #eb3c00;
  --main3-color:#235685;
  --linearX: linear-gradient(#eb3c00, #8cbc61);
  --linearY: linear-gradient(90deg, #722e8a, #009944);
  --listbg: #f4f8fa;
  --tit-color: #2a2a29;
  --sum-color: #7d7772;
}

  :root {
    --padding: 80px 10px;
    --margin: 90px auto;
    --m80: 80px 0;
    --m50: 50px 0;
    --f80: 80px;
    --f70: 70px;
    --f60: 60px;
    --f50: 50px;
    --f48: 48px;
    --f40: 40px;
    --f36: 36px;
    --f30: 30px;
    --f28: 28px;
    --f26: 26px;
    --f24: 24px;
    --f22: 22px;
    --f20: 20px;
    --f18: 18px;
  } 
  .btn-primary {
    color: #fff;
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form-control:focus {
    color: var(--main-color);
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0;
    box-shadow: none;
}
.s_button1:before {
     display: none;
}
  span, div {
    font-family: arial,helvetica,sans-serif;word-wrap: break-word;    word-break: normal;
}

@media only screen and (max-width: 1400px) and (min-width: 1200px){


}
@media only screen and (max-width: 1200px) and (min-width: 768px){
  

  

}
@media screen and (max-width:768px){
 
}
@media screen and (min-width:768px){


}