@charset "utf-8";
@import "//avtweb-black.s3-us-west-2.amazonaws.com/css/animate.min.css";
@import "//avtweb-black.s3-us-west-2.amazonaws.com/landing_page/css/default.css";
@import "nav.css";
html, body {
  height: 100%;
}
a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
figure {
  margin: 0;
}
body {
  font-family: 'Montserrat', sans-serif !important;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  font-size: 0.6153846153846154rem;
  font-weight: 400;
  line-height: 1.47059;
  color: #2B2B2B;
}
header {
  position: relative;
  padding: 3.5% 0 4.5%;
}
header a {
  display: inline-block;
}
header:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ececec;
  width: 50%;
  z-index: 1
}
header:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0000;
  width: 50%;
  z-index: 1
}
.concent {
  position: relative;
  z-index: 100;
  width: 90%;
  margin: 0 auto;
}
header .concent article {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.brand {
  width: 6.051282051282051rem;
  height: 1.1794871794871795rem;
}
header .concent .nav_bar {
  text-align: right;
}
header .concent nav a {
  color: #fff;
  display: block;
  white-space: nowrap;
  font-size: 1.7435897435897436rem;
}
header .concent nav a:hover {
  text-decoration: none
}
header .concent dl {
  position: relative;
  z-index: 1
}
header .concent dl dt {
  position: relative;
  z-index: 10
}
header .concent dl dd {
  position: relative;
  z-index: 1
}
header .concent dl dt h1 {
  font-size: 1.5384615384615385rem;
}
header .concent dl dt h1 span {
  display: block
}
header .concent dl dt h1 span:nth-of-type(2) {
  padding: 0 0 0 17%;
}
header .concent dl dt h1 span:nth-of-type(3) {
  padding: 0 0 0 43%;
}
h2 {
  font-size: 0.8205128205128205rem;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 4%
}
p {
  margin: 0
}
section dl, footer dl {
  margin: 0;
}
section dl dd {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.section1 dl dd, .section3 dl dd {
  padding: 2% 5% 10%;
  background-color: #A0BBC6
}
.section2 dl dd {
  padding: 2% 5% 10%;
  background-color: #E8E8E8
}
.section3 dl dd {
  padding: 2% 5% 10%;
  background-color: #B8B8B8
}
.section4, .section5 {
  padding: 5% 0;
}
.section5, .section6 {
  padding: 5% 0 4%;
}
.section5 {
  background-color: #e8e8e8
}
.section4 hgroup, .section5 hgroup {
  margin: 0 0 2%;
}
.section4 hgroup h2, .section5 hgroup h2 {
  margin: 0 0 2%;
}
ul.products_list {
  list-style: none;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 5% -0.2564102564102564rem 0;
}
ul.products_list li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 0.2564102564102564rem;
  margin: 0.2564102564102564rem 0;
}
ul.products_list li a {
  display: inline-block;
  padding: 6%;
  height: 100%;
  border-radius: 0.2564102564102564rem;
  font-size: 0.5rem;
  line-height: normal;
  color: #2B2B2B;
  background-color: #fff;
  box-shadow: hsl(0, 0%, 55%) 0 0 0.20512820512820512rem;
  overflow: hidden;
}
ul.products_list li a:hover {
  color: #ff0000;
  text-decoration: none
}
ul.products_list li a img {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  transform: scale(1)
}
ul.products_list li a:hover img {
  transform: scale(1.1)
}
ul.products_list li a strong {
  display: block;
  font-size: 0.7rem;
  margin: 20% 0 2%;
}
.section6 article {
  padding: 4%;
  font-size: 0.5128205128205128rem;
  background-color: #E8E8E8;
  border-radius: 0.20512820512820512rem;
  box-shadow: 0rem 0.05128205128205128rem 0.1282051282051282rem 0rem rgba(0, 0, 0, .5);
}
.section6 article:first-of-type h2 {
  margin: 0
}
.section6 article:first-of-type p {
  margin: 3% 0 5%;
}
.section6 article:last-of-type {
  padding: 4%;
  margin: 7% 0 5%
}
small {
  display: block;
  font-size: 0.46153846153846156rem
}
.section7 {
  padding: 3.5% 0;
}
form ul {
  list-style: none;
  padding: 0;
  font-size: 0.5384615384615384rem;
  margin: 0 -0.2564102564102564rem
}
form ul li {
  padding: 0 0.2564102564102564rem;
  margin-bottom: 0.5128205128205128rem
}
form ul li, form ul li input, form ul li select, form ul li textarea {
  width: 100%;
  border: none
}
form ul li input, form ul li select {
  padding: 0.46153846153846156rem 0 0.46153846153846156rem 0.46153846153846156rem
}
form ul li select {
  position: relative;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
form ul li select span {}
form ul li textarea {
  padding: 0.46153846153846156rem
}
form ul li:nth-of-type(1), form ul li:nth-of-type(2), form ul li:nth-of-type(3), form ul li:nth-of-type(4) {
  width: 50%
}
.section7 {
  background-color: #e8e8e8
}
.submit_btn, footer dl dt a {
  display: inline-block;
  padding: 0.3076923076923077rem 1.1282051282051282rem;
  color: #fff;
  background-color: #FE0000;
  font-size: 0.75rem;
  margin: 2% 0;
}
.submit_btn:hover {
  text-decoration: none;
  background-color: #ba0000
}
footer {
  font-size: 0.4358974358974359rem;
  padding: 3% 7%;
  background-color: #B8B8B8;
  text-align: center
}
footer dl dt a {
  color: #2B2B2B;
  background-color: #fff;
  margin: 5% 0;
}
footer dl dt a:hover {
  text-decoration: none;
}
footer h3 {
  font-weight: 600;
  margin: 0 0 0.5128205128205128rem
}
footer dd {
  margin: 5% 0 0;
}
footer dd h3 {
  margin: 0 0 0.2564102564102564rem
}
footer dd small {
  font-size: 0.358974358974359rem
}
/********* social *******************************************************************************/
.social {
  margin: 0 0 0.5128205128205128rem
}
.social a {
  position: relative;
  display: inline-block;
  margin: 0 6% 0 0;
  width: 1.2820512820512822rem;
  height: 1.2820512820512822rem;
  border: 1px solid #2d2d2d;
  border-radius: 1.2820512820512822rem;
  transform: scale(1)
}
.social a:hover {
  transform: scale(1.1)
}
.social a:last-of-type {
  margin: 0;
}
.social a:before {
  content: "";
  color: #2d2d2d;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  width: 0.6410256410256411rem;
  height: 0.5897435897435898rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.facebook:before {
  background-image: url("../img/fb.svg");
}
a.youtube:before {
  background-image: url("../img/youtube.svg");
}
select.minimal {
  background-repeat: no-repeat;
  background-position: 96% 0.6666666666666666rem;
  background-size: 0.5128205128205128rem auto;
  background-image: url(../img/arrow_down.svg);
  background-color: #fff;
}
.submit_btn_wrap {
  text-align: center;
  padding: 5% 0;
}
::placeholder {
  color: #2d2d2d;
}
:-ms-input-placeholder {
  color: #2d2d2d;
}
::-ms-input-placeholder {
  color: #2d2d2d;
}