.clearfix:after {
  content: " ";
  clear: both;
  display: table;
}
section.map {
height:500px;
position: relative;
}
section.map  iframe {
display: block;
width:100%;
height:100%;
}
nav.w-33 {
width:35%;
}

.price-question__answer a {color: #29abe2;}
.price-question__answer a:hover {color: #f9bb0f;}

.sdk {
  position: relative;
  overflow:hidden;
}

.sdk h2 {font-size:30px;}
.sdk h3 {font-size:24px;}

.sdk .offset-top {
  background-image: url("../img/sdk-bg.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
.sdk .offset-top .inner {
  padding-top: 100px;
  padding-bottom: 70px;
  position: relative;
}
.sdk .offset-top .inner .preview__label-2 {
  text-transform: uppercase;
  color: #F8BD12;
  font-size: 24px;
}
.sdk .offset-top .inner .preview__title {
  text-transform: uppercase;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.2;
  margin: 40px 0;
}
.sdk .offset-top .inner .preview__info {
  line-height: 1.56;
  font-size: 18px;
  margin-bottom: 50px;
}
.sdk .offset-top .inner a {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 600;
}
.sdk .offset-top .sdk__devices {
  width: 950px;
  position: absolute;
  left: 50%;
  top: 180px;
}
.sdk .offset-top .sdk__devices  img {
  width: 100%;
  height: auto;
  display: block;
}
.sdk .offset-bottom .inner .w-66 {
  float: left;
}
.sdk .offset-bottom .inner .w-66 > * {
  padding-right: 70px;
}
.sdk .offset-bottom .inner .w-66 h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 1.1em;
}
.sdk .offset-bottom .inner .w-66 p {
  font-size: 18px;
  line-height: 1.67;
  margin-bottom: 1.1em;
}
.sdk .offset-bottom .inner .w-66 p.p-big {
  font-size: 24px;
  margin-bottom: 50px;
}
.sdk .offset-bottom .inner .w-33 {
  float: left;
}
.nf-form-cont {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  padding: 50px;
  border-radius: 3px;
}
.nf-form-title, .nf-before-form-content {
	display:none;
} 
.nf-field-container {
  margin-bottom: 30px;
}
.nf-field-label  label {
  display: block;
  font-size: 12px;
  color: #8D8D8D;
  margin-bottom: 15px;
  font-weight: normal !important;
}

.nf-field-container input, .nf-field-container select {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #E1E1E1;
  font-size: 24px;
  padding-bottom: 5px;
  height: auto;
  font-family: "Open Sans", sans-serif;
}

.nf-field-container.button--sale input
{
	border-bottom: 0px;
}

#nf-form-2-cont .nf-field-container input, #nf-form-2-cont .nf-field-container select {
font-size:13px;
}
.nf-field-container input:focus {
  border-color: #2D87C7;
}
.nf-field-container .nf-error input {
  border-color: #ED1C24;
}
.nf-error .ninja-forms-field {
border-top:none !important;
border-left:none !important;
border-right:none !important;
}
.nf-after-field .nf-error-msg {
font-size:12px;
}
#nf-field-8, #nf-field-15 {
  width: 100%;
  font-size: 13px;
  border: 1px solid #29abe2;
  text-transform: uppercase;
  padding: 0;
  height: auto !important;
}
#nf-field-8-container, #nf-field-15-container {
margin-bottom:0;
}
#nf-field-15 {
width: auto;
border: 2px solid #29abe2;
}
#nf-field-13 {
font-size:14px;
}
#nf-field-11-container .nf-error-msg {
text-align: left;
}
.nf-response-msg {
margin-bottom: 30px;
}
.nf-response-msg p:last-child {
display:block;
}
.nf-after-form-content {
display:block;
}
.yellow-block-sdk {
  background-color: #F7BB0D;
  padding: 30px 40px;
  color: #fff;
  position: relative;
}
.yellow-block-sdk img {
  position: absolute;
  left: 50px;
  top: 50%;
  margin-top: -41px;
}
.yellow-block-sdk .sdk-text {
  float: left;
  padding-left: 140px;
}
.yellow-block-sdk .sdk-text .big-text {
  font-size: 26px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 10px;
}
.yellow-block-sdk .sdk-text .small-text {
  font-size: 24px;
  line-height: 1;
}
.yellow-block-sdk a {
  float: right;
  border-color: #fff !important;
}
.yellow-block-sdk:before {
  border-color: transparent #c29207 transparent transparent;
  border-width: 0 25px 20px 0;
  bottom: -20px;
  left: 0;
  border-style: solid;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}

