/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,
body {
  height: 100%;
}

body {
  color: #000;
  font-size: 23px;
  line-height: 1;
  background: #fff;
  direction: rtl;
  font-family: 'fb_reformaregular';
}

#wrap {
  width: 100%;
}

a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}

:first-child {
  margin-top: 0;
}

:focus {
  outline: 0 !important;
}

.top-panel {
  height: 70px;
  background: #666;
  text-align: center;
  padding: 1px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.logo {
  display: inline-block;
  margin: 7px auto 0;
}

.intro {
  background: #c5d1cd url(../img/bg.jpg) 50% 0 no-repeat fixed;
  height: 627px;
  background-size: auto 627px;
}
.intro .container {
  max-width: 910px;
  margin: auto;
  padding: 135px 0 0;
}
.intro h1 {
  font-size: 55px;
  line-height: 48px;
  color: #4d4b4b;
  text-align: right;
  margin: 0 0 20px;
  font-weight: 900;
  max-width: 420px;
  font-family: 'fb_reformaregular';
}
.intro p {
  text-indent: 76px;
  margin: 0 0 40px;
  max-width: 500px;
  font-size: 25px;
  position: relative;
  line-height: 1.2;
}
.intro p img {
  position: absolute;
  top: 3px;
  right: 0;
}
.intro__footer {
  color: #f6852f;
  font-weight: 700;
  font-size: 30px;
  font-family: 'ReformaMedium';
}
.intro__footer span {
  text-decoration: underline;
}

.features {
  background: #fff;
}
.features .container {
  width: 984px;
  margin: auto;
}
.features__list {
  list-style: none;
  padding: 0;
  margin: -62px 0 0;
}
.features li {
  float: right;
  text-align: center;
  width: 246px;
  padding-bottom: 28px;
}
.features li.animation .features__icon {
  opacity: 0;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.features li.transition .features__icon {
  opacity: 1;
}
.features__icon {
  display: block;
  width: 111px;
  height: 111px;
  margin: 0 auto 10px;
  border: solid 2px #35424a;
  border-radius: 56px;
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 0 5px white;
  -webkit-box-shadow: 0 0 0 5px white;
  box-shadow: 0 0 0 5px white;
}
.features__icon.icon-1 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAzCAYAAAAtg6DjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTQzNjdEQ0IyNjZEMTFFNTg5MUJBRjEwOTZDNjNGNTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTQzNjdEQ0MyNjZEMTFFNTg5MUJBRjEwOTZDNjNGNTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNDM2N0RDOTI2NkQxMUU1ODkxQkFGMTA5NkM2M0Y1MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNDM2N0RDQTI2NkQxMUU1ODkxQkFGMTA5NkM2M0Y1MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrYuTm4AAAJ/SURBVHja7JpBTxNBFMdnl6ISkpaIJJbQyMWYhguKSoiUAwcOTY1Jj3KwHrwABz6BIH4GuHgQNd4lBBMuXMAYNYbe0JMJtRpCkKbGQoGA/0lfzUA2G9idhe76XvLP9G3amfntm52ZN11DaLJb/UkTxSNoEIpBhoNqDqAc9Bp69mnh7b6OvoWEPnsF3ddQTzuUgProhrk2Q1MUUyhmyV2H3lNUnPSnB2ohP4VoztVKJJNU7kE30LHvLm5YG4pv1DdZr2tIUxNklMq8G0Bp9Ps8uY06OqcL0hA1bKb4D4whg2KGMqsNoMhArQ7q6YAuQdvQBw396oYuQGvQFwe//wG9wCQ2/w8SgGMoxgMYxHGAPjEA2AlnmS6Woc/Q7gkrOwddhjagPxo6J5eOZuing77UQ13QefKvywU3rXyhD+Qf/R4+BO628tik5cQTJqcYBEDaUEiOIrlh80gGECQ74HWSIRmSIRnSSwudRiNYnJts1rSCryEB10DbxLjNd1ZQ3ARsya/D9aodIFmcvufb4arexBkoq/gyMbh3NOXzGrIBQ2faw7beYEhOK8M0o0BOwP+lsS2ZudRZQcp06cEZTYB3Pahz1wpSHsnnNDdUOsYzKShv3NHYrjz/jVJueQjyN4ZTu+bZVU3I7SyJtrOa2y7wjocheVtna3KZGFX8i0GB3FI+x0hWVvYtJGbMr4jeU1H5U9VqVyPPYd4JZwfItTNcAfqYJx6GZEiGZEiGZEiGZEiG1ARZPdSNYDN9LQhQxBEhtyRfjOjFh0W6sAkticqhlp8Dd0fJVxPVV1wmUQwFcKROIQsarqZaI6LytsRD6IrPn1U5Cleh59BLeeGvAAMAjRCS+XNRsFYAAAAASUVORK5CYII=');
}
.features__icon.icon-2 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAzCAYAAAAtg6DjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDBFNkE1NTYyNjZFMTFFNTlBNEQ4NDNFNTc0QjU4RTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDBFNkE1NTcyNjZFMTFFNTlBNEQ4NDNFNTc0QjU4RTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMEU2QTU1NDI2NkUxMUU1OUE0RDg0M0U1NzRCNThFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMEU2QTU1NTI2NkUxMUU1OUE0RDg0M0U1NzRCNThFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgQyCvAAAAZASURBVHja3FprbBVF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');
}
.features__icon.icon-3 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABKCAYAAADgxem7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjU3QUVENDQyNjcyMTFFNTg4RURFMTE4RjVFQkM3RjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjU3QUVENDUyNjcyMTFFNTg4RURFMTE4RjVFQkM3RjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNTdBRUQ0MjI2NzIxMUU1ODhFREUxMThGNUVCQzdGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNTdBRUQ0MzI2NzIxMUU1ODhFREUxMThGNUVCQzdGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmJF/4EAAAN7SURBVHja7JxJaBRBFIZrOoOaOSRuoKCXoKKCO0ZFgySjiIyBnKLRo6fggqgHt4vHKCgeFD14Egc9eBSJIlEERRQ0EhcwagwO6qjExOCSKOhfTg0+m86kO5mu6u55D36qulJdXe/j1dJdQ0R1MhUTbGxsbGxsbGxsvlpkN1zYTJYhOQYtgnbcb7vyuCRhKBDnoC2q6BOUBJCOkoLhAEK4BRLzsVMrkMyBXmtkYUF7oA3q+iXUCm13AyTmE4jVSG4ajjwJohaOZ9CfFuT3DQekzAcQy5FchcYaBPEOWiVByIu3XZ3Xp1XNKke2BkpAjbhuRfkH3yJDgbgGVZDiU9Aln4fGQWgNKWtXUdFn61/BCIn5DELabjzwhKbJ8jtUrvL3oHVegFg+gThqYNWQc8RC6Ia6Xib7hHqV9D44vh/JEXU5GWpDnflFgeEA4gB02gAIOSw6kdbbgDx0CWSGVWwQeFCLIRAZ5eg3JA1QVv29CrplBwI7BD0jQBqsKIEgdc5AU8itC+iQIe3MJe2krQiCoHVeQXdsc8jEIdrJxiMM4m8dqAe6DNUpIM+hSU7tWFEGIeuoOaRe7YjFUCA8wQgjCNLUAER3m90OddzBCDMIUmcjqVNjByEt7qJTjUguEnC9UDPKmwvcFg8YiEJR46nTW20RNF4pLBHhCoRbGPKlZ73KX4AGPfr3NAwg3MIYIPltaLA3ahHheTUJ2WTpGcSoJ7oAgkhDm0YCwnhkFBnEeQIi4xWEURg+DI0m0vxxryCMwfBxjsjb55F+P4wKiO5ifEyNyqrRNNr+xSMCorYYvuiMjF2m9xFBgjFPpV+DCEI3jPwH2WwQQZiC0Wcr3xkEELphTFBpAg6uVE5K+6XSFyZB6IYxm6S3oQ44uwSOnUR+sZRJELpf1MbZruWZhTzJkhDavS7DYY+M/LO65LsDmUcOBwGEtsiAg2PEvxP/j3BsL8rkKddaKIX8dJH72FypJtTNukHoHCZTSX4pnB8kz5bnnG8c7tEKQieMCttwGW54ypWlTicInTCeyNUDmily31R/qJ1oP3RX5E7Dv4jcMYR8/X4AEP2636i1wIBjv0XuJDzQZgk2hsEwGAbDYBgMg2EwDIbBMBiGefP6opauTqZ+BtSXhG4YqVKPjPfQo5D51cODno2NjY3NkPH/6fp/O36W/DygpO2PAAMAU/5+zkVuLu4AAAAASUVORK5CYII=');
}
.features__icon.icon-4 {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAzCAYAAAAtg6DjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUIyMUZGMzMyNjZFMTFFNTk0NTQ4REM3NEJBRDM0MEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUIyMUZGMzQyNjZFMTFFNTk0NTQ4REM3NEJBRDM0MEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFQjIxRkYzMTI2NkUxMUU1OTQ1NDhEQzc0QkFEMzQwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFQjIxRkYzMjI2NkUxMUU1OTQ1NDhEQzc0QkFEMzQwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk4bGMwAAAJJSURBVHja7JrLK0RRHMfPPeQR8siIKBYWlMRisBQrjw2JULKSV/EPKAt/ABL7kVI2Gs8U2XrsLGykhL2NV5jxPRy63ebOzeOc3J/zq2+/c+78umc+93eed8aKRqOsprGlljHWxOjZ1uHuxkGirKxDuQQhR6AAlxWKgJ9ciY6LM0d7m+N+Jws2NE/DjX3UOfsHZiANpI/MOfEMYtD2E+BKiQeZLEU6k6fQIQGuGqjcDXKH0DpZbmZXA/m1bpMGpZOFBFw+3KUQykVUM1kGZUNZUKkZk969gkMWWUjAFcBdQecoZ1HNZBASoCVQJVVI/tPva9ZJj7GSItZBspCAy4G7gK5RLqaayQooD8qEqv121NI6lsX6BzcBRaApnICifwnyt6wOmvw45kEHFHc8SbZyqjlqGUgD+W3IR1v5ySXm2VaOuMREXOKZy/0fdc6ux9AilAHtu8QcQctQgizHMvFmcAV6iRMj7r8K3cl29UBiPRNPt88jRjz1bo+YB7hOj5hbuDYzJg3kP/3BJ4D9ZBUBrkA8yB4pkt31jGhPPbNnsp69vzBSbXNQoThsQ6Ma2ntbey3xZyXLspS3hrE+BDdvuzSMNXBBdbuCT8vsCsBBB6CweVwf0NG+8kwCpBcuJMd/JIbvQ0aXfJtJB+A9dCI/OpF1cT0k4/y3GYgB2ArdyI9vZF0LKNcFiC6559h4i3q7PEopBeWKAQVAlxPQBroN16EalCsG7ADImsdRKqwalCsGDDvCXhxeCyjXCChslr2/W53VmdFXAQYAoWTDnpEvcREAAAAASUVORK5CYII=');
}
.features h2 {
  color: #f78f46;
  font-size: 32px;
  margin: 0;
  line-height: 1.2;
  font-weight: 900;
  font-family: 'fb_reformaregular';
}
.features p {
  margin: 0;
  font-size: 23px;
}

