@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url('style.reset.css');
@import url('style.icon.css');
@import url('jquery.bxslider.css');
body{ font-family: "Open Sans", sans-serif; font-size: 16px; color: #4a4d4a; -webkit-text-size-adjust: 100%; }
a{ text-decoration: none; }
nav{ padding: 1em 0; }
.bg{ background: url(../img/bg.jpg) no-repeat; background-size: 100% auto; overflow: hidden; }
header{ margin: 3% 5%; }
section, header ul, .icon-toldos, .logistic-pay{ display: flex; }
section div, header li, .icon-toldos li, .logistic-pay li{ flex: 1; }
header li:nth-child(2){ text-align: right; margin-top: 30px; }
header li:nth-child(2) a{ margin-left: 20px; color: #FFF; font-size: 1.2em; display: inline-block; border:solid 1px #FFF; padding: 0.8em 1.7em; border-radius: 27px; }
header li a:hover{ opacity: 0.7; }
header li span{ margin-right: 5px; } 
.logo{ width: 220px; }
section{ margin: 0 5% 3% 5%; text-transform: uppercase; }
section div{ text-align: center; vertical-align: middle; }
.icon-toldos{ text-align: center; background: #a13ed4; padding: 1em 0; margin:  0 15%; border-radius:10px; }
.icon-toldos li{ padding: 0 0.5em; }
.icon-toldos li img{ width: 35px; margin-bottom: 10px; }
.icon-toldos p{ color:#FFF; font-size: 0.8em; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 500; }
.logistic-pay{ margin: 2em 14% 0 10%; }
.logistic-pay img{ height: 32px; }
hgroup{ color: #FFF; text-shadow: 1px 1px 1px #000; margin: 4em 0 3em 0; }
hgroup h1{ font-size: 3em; font-weight: 700; }
hgroup h3{ font-size: 2.2em; font-weight: 400; padding: 0 1em; }
figure{ background: #FFF; text-align: center; overflow: hidden;}
figure h2{ font-size: 2.2em; margin: 2em 20% 1em 20%; font-weight: 400; font-style: italic; color: #6e268e; }
figure img{ width: 80%; }
.min-icon{ width: 40% !important; }
form{ padding: 3em; margin: 0; background: #FFF; border-radius: 5px;  }
form input, form textarea{ font-size: 1.1em; width: 92%; padding: 3% 4%; font-weight: 300; border: solid 1px rgba(0,0,0, 0.2); margin-bottom: 0.7em; border-radius:5px; color:#495057; font-family: "Open Sans", sans-serif; text-transform: uppercase; }
.btn{ background: #a13ed4; color: #FFF; width: 100%; cursor: pointer; letter-spacing: 0.03em; }
.btn:hover{ background: #8226b1; }
form h2{ margin-bottom: 1em; font-size: 1.5em; font-weight: 500;  }
.refer{ color: #FFF; text-align: center; font-size: 3em; background: url(../img/refer.jpg) no-repeat; background-size: 120% auto; overflow: hidden;  }
.refer h1{ font-weight: 300; margin: 2em 15%; font-style: italic; }
.refer a{ color: #FFF; font-weight: 600; }
.refer a:hover{ text-decoration: underline; }
.powered{ background: #6e268e; color: #FFF; text-align: center; padding: 2em 0; text-transform: uppercase; font-size: 0.9em; }
.powered a{ color: #FFF; font-weight: 700; }
.msg{ color: #FFF; border:solid 1px #FFF; padding: 0.5em 1em; border-radius: 25px; margin-bottom: 20px; }
@media (max-width: 567px) {
	.logo{ width: 160px; }
  .bg{ background-size: 470% auto; }
  section, header{ display: inline-block !important; }
  .icon-toldos, .logistic-pay{ display: flex !important; margin:  0 auto !important; }
  header{ margin: 3% 0; }
  header ul{ text-align: center; }
  header li:nth-child(2){ text-align: center; margin: 20px 0 0 0 !important; }
  header li:nth-child(2) a{ margin: 0 3px 5px 0; font-size: 0.9em; padding: 0.8em 1.2em; }
  section{ margin: 0 3% 3% 3%; }
  section li:nth-child(1){ margin-right: 0!important; }
  hgroup{ margin: 2em 0 !important; }
  hgroup h1{ font-size: 2.1em; padding: 0 !important; margin: 0; }
  hgroup h3{ font-size: 1.2em; padding: 0.5em 0 !important; margin: 0; }
  .logistic-pay{ margin: 0; padding: 2em 0; }
  .logistic-pay img{ height: 25px; }
  .icon-toldos li img{ width: 32px; }
  .icon-toldos p{ font-size: 0.7em; }
  form{ padding: 2em 1.5em 1em 1.5em; }
  figure h2{ font-size: 1.3em; margin: 2em 5% 1em 5%; }
  .refer{ background-size: 190% auto; }
  .refer{ font-size: 1.5em; }
  .refer h1{ margin: 1.8em 5%; }
  .powered{ font-size: 0.7em; }
}