/*------------------------------------*\
    #POPUP
\*------------------------------------*/

html.popup-html {
  overflow: hidden;
}

.popup-wrapper {
  background: url(./img/popup-back.png) repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 102;
  left: 0;
  top: 0;
  display: none;
  text-align: center;
}

.popup-wrapper:after {
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
  content: '';
}

.popup-wrapper .icon-closeBig {
  position: absolute;
  right: 38px;
  top: 32px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  background-image: url(./img/popup-close.png);
}

.view-xs .popup-wrapper .icon-closeBig {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url(./img/popup-close-mob.png);
  position: absolute;
  right: 20px;
  top: 50px;
  cursor: pointer;
  z-index: 1000;
}

.simplePopup {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 30px;
  background: #fff;
  z-index: 101;
  vertical-align: middle;
  text-align: left;
  width: 25%;
}






.popup-call .simplePopup {
  padding: 0;
  background: transparent;
  width: 745px;
}

.view-xs .popup-call .simplePopup {
  width: 100%;
  margin-top: 30px;
}

.popup-call.popup-business-club .simplePopup {
  width: 900px;
}

.popup-call .popup-form {
  padding: 60px 150px 80px 90px;
  background: #fff;
  width: 480px;
}

.view-xs .popup-call .popup-form {
  width: 100%;
  padding: 30px 20px 40px 20px;
}

.popup-call.popup-business-club .popup-form {
  padding: 30px 110px 30px 70px;
  font: normal 20px/30px 'PTSans-Regular', sans-serif;
  color: #000;
  width: 630px;
}

.popup-call .popup-form h4 {
  margin: 0 0 15px;
  font: normal 20px/30px 'PTSans-Bold', sans-serif;
  color: #000;
}

.popup-call.alfabank-gift .popup-form h4 {
  margin: 0;
}

.popup-call.alfabank-gift .popup-form .gift-names {
  display: block;
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 25px;
}

.popup-call .popup-form .field-title {
  margin-bottom: 5px;
}

.popup-call .popup-form input[type='text'],
.popup-call .popup-form textarea {
  height: 32px;
  line-height: 33px;
  width: 100%;
}

.popup-call .popup-form .btn {
  margin-top: 10px;
  padding: 13px 25px;
}

.popup-call .popup-form form {
  position: relative;
}

/*.popup-call .popup-form form:after {
        position: absolute;
        bottom: 9px;
        right: -10px;
        display: inline-block;
        background: url(../img/sprites/icons.png) no-repeat -168px -26px;
        width: 81px;
        height: 45px;
        content: '';
    }*/

.popup-call .popup-form.no-stamp form:after,
.popup-call.alfabank-gift .popup-form form:after {
  display: none;
}

.popup-call .popup-form.businessman-popup form:after {
  position: absolute;
  bottom: 9px;
  right: -50px;
  display: inline-block;
  background: url(./img/sprites/icons.png) no-repeat -51px -96px;
  width: 82px;
  height: 48px;
  content: '';
}

.popup-call.sets-1 .popup-form form:after {
  display: none;
}

.popup-call .women {
  display: block;
  position: absolute;
  bottom: 0;
  right: 155px;
  background: url(./img/women/women.png) no-repeat;
  width: 215px;
  height: 636px;
}

.view-xs .popup-call .women-call,
.view-xs .popup-call .women {
  display: none;
}

.popup-call.sets-1 .women {
  background: url(./img/women/women-call.png) no-repeat;
  width: 240px;
  height: 495px;
}

.popup-call.sets-4 .women {
  /* background: url(https://1cbo.ru/bitrix_personal/templates/main_new/img/women/women-call.png) */
  background: url(./img/women/women-call.png)
    no-repeat;
  width: 240px;
  height: 495px;
}

.popup-call.sets-1 .women_become-partner {
  background: url(./img/women/become-partner-popup-girl.png) no-repeat;
  width: 309px;
  height: 450px;
}

