/*----------------------- Default ------------------------*/
/*----------------------- Inputs ------------------------*/
input::-webkit-input-placeholder {
  color: red; }

input:-ms-input-placeholder {
  color: red; }

input::-moz-placeholder {
  color: red;
  opacity: 1; }

input:-moz-placeholder {
  color: red;
  opacity: 1; }

::-webkit-input-placeholder {
  color: red; }

:-ms-input-placeholder {
  color: red; }

::-moz-placeholder {
  color: red;
  opacity: 1; }

:-moz-placeholder {
  color: red;
  opacity: 1; }

/*----------------------- Vars ------------------------*/
/*----------------------- Reset ------------------------*/
*::selection {
  color: #fff;
  background: #18ab9f; }

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1;
  box-sizing: border-box; }

ol,
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
  outline: none; }

/*----------------------- Helpers ------------------------*/
.left {
  float: left; }

.right {
  float: right; }

.clear {
  display: table;
  content: '';
  height: 0;
  clear: both; }

.nowrap {
  white-space: nowrap; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.hidden {
  overflow: hidden; }

.center {
  text-align: center; }

.mt2 {
  margin-top: 2em; }

@media screen and (max-width: 767px) {
  .mb1_5-media {
    margin-bottom: 1.5em; } }

.p0 {
  padding: 0; }

.pl10 {
  padding-left: 10px; }
  @media screen and (max-width: 767px) {
    .pl10 {
      padding-left: 0; } }

/*----------------------- Fonts ------------------------*/
/* font-family: "OpenSansRegular"; */
@font-face {
  font-family: "OpenSansRegular";
  src: url("../fonts/open_sans/OpenSansRegular/OpenSansRegular.eot");
  src: url("../fonts/open_sans/OpenSansRegular/OpenSansRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansRegular/OpenSansRegular.woff") format("woff"), url("../fonts/open_sans/OpenSansRegular/OpenSansRegular.ttf") format("truetype"); }

/* font-family: "OpenSansLight"; */
@font-face {
  font-family: "OpenSansLight";
  src: url("../fonts/open_sans/OpenSansLight/OpenSansLight.eot");
  src: url("../fonts/open_sans/OpenSansLight/OpenSansLight.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansLight/OpenSansLight.woff") format("woff"), url("../fonts/open_sans/OpenSansLight/OpenSansLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansItalic"; */
@font-face {
  font-family: "OpenSansItalic";
  src: url("../fonts/open_sans/OpenSansItalic/OpenSansItalic.eot");
  src: url("../fonts/open_sans/OpenSansItalic/OpenSansItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansItalic/OpenSansItalic.woff") format("woff"), url("../fonts/open_sans/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansBold"; */
@font-face {
  font-family: "OpenSansBold";
  src: url("../fonts/open_sans/OpenSansBold/OpenSansBold.eot");
  src: url("../fonts/open_sans/OpenSansBold/OpenSansBold.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansBold/OpenSansBold.woff") format("woff"), url("../fonts/open_sans/OpenSansBold/OpenSansBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansExtraBold"; */
@font-face {
  font-family: "OpenSansExtraBold";
  src: url("../fonts/open_sans/OpenSansExtraBold/OpenSansExtraBold.eot");
  src: url("../fonts/open_sans/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"), url("../fonts/open_sans/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansExtraBoldItalic"; */
@font-face {
  font-family: "OpenSansExtraBoldItalic";
  src: url("../fonts/open_sans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
  src: url("../fonts/open_sans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"), url("../fonts/open_sans/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansBoldItalic"; */
@font-face {
  font-family: "OpenSansBoldItalic";
  src: url("../fonts/open_sans/OpenSansBoldItalic/OpenSansBoldItalic.eot");
  src: url("../fonts/open_sans/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"), url("../fonts/open_sans/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansRegularItalic"; */
@font-face {
  font-family: "OpenSansRegularItalic";
  src: url("../fonts/open_sans/OpenSansRegularItalic/OpenSansRegularItalic.eot");
  src: url("../fonts/open_sans/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"), url("../fonts/open_sans/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansSemiBold"; */
@font-face {
  font-family: "OpenSansSemiBold";
  src: url("../fonts/open_sans/OpenSansSemiBold/OpenSansSemiBold.eot");
  src: url("../fonts/open_sans/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"), url("../fonts/open_sans/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/* font-family: "OpenSansSemiBoldItalic"; */
@font-face {
  font-family: "OpenSansSemiBoldItalic";
  src: url("../fonts/open_sans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
  src: url("../fonts/open_sans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/open_sans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"), url("../fonts/open_sans/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

/*----------------------- Alerts ------------------------*/
.alert {
  font-family: "OpenSansRegular", sans-serif;
  font-size: 12px;
  padding: 1em; }
  .alert-danger {
    background-color: #ffd9da;
    color: #a94442; }

/*----------------------- Checkbox ------------------------*/
.check-btn {
  vertical-align: top;
  width: 17px;
  height: 17px;
  margin: 0; }

.check-btn + label {
  cursor: pointer;
  font-size: 12px;
  font-family: "OpenSansRegular", sans-serif; }

.check-btn:not(checked) {
  position: absolute;
  opacity: 0; }

.check-btn:not(checked) + label {
  position: relative;
  padding: 0 0 0 20px; }

.check-btn:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 20%;
  border: 1px solid #6a6f72; }

.check-btn:not(checked) + label:after {
  content: '';
  background-image: url("../img/checkboxes.png");
  background-repeat: no-repeat;
  background-position: 0 -10px;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #18ab9f;
  z-index: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 20%;
  opacity: 0;
  border: 1px solid #18ab9f;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -ms-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  color: #fff; }

.check-btn:not(checked) + label:after, .check-btn + label:before {
  border-color: #18ab9f; }

.check-btn:checked + label:after {
  opacity: 1; }

/*----------------------- Main ------------------------*/
body {
  background-color: #cddde1;
  font-family: "OpenSansRegular", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.sidebar {
  margin: 0 auto;
  margin-top: 2em;
  margin-bottom: 2em;
  width: 840px;
  background-color: #18ab9f;
  background: linear-gradient(to bottom right, #50a699, #18ab9f);
  background: -webkit-linear-gradient(to bottom right, #50a699, #18ab9f);
  background: -o-linear-gradient(to bottom right, #50a699, #18ab9f);
  background: -ms-linear-gradient(to bottom right, #50a699, #18ab9f);
  background: linear-gradient(to bottom right, #50a699, #18ab9f); }
  .sidebar-footer {
    padding: 1.7em 1em;
    background-color: #cddde1;
    text-align: center;
    color: #629fae;
    font-size: 12px; }
    .sidebar-footer p {
      margin-bottom: .5em; }
    .sidebar-footer a {
      color: #18ab9f;
      font-family: "OpenSansRegular", sans-serif;
      border-bottom: 1px solid transparent;
      -webkit-transition: .3s ease all;
      -moz-transition: .3s ease all;
      -ms-transition: .3s ease all;
      -o-transition: .3s ease all;
      transition: .3s ease all;
      font-size: 11px; }
      .sidebar-footer a:hover {
        border-bottom: 1px solid #00a99f;
        color: #00a99f;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
  @media screen and (max-width: 991px) {
    .sidebar {
      width: 100%;
      margin-top: 0;
      margin-bottom: 0; } }
  .sidebar-left {
    width: 380px;
    float: left; }
    @media screen and (max-width: 991px) {
      .sidebar-left {
        width: 100%;
        float: none;
        padding: 1em 0; } }
    .sidebar-left .brand {
      text-align: center;
      position: relative;
      margin-top: 60px; }
      @media screen and (max-width: 991px) {
        .sidebar-left .brand {
          margin-top: 0;
          width: 30%;
          display: inline-block; } }
      @media screen and (max-width: 767px) {
        .sidebar-left .brand {
          width: 100%;
          text-align: left;
          padding-left: 1.5em; } }
      .sidebar-left .brand > a {
        display: block;
        color: #fff;
        position: relative; }
        @media screen and (max-width: 991px) {
          .sidebar-left .brand > a {
            padding-left: .5em; } }
        @media screen and (max-width: 767px) {
          .sidebar-left .brand > a {
            padding-left: 0; } }
      .sidebar-left .brand-title {
        text-align: left;
        vertical-align: top;
        display: inline-block; }
        .sidebar-left .brand-title h2 {
          font-size: 30px;
          font-family: "OpenSansBold", sans-serif;
          margin-bottom: 3px; }
        .sidebar-left .brand-title h4 {
          font-family: "OpenSansSemiBold", sans-serif;
          font-size: 15px;
          line-height: 18px;
          margin: 0;
          text-transform: uppercase; }
      .sidebar-left .brand-logo {
        width: 200px;
        margin-top: 6px;
        vertical-align: top;
        display: inline-block; }
      .sidebar-left .brand-descr {
        margin-top: 120px;
        margin-bottom: 20px; }
        @media screen and (max-width: 991px) {
          .sidebar-left .brand-descr {
            display: none; } }
        .sidebar-left .brand-descr h4 {
          color: #fff;
          text-align: center;
          font-family: "OpenSansBold", sans-serif;
          line-height: 20px;
          text-transform: uppercase;
          font-size: 16px; }
      .sidebar-left .brand-services {
        padding: 0;
        text-align: center; }
        @media screen and (max-width: 991px) {
          .sidebar-left .brand-services {
            width: 69%;
            display: inline-block; } }
        @media screen and (max-width: 767px) {
          .sidebar-left .brand-services {
            display: none; } }
        .sidebar-left .brand-services li {
          display: inline-block;
          list-style: none;
          width: 30%;
          text-align: center;
          vertical-align: top;
          color: #fff;
          font-size: 13px;
          font-family: "OpenSansRegular", sans-serif;
          min-height: 100px; }
          @media screen and (max-width: 991px) {
            .sidebar-left .brand-services li {
              min-height: 80px;
              width: 15%;
              font-size: 12px; } }
          .sidebar-left .brand-services li img {
            width: 45px;
            height: 60px;
            display: block;
            margin: 0 auto; }
            @media screen and (max-width: 991px) {
              .sidebar-left .brand-services li img {
                height: 50px;
                width: 40px;
                margin-bottom: .5em; } }
            .sidebar-left .brand-services li img:after {
              vertical-align: top; }
  .sidebar-right {
    margin-left: 380px;
    width: auto;
    background-color: #fff;
    padding: 2.5em;
    padding-bottom: 1em; }
    @media screen and (max-width: 991px) {
      .sidebar-right {
        margin-left: 0; } }
    @media screen and (max-width: 767px) {
      .sidebar-right {
        padding: 1.5em; } }
    .sidebar-right a {
      color: #18ab9f;
      font-family: "OpenSansRegular", sans-serif;
      border-bottom: 1px solid transparent;
      -webkit-transition: .3s ease all;
      -moz-transition: .3s ease all;
      -ms-transition: .3s ease all;
      -o-transition: .3s ease all;
      transition: .3s ease all;
      font-size: 11px; }
      .sidebar-right a:hover {
        border-bottom: 1px solid #00a99f;
        color: #00a99f;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right a.danger {
      font-size: 12px;
      font-family: "OpenSansSemiBold", sans-serif;
      color: #a94442;
      border-bottom: 1px solid #a94442; }
      .sidebar-right a.danger:hover {
        color: #a94442;
        border-bottom: 1px solid #a94442; }
    .sidebar-right a.success {
      font-size: 12px;
      font-family: "OpenSansSemiBold", sans-serif;
      color: #3c763d;
      border-bottom: 1px solid #3c763d; }
      .sidebar-right a.success:hover {
        color: #a94442;
        border-bottom: 1px solid #a94442; }
    .sidebar-right .form-group {
      display: block;
      position: relative;
      margin-bottom: 1.5em; }
      .sidebar-right .form-group:last-child {
        margin-bottom: 0; }
      .sidebar-right .form-group b.eye {
        background: url("../img/eye_open.svg");
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        display: block;
        position: absolute;
        right: 10px;
        top: 11px;
        background-color: #efefef;
        content: '';
        width: 22px;
        height: 20px;
        z-index: 10;
        -webkit-transition: .4s ease all;
        -moz-transition: .4s ease all;
        -ms-transition: .4s ease all;
        -o-transition: .4s ease all;
        transition: .4s ease all;
        cursor: pointer; }
      .sidebar-right .form-group b.eye.out {
        background: url("../img/eye_close.svg");
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: contain;
        background-size: contain;
        display: block;
        position: absolute;
        right: 10px;
        top: 11px;
        background-color: #efefef;
        content: '';
        width: 22px;
        height: 20px;
        z-index: 10;
        -webkit-transition: .4s ease all;
        -moz-transition: .4s ease all;
        -ms-transition: .4s ease all;
        -o-transition: .4s ease all;
        transition: .4s ease all;
        cursor: pointer; }
      .sidebar-right .form-group select {
        font-style: normal;
        position: relative; }
        .sidebar-right .form-group select ~ b {
          background: url("../img/arrow.png");
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-background-size: contain;
          background-size: contain;
          display: block;
          position: absolute;
          right: 6px;
          top: 11px;
          background-color: #efefef;
          content: '';
          width: 16px;
          height: 16px;
          z-index: 10;
          -webkit-transition: .4s ease all;
          -moz-transition: .4s ease all;
          -ms-transition: .4s ease all;
          -o-transition: .4s ease all;
          transition: .4s ease all; }
        .sidebar-right .form-group select option {
          padding: 0; }
      .sidebar-right .form-group select.in ~ b {
        -webkit-transition: .4s ease all;
        -moz-transition: .4s ease all;
        -ms-transition: .4s ease all;
        -o-transition: .4s ease all;
        transition: .4s ease all;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .sidebar-right .form-group input,
      .sidebar-right .form-group select {
        font-size: 12px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        font-family: "OpenSansSemiBold", sans-serif;
        font-style: normal !important;
        height: 38px;
        background-color: #efefef;
        border: 0;
        color: #999;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none; }
      .sidebar-right .form-group input:not([name='password']).ng-valid-confirm,
      .sidebar-right .form-group input:not([name='password']).ng-valid-confirm.ng-valid-minlength {
        background-image: url("../img/confirm.png");
        background-repeat: no-repeat;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        background-position: 97% 50%; }
      .sidebar-right .form-group input {
        border: 2px solid #efefef;
        font-style: normal;
        color: #000;
        font-family: "OpenSansSemiBold", sans-serif; }
      .sidebar-right .form-group input:disabled {
        border: 2px solid #e2e2e2;
        background-image: none !important;
        background-color: #e2e2e2; }
      .sidebar-right .form-group input:read-only {
        border: 2px solid #e2e2e2;
        background-color: #e2e2e2 !important; }
      .sidebar-right .form-group input.ng-invalid-required.ng-touched,
      .sidebar-right .form-group input.ng-invalid-parse.ng-touched,
      .sidebar-right .form-group input.ng-invalid-minlength.ng-touched {
        border: 2px solid #a94442; }
    .sidebar-right .form-group.check input.form-control {
      margin-bottom: .5em; }
    @media screen and (max-width: 767px) {
      .sidebar-right .form-group.inline-block input {
        margin-bottom: 1.5em; } }
    .sidebar-right .social-services {
      list-style: none;
      margin-bottom: 1em; }
      @media screen and (max-width: 991px) {
        .sidebar-right .social-services {
          text-align: center; } }
      .sidebar-right .social-services li {
        width: 46px;
        height: 46px;
        margin-right: 5px;
        display: inline-block;
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
        position: relative; }
        @media screen and (max-width: 767px) {
          .sidebar-right .social-services li {
            width: 32px;
            height: 32px;
            margin-right: 3px; } }
        .sidebar-right .social-services li a {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-bottom: none;
          -webkit-transition: .3s ease all;
          -moz-transition: .3s ease all;
          -ms-transition: .3s ease all;
          -o-transition: .3s ease all;
          transition: .3s ease all; }
          .sidebar-right .social-services li a:hover {
            border-bottom: none; }
        .sidebar-right .social-services li:hover a {
          top: -5px;
          -webkit-transition: .3s ease all;
          -moz-transition: .3s ease all;
          -ms-transition: .3s ease all;
          -o-transition: .3s ease all;
          transition: .3s ease all; }
        .sidebar-right .social-services li:last-child {
          margin-right: 0; }
    .sidebar-right .social-icon-facebook {
      background-image: url("../img/social_share/facebook.svg"); }
      .sidebar-right .social-icon-facebook:hover {
        background-image: url("../img/social_share/facebook-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right .social-icon-twitter {
      background-image: url("../img/social_share/twitter.svg"); }
      .sidebar-right .social-icon-twitter:hover {
        background-image: url("../img/social_share/twitter-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right .social-icon-linked {
      background-image: url("../img/social_share/linkedin.svg"); }
      .sidebar-right .social-icon-linked:hover {
        background-image: url("../img/social_share/linkedin-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right .social-icon-gplus {
      background-image: url("../img/social_share/google-plus.svg"); }
      .sidebar-right .social-icon-gplus:hover {
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all;
        background-image: url("../img/social_share/google-plus-h.svg"); }
    .sidebar-right .social-icon-bankid {
      background-image: url("../img/social_share/bankid.svg"); }
      .sidebar-right .social-icon-bankid:hover {
        background-image: url("../img/social_share/bankid-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right .social-icon-ecp {
      background-image: url("../img/social_share/etsp.svg"); }
      .sidebar-right .social-icon-ecp:hover {
        background-image: url("../img/social_share/etsp-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }
    .sidebar-right .social-icon-cartakiyv {
      background-image: url("../img/social_share/kartka_kyanyna.svg"); }
      .sidebar-right .social-icon-cartakiyv:hover {
        background-image: url("../img/social_share/kartka_kyanyna-h.svg");
        -webkit-transition: .3s ease all;
        -moz-transition: .3s ease all;
        -ms-transition: .3s ease all;
        -o-transition: .3s ease all;
        transition: .3s ease all; }

/*----------------------- Btn ------------------------*/
.btn-default {
  width: 100%;
  background-color: #629fae;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-family: "OpenSansSemiBold", sans-serif;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -ms-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  padding: .6em 1em;
  border: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }
  @media screen and (max-width: 767px) {
    .btn-default {
      font-size: 12px;
      padding: .9em 1em; } }
  .btn-default:hover {
    background-color: #84b4bf !important;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    color: #fff; }
  .btn-default:active {
    color: #fff !important;
    outline: none !important;
    background-color: #4b8492 !important; }
  .btn-default:focus {
    color: #fff !important;
    outline: none !important;
    background-color: #629fae !important; }

.btn-grey {
  width: 100%;
  background-color: #7d8788;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  font-family: "OpenSansSemiBold", sans-serif;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -ms-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  padding: .6em 1em;
  border: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }
  @media screen and (max-width: 767px) {
    .btn-grey {
      font-size: 12px;
      padding: .9em 1em; } }
  .btn-grey:hover {
    background-color: #7d8788 !important;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    color: #fff; }
  .btn-grey:active {
    color: #fff !important;
    outline: none !important;
    background-color: #7d8788 !important; }
  .btn-grey:focus {
    color: #fff !important;
    outline: none !important;
    background-color: #7d8788 !important; }

a.btn {
  width: 100%;
  background-color: #7d8788;
  font-size: 14px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff !important;
  font-family: "OpenSansSemiBold", sans-serif;
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -ms-transition: .3s ease all;
  -o-transition: .3s ease all;
  transition: .3s ease all;
  padding: .6em 1em;
  border: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }
  @media screen and (max-width: 767px) {
    a.btn {
      font-size: 12px;
      padding: .9em 1em; } }
  a.btn:hover {
    background-color: #98a0a0 !important;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    color: #fff !important; }
  a.btn:active {
    color: #fff !important;
    outline: none !important;
    background-color: #646d6e !important; }
  a.btn:focus {
    color: #fff !important;
    outline: none !important;
    background-color: #629fae !important; }

/*----------------------- Inputs ------------------------*/
input::-webkit-input-placeholder {
  color: red; }

input:-ms-input-placeholder {
  color: red; }

input::-moz-placeholder {
  color: red;
  opacity: 1; }

input:-moz-placeholder {
  color: red;
  opacity: 1; }

::-webkit-input-placeholder {
  color: red; }

:-ms-input-placeholder {
  color: red; }

::-moz-placeholder {
  color: red;
  opacity: 1; }

:-moz-placeholder {
  color: red;
  opacity: 1; }