/*** HERO ***/
.hero {
  height: 320px;
  background-image: url('../img/hero_contact.jpg');
  background-size: cover;
  background-position: center center;
}
.hero .title {
  background-color: #d73a31;
  color: #fff;
  font-size: 36px;
  font-size: 3.6rem;
  padding: 16px 160px 20px 35px;
  display: inline-block;
  line-height: 1.2;
}
.hero .title img {
  top: -38px;
  right: -5px;
}

/*** PAGE TITLE ***/
.page-title {
  background-color: #ebeced;
  padding: 40px 0 64px;
}
.page-title .head {
  color: #d73a31;
  font-size: 36px;
  font-size: 3.6rem;
  margin: 0;
  line-height: 1;
}
.page-title .subhead {
  color: #3e3e3b;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1;
  padding-left: 4px;
}

/*** ***/
.content {
  padding: 60px 0;
}

/*** PACKETS ***/
.packets,
.content {
  background-image: url('../img/bg_offer.jpg');
  background-size: cover;
  background-position: center center;
}
.packets .offer-single {
  padding-bottom: 65px;
  margin-bottom: 25px;
}
.packets .offer-single a {
  width: 90%;
  display: block;
  text-align: center;
  margin: 15px 5% 0;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.packets .offer-name {
  padding: 28px 8px 20px;
  text-align: center;
  line-height: .9;
  height: auto;
  margin: 1px -1px 0 -1px;
}
.packets .pkt-name {
  font-size: 40px;
  font-size: 4rem;
}
.packets .offer-desc {
  padding-left: 0;
  text-align: center;
  margin: 0;
  border: 0;
  min-height: 111px;
}
.packets .offer-params-head {
  padding: 30px 0 0;
}
.packets .offer-params {
  padding: 0 10px 75px 18px;
  font-size: 20px;
  font-size: 2rem;
  color: #4c586f;
  line-height: 1.1;
  background: #ededed;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ededed 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ffffff));
  background: -webkit-linear-gradient(top,  #ededed 0%,#ffffff 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#ffffff 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#ffffff 100%);
  background: linear-gradient(to bottom,  #ededed 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );
  height: 236px;
}
.packets .section:first-child {
  padding-top: 0;
}
.packets .section {
  padding: 12px 0 14px;
}
.packets .separated {
  border-bottom: 1px solid #c5c5c5;
}
.packets .entry {
  min-height: 22px;
}
.extra-link {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px 12px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #3e3e3b;
  border: 1px solid #939393;
  margin-bottom: 20px;
}
.extra-link:hover {
  color: #3e3e3b;
}

/*** EXTRA INFO ***/
.extra-info {
  background-color: #ebeced;
  padding-top: 10px;
  position: relative;
  overflow: hidden;
}
.extra-info .container {
  position: relative;
  z-index: 2;
}
.extra-info:after {
  content: '\f0e8';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate3d(-50%, -50%, 0);
  color: #dddedf;
  font-size: 720px;
  font-size: 72rem;
}
.extra-list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 96px;
  padding-right: 65px;
}
.extra-list li {
  font-size: 24px;
  font-size: 2.4rem;
  color: #3e3e3b;
  padding-left: 52px;
  position: relative;
  margin-bottom: 18px;
  line-height: 1.3;
}
.extra-list li:before {
  content: '';
  display: block;
  width: 32px;
  height: 36px;
  background-color: #41506e;
  position: absolute;
  top: -3px;
  left: 0;
}
.extra-info .files {
  padding-top: 64px;
}
.file-info {
  margin-bottom: 8px;
}
.file-time {
  font-size: 24px;
  font-size: 2.4rem;
  padding-right: 10px;
  line-height: 1.2;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.file-icon {
  display: inline-block;
  vertical-align: middle;
}
.file-icon .fa {
  color: #d73a31;
  font-size: 82px;
  font-size: 8.2rem;
  padding: 29px 35px;
  background-color: #fff;
}
.disclaimer {
  font-size: 14px;
  font-size: 1.4rem;
  color: #3e3e3b;
  line-height: 1.1;
  padding: 6px 0 20px;
  text-align: center;
}

/*** FAQ ***/
.faq {
  color: #3e3e3b;
  padding-left: 65px;
}
.faq .question {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-bottom: 25px;
  position: relative;
}
.faq .answer {
  font-size: 24px;
  font-size: 2.4rem;
  font-style: italic;
  line-height: 1.1;
  margin-bottom: 65px;
}
.faq .question:before {
  content: '\f128';
  font-family: 'FontAwesome';
  font-size: 28px;
  font-size: 2.8rem;
  border: 1px solid #706f6f;
  width: 48px;
  height: 48px;
  display: block;
  position: absolute;
  top: 3px;
  left: -65px;
  line-height: 1.75;
  text-align: center;
}

/*** FILES ***/
.file {
  padding-left: 72px;
  position: relative;
}
.file a {
  color: #3e3e3b;
  background-color: #ebeced;
  padding: 8px 20px 9px;
  margin-bottom: 10px;
  font-size: 22px;
  font-size: 2.2rem;
  display: inline-block;
  margin-bottom: 10px;

}
.file:before {
  content: '\f0f6';
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 28px;
  border: 1px solid #706f6f;
  width: 48px;
  height: 48px;
  text-align: center;
  line-height: 1.75;
  position: absolute;
  top: 0;
  left: 0;
}

/*** RANGE MAP ***/
#map-box {
  height: 500px;
}

/*** CONFIG ***/
.config {
  padding-top: 40px;
  padding-bottom: 40px;
}
.config-form .form-group {
  margin-bottom: 2px;
}
.config-form .fa {
  font-size: 22px;
  color: #fff;
  width: 22px;
}
.config-form label {
  font-weight: normal;
  padding-left: 25px;
}
.config-form .field-label {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  margin-left: 54px;
  display: inline-block;
}
.config-form .field-label.dark {
  color: #3e3e3b;
  line-height: 1.1;
}
.config-form .addon-options .radio-inline {
  color: #3e3e3b;
}
.config-form .field-label.dark:before {
  content: '';
  position: absolute;
  border-bottom: 1px solid #3e3e3b;
  width: 348px;
  bottom: 0;
}
.config-form .field-label.no-ico {
  margin-left: 89px;
}
.config-form .field-label.type {
  color: #3e3e3b;
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 104px;
  margin-bottom: 8px;
}
.config-form .config-col {
  padding: 0 55px;
}
.config-form .config-col .row {
  background-color: #3b5998;
  padding-top: 18px;
  padding-bottom: 12px;
}
.config-form .addons .config-col .row {
  background-color: #ebeced;
  margin-bottom: 1px;
  padding-bottom: 40px;
}
.config-form .addons .config-col:last-child .row {
  margin-bottom: 0;
}
.config-form .addons .checkbox {
  line-height: 1.1;
}
.config-form .form-group.addons {
  margin-top: -2px;
}
.config-form .radio-inline {
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  line-height: 1;
}
.config-form input[type="radio"] {
  line-height: 1;
}
.config-form select {
  color: #d73a31;
  font-size: 16px;
  font-size: 1.6rem;
}
.config-form .addons .checkbox {
  padding-top: 4px;
}
.config-form .config-col.summary {
  margin-top: -2px;
  color: #fff;
}
.config-form .summary .row {
  background-color: #d73a31;
}
.config-form .summary .field-label {
  margin-left: 74px;
}
.config-form .biggest {
  font-size: 36px;
  font-size: 3.6rem;
  white-space: nowrap;
}
.config-form .bigger {
  font-size: 22px;
  font-size: 2.2rem;
  white-space: nowrap;
}
.config-form .addon-options {
  margin-bottom: 6px;
  padding-left: 120px;
  line-height: 1.1;
  width: 140%;
}
.config-form form .form-group,
.config-form form p {
  margin: 0;
}
.config-form form .config-col .row {
  padding-top: 20px;
  padding-bottom: 0;
}
.config-form form label {
  padding-left: 90px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
.config-form form input[type="text"] {
  font-size: 18px;
  font-size: 1.8rem;
}
.config-form form .btn {
  width: 215px;
  height: 39px;
  border: 0;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3e3e3b;
  display: block;
  margin: 0 auto 16px;
  border-radius: 0;
  background: #fbb214;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiYjIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWQyMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fbb214 0%, #fed203 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb214), color-stop(100%,#fed203));
  background: -webkit-linear-gradient(top, #fbb214 0%,#fed203 100%);
  background: -o-linear-gradient(top, #fbb214 0%,#fed203 100%);
  background: -ms-linear-gradient(top, #fbb214 0%,#fed203 100%);
  background: linear-gradient(to bottom, #fbb214 0%,#fed203 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb214', endColorstr='#fed203',GradientType=0 );
}