.popup-call.sets-1 .women_demonstration {
  background: url(./img/women/demonstration-popup-girl.png) no-repeat;
  width: 182px;
  height: 503px;
}

.popup-call .women .icon-free-white {
  display: block;
  background: url(./img/sprites/icons.png) no-repeat -167px 0;
  width: 143px;
  height: 25px;
}

.popup-call .women .icon-free-white-3 {
  display: block;
  background: url(./img/sprites/icons.png) no-repeat -326px -132px;
  width: 165px;
  height: 25px;
}

.popup-call .women .text,
.popup-call .women-call .text {
  position: absolute;
  top: 0;
  right: -200px;
  width: 150px;
  font: normal 25px/30px 'PTSans-Regular', sans-serif;
  color: #fff;
}

.popup-call.sets-1 .women .text,
.popup-call.sets-1 .women-call .text {
  right: -160px;
}

.popup-call .women .icon-arrowTopLeft,
.popup-call .women-call .icon-arrowTopLeft {
  display: block;
  position: absolute;
  bottom: -45px;
  left: -15px;
  background: url(./img/sprites/icons.png) no-repeat -252px -28px;
  width: 40px;
  height: 40px;
}

.popup-call .women-call {
  display: block;
  position: absolute;
  bottom: 0;
  right: 155px;
  background: url(./img/women/women-call.png) no-repeat;
  width: 240px;
  height: 495px;
}




/*------------------------------------*\
    #FORMS
\*------------------------------------*/

.field-title {
  display: block;
  color: #252525;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.popup-call .popup-form label {
  font-size: 14px;
  line-height: 20px;
}

.popup-call .popup-form input[type='text'],
.popup-call .popup-form input[type='email'],
.popup-call .popup-form input[type='password'],
.popup-call .popup-form textarea {
  background-color: #fff;
  border: 1px solid #c2c2c2;
  margin-bottom: 10px;
  line-height: 36px;
  padding: 0 10px;
  font: 15px 'PTSans-Bold', sans-serif;
  height: 40px;
}

.popup-form input[type='file'] {
  margin-bottom: 10px;
}

.popup-form textarea {
  resize: vertical;
  height: auto;
  min-height: 40px;
}

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-family: 'PTSans-Regular', sans-serif;
}
::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-family: 'PTSans-Regular', sans-serif;
}
:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-family: 'PTSans-Regular', sans-serif;
}
:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-family: 'PTSans-Regular', sans-serif;
}

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/

