*{margin:0;padding:0;transition:.6s linear}
img{max-width:100%;height:auto;width:auto}

@font-face{font-family:'Cuprum-Regular';
    src:url('fonts/Cuprum-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Cuprum-Regular.woff') format('woff'),
        url('fonts/Cuprum-Regular.ttf') format('truetype'),
        url('fonts/Cuprum-Regular.svg#Cuprum-Regular') format('svg');
            font-weight:400;font-style:normal;font-display:swap;}


body {font-family:'Cuprum-Regular'; background: rgba(245,245,245,1.00)}
.ye {color: rgba(237,156,35,1.00)}
.center {text-align: center}
span.mimi{display:none}

#top {width: 100%; background: rgba(0,0,0,1.00);color: white; border-bottom: 4px solid rgba(237,156,35,1.00)}
#logo {width: 100%; min-height: 200px; 
background-image: linear-gradient(to bottom, rgba(0,0,0,1.00) 70%, rgba(0,0,0,1.00) 70%, rgba(245,245,245,1.00) 100%);
background-size: 100% auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(245,245,245,1);
}
.ali {width: calc(100% - 16px); max-width: 1600px; margin: 0 auto; height: 22px;  padding: 4px 8px 12px 8px}
.ali p {font-size: 24px}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}

#logo>div {
  width: 100%; max-width: 1600px; margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
#logo>div>div {
  flex-grow: 1;
  width: 33%;
  height: 100px;
}
.phone {padding-top: 12px; font-size: 26px}
.phone a {color: white; text-decoration: none}
.phone a:hover {color:rgba(202,123,5,1.00)}
span.sm {font-size: 18px; font-style: italic; color: white}


.banner {margin: 50px auto; width: calc(98% - 4px); max-width: 1596px}
.banner img {border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border:2px solid rgba(237,156,35,1.00)}

.promo {width:98%; max-width: 1600px; height: auto; margin: 50px auto}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}
    
.block {
  display: flex;
  align-items: center;
}

.block img + .block-text {
  margin-left: 0.5em;
}

.box {width:98%; max-width: 1600px; height: auto; background: white; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; margin: 100px auto; color: black}
.box h1{font-size: 28px; padding: 10px}
.box h2{font-size: 26px; padding: 10px}
.box h3{font-size: 24px; padding: 10px}
.box p{font-size: 22px; padding: 10px}
.promo{font-size: 22px}
.box a{color: black; text-decoration: underline}
.box a:hover{color:rgba(237,156,35,1.00); text-decoration: none}

.box1 {width:98%; max-width: 1600px; height: auto; min-height: 500px;text-align: center; background: url("img/pvd.jpg") no-repeat right white; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; margin: 100px auto; color: black}
.box1 h2{font-size: 48px; padding: 100px 10px 10px 10px;  color: rgba(237,156,35,1.00); font-weight: bold; text-shadow: 2px 2px black}
.button {
  background-color: #ed9c23;
  border: none;
  color: #f9f6ff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 80px 2px 4px 2px;
  cursor: pointer;
}
.button:hover {
  background-color: #ca7b05; 
}

.deliver_area {width: calc(98% - 22px); max-width: 1600px; margin: 40px auto; border: 1px solid rgba(237,156,35,1.00); background: white; border-radius:15px; -moz-border-radius:15px;  -webkit-border-radius:15px; padding: 10px; font-size: 22px}


.dummy_page {
  height: auto;
  width: 100%;
  background-color:rgba(19,19,19,1.00);
  padding: 20px 0px;
}
.footer-cta {
  border-bottom: 1px solid #373636;
}
.row-f {width:100%; max-width: 1600px; margin: 0 auto; display: flex}
.col-f {width: 33.3%; text-align: center}
.single-cta i {
  color: #ed9c23;
  font-size: 42px;
  margin-top: 0
}
.cta-text h4 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 2px;
}
.dummy_page a, .cta-text span {
  color: #757575;
  font-size: 22px;
  text-decoration: none
}
.dummy_page a:hover {
  color: #ffffff;
  text-decoration: none
}


/* STYLES SPECIFIC TO FOOTER  */
.footer {
  width: 100%;
  position: relative;
  height: auto;
  background-color:rgba(19,19,19,1.00);
  padding: 40px 0 20px 0;
}
.footer .col {
  width: calc(25% - 40px);
  height: auto;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 20px 20px 20px
}
.footer .col h5 {
  margin: 0;
  font-size: 24px;
  padding: 20px 0px 5px 0px;
  color: white;
  font-weight: normal;
  text-transform: uppercase;
}
.footer .col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer .col ul li {
  color: #999999;
  font-size: 22px;
  font-family: inherit;
  font-weight: bold;
  padding: 5px 0px 5px 0px;
}
.social ul li {
  display: inline-block;
  padding-right: 5px !important;
}