.map-block .yellow-block-sdk .sdk-text {
width:660px;
}

.map-block .yellow-block-sdk .sdk-text .small-text  {
font-size:18px;
line-height:1.5;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

.remodal h3 {
font-size: 20px;
color: #fff;
}

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
  background: rgba(0, 0, 0, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;

  border: 0;
}

/* Keyframes
   ========================================================================== */

@keyframes remodal-opening-keyframes {
  from {
    transform: scale(1.05);

    opacity: 0;
  }
  to {
    transform: none;

    opacity: 1;

    filter: blur(0);
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: scale(1);

    opacity: 1;
  }
  to {
    transform: scale(0.95);

    opacity: 0;

    filter: blur(0);
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */

@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

#nf-form-2-cont {
background-color: #fff;
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}

.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal-wrapper .remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  transform: translate3d(0, 0, 0);
  text-align: left;
}
.remodal-wrapper .remodal .remodal-header {
  margin-bottom: 30px;
  position: relative;
}
.remodal-wrapper .remodal .remodal-header button {
  position: absolute;
  right: 0;
  top: 50%;
  border: none;
  background-color: transparent;
  margin-top: -6px;
  font-size: 20px;
  color: #ffffff;
}
.remodal-wrapper .remodal .remodal-header button:hover {
  color: #6f6f6f;
}
.remodal-wrapper .remodal .remodal-header button:before {
  font-size: 20px;
}
.remodal-wrapper .remodal form button {
  width: 100%;
}

.sdk .offset-bottom .inner .w-66 .download-buttons {
margin-bottom:0;
}

.sdk .offset-bottom .inner .w-66 .download-buttons a {
	display:inline-block;
	margin-right: 20px;
}

.sdk .offset-bottom .inner .w-66 .download-info {
	font-size:12px
}

.sdk .offset-bottom .inner .w-66 .download-info span {
	width: 130px;
	display: inline-block;
	position: relative;
	top: -5px;
}

.sdk .platforms {
	padding-top: 0 !important;
}

.sdk .selfie {
	padding-top: 30px;
}

.sdk .platforms h3 {
	margin-bottom:10px;
	font-size: 24px;
}

.sdk .platforms h4 {
	margin-bottom:10px;
	font-size: 18px;
	margin-top: 35px;
}

.sdk .platforms .button {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	position: absolute;
	right: 0;
	top: 40px;
}

.sdk .platforms .button.inactive {
	border-color: #E7E7E7 !important;
	color: #E7E7E7 !important;
	background-color: #fff !important;
	cursor: text;
}

.sdk .platforms .platform {
	position: relative;
	padding: 35px 0;
	border-bottom: 1px solid #E1E1E1;
}

.sdk .platforms .platform.first {
	margin-top: 35px;
	border-top: 1px solid #E1E1E1;
}

.sdk .platforms .platform .text {
	padding-right: 300px;
}

.sdk .platforms .platform .text ul {
	line-height: 1.7;
}

.sdk-remodal {
	max-width: 600px;
}

.sdk-remodal  .remodal-content {
	background-color: white;
	padding: 60px 40px;
	text-align: center;
}
.sdk-remodal  .remodal-content h3 {
	margin-bottom: 55px;
	color: black;
}

.sdk-remodal  .remodal-content p {
	margin-bottom: 55px;
}

.sdk-remodal  .remodal-content .button {
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
}

.sdk-remodal .remodal-close  {
	background: none;
	border: none;
	position: absolute;
	right: 20px;
	top: 20px;
}

.sdk .no-margin {
	margin-bottom: 0 !important;
}

.calc-remodal {
	max-width: 720px;
}

.calc-remodal  .remodal-content {
	background-color: white;
	position: relative;
	padding-top: 50px;
}

.calc-remodal  .remodal-content h2 {
	margin-bottom: 35px;
	color: black;
	text-align: center;
}

.calc-remodal  .remodal-content > p {
	margin-bottom: 10px;
	text-align: center;
}

.calc-remodal .remodal-close  {
	background: none;
	border: none;
	position: absolute;
	right: 20px;
	top: 20px;
}

.calc-remodal .field  {
	width:300px;
	border: 1px solid #e1e1e1;
	margin: 0 auto 45px auto;
	position: relative;
	border-radius:5px;
}

.calc-remodal .field input {
	border:none;
	font-size:24px;
	padding:12px 0;
	width: 100%;
	text-align: center;
	border-radius:5px;
}

.gray-plans {
	background-color: #F7F7F7;
}

.gray-plans .item {
	border-bottom: 1px solid #fff;
	padding: 25px 35px;
	margin: 0 110px;
	opacity: 0.7;
}

.gray-plans .item.plan-5 {
	opacity: 1;
	text-align: center;
	padding-bottom: 35px;
	display: none;
}

.gray-plans .item.plan-5 p {
	margin-bottom: 20px
}

.pull-left {float:left;}
.pull-right {float:right;}

.gray-plans .pull-left h4 {
	font-size: 21px;
	margin-bottom: 5px;
}

.gray-plans .pull-left p {
	font-size: 15px;
}

.gray-plans .pull-right  {
	padding-top: 15px;
}


.gray-plans .pull-right > div {
	display: inline-block;
}

.gray-plans .pull-right .price-item {
	font-size:36px;
}

.gray-plans .pull-right .export {
	font-size:12px;
	line-height: 1.2;
	margin-left: 15px;
}

.gray-plans .item.active {
	background-color:#fff;
	margin:0 -10px;
	border: 1px solid #F5BC34;
	opacity: 1;
	padding-left: 150px;
	padding-right: 150px;
	box-shadow:0px 5px 20px 0px rgba(76,105,126,0.2);
}

.gray-plans .item.active .pull-right {
	color: #F5BC34;
}

.gray-plans .item.active .pull-right .export {
	position: relative;
	top: 4px;
}

.gray-plans .active .pull-left h4 {
position:relative;
}

.gray-plans .active .pull-left h4:before {
display:block;
content:'';
position: absolute;
width:30px;
height:38px;
background-image: url("../img/calc-lamp.png");
left:-42px;
top:-8px;
}

.sdk .price {
margin-left:0;
margin-right:0;
padding-top: 0;
}

.sdk .price__inner {
border:none;
padding:0;
margin:0;
}

.sdk .prices {
background-color: #F8F8F8;
padding:50px 0 80px 0;
margin-bottom:60px;
}

.sdk .price .price__item--export span {
font-size:24px;
font-weight:bold;
}

.sdk .price__item {
background-position:0 18px;
}

.sdk h2.price__title {
font-size:24px;
}

.sdk .price__item--plus-ind {
background-image: none;
margin-top: 32px !important;
padding-left: 0;
}

.prices .inner > h2 {
margin-bottom:25px;
} 

.prices .inner > p {
margin-bottom:50px;
} 

@media screen and (max-width: 1165px) {
.sdk .offset-top .sdk__devices {top:320px;width: 50%;}
.sdk .price__inner {
margin-bottom:40px;
}
}

@media screen and (max-width: 1024px) {
	.map-block .yellow-block-sdk .sdk-text {
	width:auto;
	}
  .sdk .w-33 {
    width: 40%;
  }
  .sdk .offset-top .inner .sdk__notebook {
    margin-left: -20px;
  }
  .sdk .offset-top .sdk__smartphone {
    margin-left: -50px;
  }
  .sdk .offset-bottom .inner .w-66 {
    width: 50%;
  }
  .sdk .offset-bottom .inner .w-33 {
    width: 50%;
  }
  header .w-33 {
    width: 40%;
  }
  .yellow-block-sdk a {
    float: left;
    margin-top: 30px;
    margin-left: 140px;
  }
  .sdk .price__inner {
  width:25%;
  }
}
@media screen and (max-width: 768px) {
  .sdk .offset-top .inner .preview__title {
    font-size: 32px;
  }
  .sdk .offset-top .inner .sdk__notebook {
    width: 600px;
    height: 365px;
    margin-left: 10px;
    top: 280px;
  }
  .sdk .offset-top .inner .sdk__notebook img {
    width: 100%;
    height: 100%;
  }
  .sdk .offset-top .sdk__smartphone {
    width: 193px;
    height: 340px;
    margin-left: -16px;
    top: 468px;
  }
  .sdk .offset-top .sdk__smartphone img {
    width: 100%;
    height: 100%;
  }
  .sdk .offset-bottom .inner .w-66 {
    width: 50%;
  }
  .sdk .offset-bottom .inner .w-66 h2 {
    font-size: 20px;
  }
  .sdk .offset-bottom .inner .w-66 p {
    font-size: 14px;
  }
  .sdk .offset-bottom .inner .w-66 p.p-big {
    font-size: 18px;
    margin-bottom: 1.5em;
  }
  .sdk .offset-bottom .inner .w-33 {
    width: 50%;
  }
  .nf-form-cont {
    padding: 30px;
  }
  .sdk .offset-top .sdk__devices {top:520px;left:48%;}
}
@media screen and (max-width: 600px) {
.calc-remodal .field {
	width: 240px;
}
  .sdk .offset-top .inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sdk .offset-top .inner .preview__title {
    font-size: 26px;
  }
  .sdk .offset-top .inner .sdk__notebook {
    display: none;
  }
  .sdk .offset-top .inner .preview__button {
    margin-bottom: 0;
  }
  .sdk .offset-top .sdk__smartphone {
    display: none;
  }
  .sdk .offset-bottom {
    padding-top: 30px;
    padding-bottom: 0;
  }
  .sdk .offset-bottom .inner .w-66 {
    width: auto;
    float: none;
  }
  .sdk .offset-bottom .inner .w-66 * {
    padding-right: 0;
  }
  .sdk .offset-bottom .inner .w-33 {
    width: auto;
    float: none;
  }
  .nf-form-cont {
    padding: 20px;
    margin-top: 20px;
  }
  .sdk .offset-bottom .inner .w-33 .subscribe-form button {
    font-size: 14px;
  }
  .nf-field-container input, .nf-field-container select {
    font-size: 16px;
	height: auto !important;
  }
  .yellow-block-sdk {
    padding: 20px;
  }
  .yellow-block-sdk .sdk-text {
    padding-left: 0;
  }
  .yellow-block-sdk a {
    margin-left: 0;
  }
  .yellow-block-sdk img {
    display: none;
  }
  .sdk .offset-top .sdk__devices {position:relative;top:0;left:0;width:100%;}
  .main {padding-bottom:30px;}
  .footer {margin-top:0;}
  .map-block .button {
  min-width: auto;
  width: 100%;
  }
  .remodal .nf-form-cont .one-half, .remodal .nf-form-cont .three-sixths, .remodal .nf-form-cont .two-fourths, .remodal .nf-form-cont .one-fourth {
  width: 100%;
  float:none;
  margin-left: 0;
  margin-right: 0;
  }
  #nf-field-15 {
  min-width: auto;
  width: 100%;
  }
  section.map {
  height:320px
  }
  .platforms h2 {
  margin-top: 30px;
  }
  .sdk .platforms .platform .text {
    padding-right: 0;
}
.sdk .platforms .button {
position: relative;
right: inherit;
top: inherit;
margin-top: 20px;
display:block;
}

.gray-plans .item , .gray-plans .item.active {
margin:0;
padding-left: 20px;
padding-right: 20px;
}

.gray-plans .pull-left p {
    font-size: 12px;
}

.gray-plans .pull-right .price-item {
    font-size: 30px;
}

.gray-plans .pull-right > div {
    display: block;
}

.gray-plans .pull-right {
    padding-top: 0;
}

.gray-plans .active .pull-left h4:before {
display:none;
}

}
/* Form */
.form__field {
  position: relative;
  margin-bottom: 20px;
  display: block;
}