.btn {
  display: inline-block;
  /*zoom: 1;*/
  border: 1px solid #c2c2c2;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  font-family: 'PTSans-NarrowBold', Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
  color: #252525 !important;
  text-align: center;
  -webkit-box-shadow: inset 0px 1px 1px 0px #fff;
  box-shadow: inset 0px 1px 1px 0px #fff;
  font-size: 18px;
  padding: 9px 10px;
  cursor: pointer;
  background: rgb(251, 251, 251);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(251, 251, 251, 1) 0%,
    rgba(226, 226, 226, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(251, 251, 251, 1)),
    color-stop(100%, rgba(226, 226, 226, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(251, 251, 251, 1) 0%,
    rgba(226, 226, 226, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(251, 251, 251, 1) 0%,
    rgba(226, 226, 226, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(251, 251, 251, 1) 0%,
    rgba(226, 226, 226, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(251, 251, 251, 1) 0%,
    rgba(226, 226, 226, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e2e2e2', GradientType=0 );
}

.btn:hover {
  border-color: #b8b8b8;
  color: #252525 !important;
  -webkit-box-shadow: inset 0px -1px 1px 0px #fff;
  box-shadow: inset 0px -1px 1px 0px #fff;
  background: rgb(255, 255, 255);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWUxZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(254, 254, 254, 1) 25%,
    rgba(225, 225, 225, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 1)),
    color-stop(25%, rgba(254, 254, 254, 1)),
    color-stop(100%, rgba(225, 225, 225, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(254, 254, 254, 1) 25%,
    rgba(225, 225, 225, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(254, 254, 254, 1) 25%,
    rgba(225, 225, 225, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(254, 254, 254, 1) 25%,
    rgba(225, 225, 225, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(254, 254, 254, 1) 25%,
    rgba(225, 225, 225, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0 );
}

.btn:active {
  border-color: #adadad;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: rgb(212, 212, 212);
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(
    top,
    rgba(212, 212, 212, 1) 0%,
    rgba(233, 233, 233, 1) 5%,
    rgba(237, 237, 237, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(212, 212, 212, 1)),
    color-stop(5%, rgba(233, 233, 233, 1)),
    color-stop(100%, rgba(237, 237, 237, 1))
  );
  background: -webkit-linear-gradient(
    top,
    rgba(212, 212, 212, 1) 0%,
    rgba(233, 233, 233, 1) 5%,
    rgba(237, 237, 237, 1) 100%
  );
  background: -o-linear-gradient(
    top,
    rgba(212, 212, 212, 1) 0%,
    rgba(233, 233, 233, 1) 5%,
    rgba(237, 237, 237, 1) 100%
  );
  background: -ms-linear-gradient(
    top,
    rgba(212, 212, 212, 1) 0%,
    rgba(233, 233, 233, 1) 5%,
    rgba(237, 237, 237, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(212, 212, 212, 1) 0%,
    rgba(233, 233, 233, 1) 5%,
    rgba(237, 237, 237, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ededed', GradientType=0 );
}

.btn-yellow {
  border-color: #e7c706;
  background: rgb(255, 222, 65);
  text-shadow: none;
  box-shadow: none;
  color: #000;
}

.btn-yellow:hover {
  border-color: #e7c706;
  background: rgb(255, 210, 0);
  box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  text-shadow: none;
}

.btn-yellow:active {
  border-color: #d6a200;
  background: rgb(201, 165, 0);
  box-shadow: none;
  text-shadow: none;
}

.btn-yellow:disabled {
  opacity: 0.5;
  cursor: default;
}

.btn-red {
  padding: 14px 20px;
  background: rgb(237, 28, 36);
  border: 1px solid rgb(203, 0, 19);
  box-shadow: none;
  text-shadow: none;
  font: normal 20px/20px 'PTSans-Bold', sans-serif;
  color: #fff !important;
  border-radius: 2px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-red:hover {
  background: rgb(210, 28, 35);
  border: 1px solid rgb(147, 0, 14);
  text-shadow: none;
  box-shadow: none;
  color: #fff !important;
}

.btn-red[disabled],
.btn-red[disabled]:hover,
.btn-red.disabled,
.btn-red.disabled:hover {
  background: rgb(195, 195, 195);
  border-color: rgb(177, 177, 177);
  color: #ececec !important;
  cursor: default;
}

.btn-grey {
  background: rgb(248, 248, 248);
  border: 1px solid rgb(225, 225, 225);
  box-shadow: none;
  text-shadow: none;
  color: #000 !important;
  border-radius: 2px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-grey:hover {
  background: rgb(225, 225, 225);
  border: 1px solid rgb(205, 205, 205);
  text-shadow: none;
  box-shadow: none;
  color: #000 !important;
}

.btn-white-yellow {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
}

.btn-white-yellow:hover {
  background: rgb(255, 222, 65);
  border-color: rgb(228, 192, 21);
  box-shadow: none;
}

.btn-middle {
  padding: 15px 30px;
  font: normal 20px/20px 'PTSans-Bold', sans-serif;
  border-radius: 2px;
}

.btn-middle-2 {
  padding: 15px 30px;
  font: normal 20px 'PTSans-Regular', sans-serif;
  border-radius: 2px;
  text-shadow: none;
}

.btn-large {
  padding: 15px 30px;
  font: normal 20px/20px 'PTSans-NarrowBold', sans-serif;
}

.btn-long {
  width: 100%;
  text-align: center;
}