.footer .col ul li a:hover {
  color: #ffffff;
}
.clearfix {
  clear: both;
}
@media only screen and (min-width: 1280px) {
  .contain {
    width: 1600px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1139px) {
  .contain .social {
    width: 1000px;
    display: block;
  }
  .social h1 {
    margin: 0px;
  }
}
@media only screen and (max-width: 950px) {
  .footer .col {
    width: 33%;
  }
  .footer .col h1 {
    font-size: 14px;
  }
  .footer .col ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 500px) {
    .footer .col {
      width: 50%;
    }
    .footer .col h1 {
      font-size: 14px;
    }
    .footer .col ul li {
      font-size: 13px;
    }
}
@media only screen and (max-width: 340px) {
  .footer .col {
    width: 100%;
  }
}


.copyright {  width: 100%; padding: 40px 0 20px 0; position: relative;  height: auto;  background-color:rgba(19,19,19,1.00);}
.copyright p {text-align: center; font-size: 22px; padding: 9px 20%; color: rgba(149,147,145,1.00)}



@media only screen and (max-width:1280px){
.ali {padding: 4px 8px 10px 8px}
.ali p {font-size: 22px}
.box h1,.cta-text h4{font-size: 27px}
.box h2{font-size: 25px}
.box h3{font-size: 23px}
.box p, .promo,#footer p,.dummy_page a, .cta-text span,.copyright p {font-size: 21px}
.box1 h2{font-size: 46px; padding: 95px 20px 10px 20px}
}


@media only screen and (max-width:1024px){
.ali {padding: 4px 8px 8px 8px}
.ali p {font-size: 20px}
.box h1,.cta-text h4{font-size: 26px}
.box h2{font-size: 24px}
.box h3{font-size: 22px}
.box p, .promo,#footer p,.dummy_page a, .cta-text span,.copyright p{font-size: 20px}
.box1 h2{font-size: 44px; padding: 90px 20px 10px 20px}
.button {
  font-size: 23px;
}

.row {
  display:inline-block;
  width: 98%;
    margin: 0 1%;
}
.column {
  display:inline-block;
  width: 49%;
}
}



@media only screen and (max-width:768px){
.ali {padding: 4px 8px 6px 8px}
.ali p {font-size: 18px}
.box h1,.cta-text h4{font-size: 25px}
.box h2{font-size: 23px}
.box h3{font-size: 21px}
.box p, .promo,#footer p,.dummy_page a, .cta-text span,.copyright p{font-size: 19px}
.box1 h2{font-size: 42px; padding: 85px 20px 10px 20px}
.button {
  font-size: 22px;
}
#logo>div {
  display: inline-block;
}
#logo>div>div {
  width: 100%;
}
.logo {text-align: center}
.phone {padding-top: 32px; font-size: 24px}
span.sm {font-size: 17px}
.row-f { display: inline-block}
.col-f {width: 100%;padding: 12px 0}
}

@media only screen and (max-width:480px){
.ali {padding: 4px 8px 4px 8px}
.ali p {font-size: 16px}
.box h1,.cta-text h4{font-size: 24px}
.box h2{font-size: 22px}
.box h3{font-size: 20px}
.box p, .promo,#footer p,.dummy_page a, .cta-text span,.copyright p{font-size: 18px}
.box1 h2{font-size: 40px; padding: 80px 20px 10px 20px}
.button {
  font-size: 21px;
}
.phone {font-size: 22px}
span.sm {font-size: 16px}
    
.row {
  display:inline-block;
  width: 98%;
    margin: 0 1%;
}
.column {
  display:inline-block;
  width: 100%;
}
}

@media only screen and (max-width:320px){
.ali {padding: 4px 8px 2px 8px}
.ali p {font-size: 14px}
.box h1,.cta-text h4{font-size: 23px}
.box h2{font-size: 21px}
.box h3{font-size: 19px}
.box p, .promo,#footer p,.dummy_page a, .cta-text span,.copyright p{font-size: 17px}
.box1 h2{font-size: 38px; padding: 75px 20px 10px 20px}
.button {
  font-size: 20px;
}
.phone {font-size: 20px}
span.sm {font-size: 15px}
}