.form__input,
.form__textarea {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  padding-left: 15px;
  padding-right: 15px;
  color: #192038;
  border: 1px solid rgba(150, 153, 160, 0.5);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-align: left;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

._error .form__input,
._error .form__textarea {
  color: red;
  border-color: red;
}

.form__input {
  height: 36px;
}

.form__textarea {
  resize: none;
  height: 310px;
  padding-top: 23px;
  padding-bottom: 23px;
  display: block;
}

.form__flag {
  position: relative;
  display: inline-block;
  padding-left: 70px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.form__flag:active {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form__flag:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-color: #9699A0;
  -webkit-box-shadow: inset 0 0 0 10px #9699A0;
  box-shadow: inset 0 0 0 10px #9699A0;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.form__input:checked ~ .form__flag:before {
  background-color: #3C4CAC;
}

.form__label {
  color: rgba(150, 153, 160, 0.9);
  font-size: 14px;
  margin-bottom: 3px;
  display: inline-block;
}

.form__message--modal {
  font-weight: normal;
  line-height: 1.83333;
  font-size: 18px;
}

.form__button {
  color: #fff;
  font-size: 14px;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.16);
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  transition: -webkit-box-shadow .2s ease-in-out;
  -o-transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  line-height: 36px;
  display: inline-block;
  position: relative;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.form__button:before,
.form__button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.form__button:before {
  background: -webkit-linear-gradient(315deg, #ec3d49 0%, #f3943c 100%);
  background: -o-linear-gradient(315deg, #ec3d49 0%, #f3943c 100%);
  background: linear-gradient(135deg, #ec3d49 0%, #f3943c 100%);
}

.form__button:after {
  background: -webkit-linear-gradient(285deg, #ec3d49 0%, #f3943c 100%);
  background: -o-linear-gradient(285deg, #ec3d49 0%, #f3943c 100%);
  background: linear-gradient(165deg, #ec3d49 0%, #f3943c 100%);
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 0;
  will-change: opacity;
}

.form__button:hover {
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.32);
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.32);
}

.form__button:hover:after {
  opacity: 1;
}

.form__link {
  color: #3C4CAC;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.form__link:hover {
  opacity: .6;
}

.form__link-box {
  margin-top: 15px;
}

.form-upload {
  position: relative;
}

.form-upload__input {
  position: absolute;
  top: 0;
  left: -999999px;
  opacity: 0;
}

.hamburger {
  vertical-align: middle;
  display: inline-block;
  height: 16px;
  width: 24px;
  cursor: pointer;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
}

.hamburger:active {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.hamburger[toggle-mobile-menu="open"] .hamburger__inner {
  background-color: transparent;
}

.hamburger[toggle-mobile-menu="open"] .hamburger__inner::before {
  -webkit-transform: translate3d(-50%, 7px, 0) rotate(45deg);
  transform: translate3d(-50%, 7px, 0) rotate(45deg);
}

.hamburger[toggle-mobile-menu="open"] .hamburger__inner::after {
  -webkit-transform: translate3d(-50%, -7px, 0) rotate(-45deg);
  transform: translate3d(-50%, -7px, 0) rotate(-45deg);
}

.hamburger__inner,
.hamburger__inner::before,
.hamburger__inner::after {
  height: 2px;
  position: absolute;
  -webkit-transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, background-color, -webkit-transform;
  -o-transition-property: opacity, transform, background-color;
  transition-property: opacity, transform, background-color;
  transition-property: opacity, transform, background-color, -webkit-transform;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  background-color: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.hamburger__inner {
  top: 50%;
  margin-top: -1px;
  width: 24px;
  margin-left: auto;
  margin-right: auto;
}

.hamburger__inner::before,
.hamburger__inner::after {
  content: "";
}

.hamburger__inner::before {
  width: 20px;
  top: -7px;
}

.hamburger__inner::after {
  bottom: -7px;
  width: 20px;
}