.slogan {
  background: #f6852f;
  color: #fff;
  font-size: 55px;
  margin: 0;
  padding: 54px 0;
  font-weight: 700;
  font-family: 'ReformaMedium';
  text-align: center;
}

.steps {
  background: #15b2b2;
  padding: 60px 0;
}
.steps .container {
  max-width: 960px;
  margin: auto;
}
.steps__list {
  margin: 0;
  padding: 0;
  position: relative;
}
.steps__list dt {
  width: 182px;
  text-align: left;
  padding-left: 48px;
  position: relative;
  height: 46px;
}
.steps__list dt:after {
  content: "";
  position: absolute;
  left: -18px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 16px;
  height: 16px;
  border: solid 8px #15b2b2;
  border-radius: 16px;
  background: #fff;
  -moz-box-shadow: 0 0 0 4px white;
  -webkit-box-shadow: 0 0 0 4px white;
  box-shadow: 0 0 0 4px white;
  -moz-transition: all 1.5s;
  -o-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}
.steps__list dt.transition:after {
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.steps__list dt strong {
  display: block;
  font-weight: 900;
  font-family: 'fb_reformaregular';
  color: #fff;
  font-size: 30px;
  white-space: nowrap;
  position: absolute;
  left: 48px;
  top: 20px;
  margin: 0;
}
.steps__list dd {
  border-right: solid 4px #666;
  margin-right: 230px;
  min-height: 84px;
  padding: 12px 45px 12px 0;
}
.steps__list-title {
  display: block;
  font-weight: 700;
  font-family: 'ReformaMedium';
}

.testimonials {
  background: #e6e9ec url(../img/bg2.jpg) 50% 0 no-repeat;
  background-size: cover;
  padding: 80px 0;
  min-height: 738px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.testimonials .container {
  max-width: 910px;
  margin: auto;
}
.testimonials h2 {
  font-size: 32px;
  font-weight: 700;
  color: #4d4b4b;
  margin: 0 0 30px;
  font-family: 'ReformaMedium';
}
.testimonials .testmonials__item {
  margin: 0 90px 60px;
  padding: 0;
  text-align: right;
  line-height: 1.21739;
  position: relative;
}
.testimonials .testmonials__item:before {
  content: "";
  position: absolute;
  right: -18px;
  top: -20px;
  width: 38px;
  height: 38px;
  border: solid 3px #15b2b2;
  border-radius: 22px;
  background-color: #fefefa;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVEOURBQzEyN0Q3MTFFNTg1QTdFMzFEQUIzRjRBNjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVEOURBQzIyN0Q3MTFFNTg1QTdFMzFEQUIzRjRBNjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NUQ5REFCRjI3RDcxMUU1ODVBN0UzMURBQjNGNEE2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NUQ5REFDMDI3RDcxMUU1ODVBN0UzMURBQjNGNEE2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcZvKsAAAEhSURBVHjaYhTdtEmBgYEBhAmBD0B8AaqWKPUsQCIeiBuIUHzgla+vo9jmzUSrZ2KgIWBB5lgJC2EoOPb2HU7NhNRjGF6qpoKiMPD4KbyG41NP02AZuoajhHnPrTtgbC4kyJAgL8cgwcGOVzMh9SzYNJ189x6MfSTFiXIhLvV4g2XL85ckBQO6epDhjUDMiIax5cAHwNzJQIp6XC4PwKYYj6MDiDXcAYgNsIgfxGEwTvXohoNKu/k4SsQDWMTxqmdCc8F5HMXpBBwuxqueCSq5H4oFcIT1RDTXEqWeCckVuCqIQCiN7mqC6pmgNi3AodARWvugu4wo9TCXN6LXIkBsiMVgBlLUM6G5BkQnQl2AL10TpR65bCnEErb4AEH1AAEGAOr/bA6wnGsoAAAAAElFTkSuQmCC');
  background-position: 50%;
  background-repeat: no-repeat;
}
.testimonials .testmonials__item cite {
  font-style: normal;
  font-family: inherit;
  display: block;
  font-size: 25px;
  color: #f6852f;
}
.testimonials .testmonials__item cite span {
  color: #000;
  font-weight: 700;
  font-family: 'ReformaMedium';
}
.testimonials .testmonials__item p {
  font-style: italic;
  text-indent: 38px;
  margin: 0 0 16px;
}
.testimonials .testmonials__item p:after {
  content: "";
  position: absolute;
  width: 38px;
  height: 38px;
  border: solid 3px #15b2b2;
  border-radius: 22px;
  background-color: #fefefa;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzVEOURBQzEyN0Q3MTFFNTg1QTdFMzFEQUIzRjRBNjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzVEOURBQzIyN0Q3MTFFNTg1QTdFMzFEQUIzRjRBNjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NUQ5REFCRjI3RDcxMUU1ODVBN0UzMURBQjNGNEE2NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NUQ5REFDMDI3RDcxMUU1ODVBN0UzMURBQjNGNEE2NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpcZvKsAAAEhSURBVHjaYhTdtEmBgYEBhAmBD0B8AaqWKPUsQCIeiBuIUHzgla+vo9jmzUSrZ2KgIWBB5lgJC2EoOPb2HU7NhNRjGF6qpoKiMPD4KbyG41NP02AZuoajhHnPrTtgbC4kyJAgL8cgwcGOVzMh9SzYNJ189x6MfSTFiXIhLvV4g2XL85ckBQO6epDhjUDMiIax5cAHwNzJQIp6XC4PwKYYj6MDiDXcAYgNsIgfxGEwTvXohoNKu/k4SsQDWMTxqmdCc8F5HMXpBBwuxqueCSq5H4oFcIT1RDTXEqWeCckVuCqIQCiN7mqC6pmgNi3AodARWvugu4wo9TCXN6LXIkBsiMVgBlLUM6G5BkQnQl2AL10TpR65bCnEErb4AEH1AAEGAOr/bA6wnGsoAAAAAElFTkSuQmCC');
  background-position: 50%;
  background-repeat: no-repeat;
  margin: -3px 6px 0 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fly-bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(142, 136, 136, 0.95); }
}
.fly-bottom_animtion {
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -webkit-transform: translateY(120px);
  transform: translateY(120px);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.fly-bottom.show {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.fly-bottom .container {
  max-width: 845px;
  margin: auto;
  padding: 26px 0;
}
.fly-bottom .control {
  float: right;
  width: 200px;
  margin: 0 15px 10px 0;
  position: relative;
}
.fly-bottom .control:after {
  content: "";
  position: absolute;
  border: solid 5px transparent;
  top: 17px;
  right: 100%;
  border-right-color: #fff;
}
.fly-bottom .control:first-child {
  margin-right: 0;
}
.fly-bottom .control input[type='text'],
.fly-bottom .control input[type='tel'],
.fly-bottom .control input[type='email'] {
  height: 44px;
  padding: 0 10px;
  line-height: 44px;
  font-family: inherit;
  width: 100%;
  border: 0;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fly-bottom .control input[type='text'].error,
.fly-bottom .control input[type='tel'].error,
.fly-bottom .control input[type='email'].error {
  -moz-box-shadow: inset 0 0 0 2px #c00;
  -webkit-box-shadow: inset 0 0 0 2px #c00;
  box-shadow: inset 0 0 0 2px #c00;
}

.control.error:before {
  content: "* שדה חובה";
  position: absolute;
  color: #B10606;
  bottom: -15px;
  right: 0;
  font-size: 13px;
  font-weight:bold;
}

.control.ctrl-name.error:before {
  content: "* שם לא תקין";
}

.control.ctrl-email.error:before {
  content: "* מייל לא תקין";
}

.control.ctrl-phone.error:before {
  content: "* טלפון לא תקין";
}

.fly-bottom .control:last-child:after {
  display: none;
}
.fly-bottom .control[data-after] {
  height: 44px;
}
.fly-bottom .control[data-after]:after {
  display: none;
}
.fly-bottom .control[data-after]:before {
  content: attr(data-after);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin: 8px 0 0;
}
.fly-bottom .control input[type='submit'] {
  width: 100%;
  height: 50px;
  border: 0;
  border-bottom: solid 4px #d86800;
  color: #fff;
  background: #fd8a1f;
  font-size: 20px;
  font-weight: 700;
  font-family: 'ReformaMedium';
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  top: -2px;
}

.fly-bottom .control input[type='submit']:disabled {
  background: #A8A8A8;
  border-bottom-color: #8B8B8B;
}

.msg-thanks {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #F6852F;
  color: #fff;
  text-align: center;
  font-size: 40px;
  z-index: 12;
  font-weight: 700;
  font-family: 'ReformaMedium';
  display: none;
}
.msg-thanks__body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 999px) {
  .intro {
    height: 560px;
    background-size: auto 560px;
    background-position: 42% 0;
  }

  .intro__content {
    padding: 0 13px;
  }

  .features .container {
    width: 748px;
  }

  .features li {
    width: 187px;
  }

  .features p {
    font-size: 20px;
  }

  .slogan {
    font-size: 44px;
    padding: 40px 0;
  }

  .steps {
    padding: 60px 13px;
  }

  .testimonials {
    padding: 40px 13px 160px;
    min-height: 0;
  }

  .testimonials .testmonials__item {
    margin: 0 45px 50px;
  }

  .testimonials .testmonials__item:last-child {
    margin-bottom: 0;
  }

  .testimonials h2 {
    margin-bottom: 32px;
  }

  .fly-bottom .container {
    max-width: 742px;
  }

  .fly-bottom .control {
    width: 174px;
  }
}
@media screen and (max-width: 767px) {
  .top-panel {
    height: 50px;
    position: relative;
  }
  .top-panel img {
    height: 42px;
  }

  .logo {
    margin-top: 4px;
  }

  .intro {
    height: auto;
    background-color: #fff;
    background-size: auto 301px;
  }
  .intro .container {
    padding: 0;
  }
  .intro h1 {
    font-size: 36px;
    padding: 35px 25px 0;
    height: 251px;
    font-family: 'ReformaMedium';
    line-height: 1;
    margin: 0 100px;
    max-width: 200px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .intro__content {
    padding: 0;
  }
  .intro__content p {
    padding: 13px;
    background: #fff;
    margin: 0;
    max-width: 100%;
  }
  .intro__content p img {
    right: 13px;
    top: 16px;
  }
  .intro__footer {
    background: #f6852f;
    color: #fff;
    padding: 0;
    line-height: 40px;
    text-align: center;
    font-size: 25px;
    font-family: 'ReformaMedium';
    font-weight: 500;
  }

  .features__list {
    margin: 0;
    padding: 1px 0 36px;
    text-align: center;
  }
  .features__list li {
    float: none;
    width: 280px;
    margin: 40px auto 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
  }

  .features .container {
    width: auto;
  }

  .slogan {
    padding: 30px 13px;
    font-size: 40px;
    font-weight: 500;
    font-family: 'ReformaMedium';
  }

  .steps__list dt {
    margin-right: 19px;
    text-align: right;
    padding-right: 40px;
  }

  .steps__list dt:after {
    left: auto;
    right: -17px;
  }

  .steps__list dt strong {
    left: auto;
    right: 40px;
  }

  .steps__list dd {
    margin-right: 16px;
    padding-right: 40px;
    padding-left: 13px;
    font-size: 20px;
  }
  .steps__list dd .steps__list-title {
    font-weight: 500;
  }

  .testimonials {
    padding: 30px 13px 130px;
  }
  .testimonials h2 {
    font-weight: 500;
  }
  .testimonials .testmonials__item {
    margin: 0 19px 50px;
    font-size: 20px;
  }

  .testimonials .testmonials__item cite span {
    font-weight: 500;
  }

  .fly-bottom {
    position: fixed;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .fly-bottom.open .container .control {
    display: block;
  }
  .fly-bottom .container {
    padding: 13px 13px 30px;
    max-width: 500px;
  }
  .fly-bottom .container .control {
    float: none;
    width: auto;
    margin: 10px 0 20px;
    display: none;
  }
  .fly-bottom .container .control:after {
    content: none;
    display: none;
  }
  .fly-bottom .container .control:first-child {
    margin-top: 0;
  }
  .fly-bottom .container .control:last-child {
    display: block;
  }

  .fly-bottom .control input[type='submit'] {
    top: 0;
  }

  .fly-bottom .control[data-after]:before {
    margin-top: 12px;
  }
}
@media screen and (max-width: 620px) {
  .intro h1 {
    margin: 0 50px;
  }

  .features__list li {
    width: 250px;
  }
}
@media screen and (max-width: 530px) {
  .features__list li {
    width: 218px;
  }
}
@media screen and (max-width: 460px) {
  .intro h1 {
    margin: 0;
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.msg-error {
    padding: 10px;
    color: red;
    font-weight: bold;
    text-align: center;
    display: none;
}