﻿

.header{width: 100%;height: 120px;outline: none;background: #fff;}
.header .box{display: flex;justify-content: space-between;align-items: center;height: 120px;}
.header .box .logo{padding: 0;margin: 0;}
.header .box .logo img{max-width: 160px;width: 100%;margin: 0;}
.header .box .menu {margin: 0;}
.header .box .menu li {float: left;list-style: none;margin: 0;}
.header .box .menu li a {color: #282828;font-size: 16px;font-weight: 400;padding: 5px 10px;}
.header .box .menu li a:hover {color: #2fc1c4;}
.header .box .account{margin: 0;}
.header .box .account a.primary{background: rgb(49,194,195);background: linear-gradient(90deg, rgba(49,194,195,1) 0%, rgba(0,165,226,1) 100%);font-size: 16px;font-weight: 500;padding: 10px 30px;border-radius: 25px;outline: none;color: #fff;margin: 0 10px;display: inline-block;text-align: center;}
.header .box .account a.primary:hover {background: #8B7355;}
.header .box .account a.outline{background: transparent;font-size: 14px;font-weight: 500;padding: 10px 30px;border-radius: 25px;outline: none;color: #282828;margin: 0 10px;display: inline-block;text-align: center;border: 2px solid #282828;}
.header .box .account a.outline:hover {background: #8B7355;border: 2px solid #7200a2;color: #fff;}
.header .mobile{display: none;}


.police-1 {height: 80px;background: #fff;}

.police-2{padding: 80px 0;margin: 0;outline: none;background: #ffffff;}
.police-2 h1{margin: 15px 0px;padding: 0;font-size: 30px;}
.police-2 h3{font-size: 15px;color: #8B7355;font-weight: 700;margin: 0;text-transform: uppercase;letter-spacing: 2px;}
.police-2 p{font-size: 17px;color: #2828S28;margin: 30px 0px;}
.police-2 img{max-height: 280px;float: right;}

.police-3{padding: 80px 0;margin: 0;outline: none;background: #8B7355;text-align: left;color: #fff;}
.police-3 h3{font-size: 22px;color: #fff;font-weight: 700;margin: 0 0 30px 0;}
.police-3 p{font-size: 17px;color: #fff;margin: 0 0 30px 0px;text-align: left;}
.police-3 li{font-size: 17px;line-height: 24px;margin-bottom: 15px;}
.police-3 li:last-child{margin: 0;}



@media screen and (max-width: 1300px){
  .container {max-width: 1000px;}
  .header .menu li a{padding: 5px 15px;}
  .header .box .logo img{width: 140px;}


}

@media screen and (max-width: 1024px) {
  .header .menu{display: none;}
  .header .account {display: none;}
  .header .mobile {display: block;}
  .header .bt-menu{display: block;cursor: pointer;margin: -35px 0px 0px;float: right;}
  .header .bt-close{display:none;cursor: pointer;margin: 24px 0px;float: right;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
  .header .hide{display: none !important;}
  .header .show{display: block !important;}

}

@media screen and (max-width: 720px) {


}
