* {
  box-sizing:border-box
}
html {
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
body {
  margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display:block
}
audio,
canvas,
progress,
video {
  display:inline-block;
  vertical-align:baseline
}
audio:not([controls]) {
  display:none;
  height:0
}
[hidden],
template {
  display:none
}
a {
  background-color:transparent
}
a:active,
a:hover {
  outline:0
}
abbr[title] {
  border-bottom:1px dotted
}
b,
strong {
  font-weight:700
}
dfn {
  font-style:italic
}
h1 {
  text-transform:uppercase;
  color:#333;
  font-weight:600;
  font-size:16px;
  margin:0 0 20px
}
mark {
  background:#ff0;
  color:#000
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  top:-.5em
}
sub {
  bottom:-.25em
}
img {
  border:0
}
svg:not(:root) {
  overflow:hidden
}
figure {
  margin:1em 40px
}
hr {
  box-sizing:content-box;
  height:0
}
pre {
  overflow:auto
}
code,
kbd,
pre,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font:inherit;
  margin:0
}
button {
  overflow:visible
}
button,
select {
  text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],
html input[disabled] {
  cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border:0;
  padding:0
}
input {
  line-height:normal
}
input[type=checkbox],
input[type=radio] {
  box-sizing:border-box;
  padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height:auto
}
input[type=search] {
  -webkit-appearance:textfield;
  box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
fieldset {
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend {
  border:0;
  padding:0
}
textarea {
  overflow:auto
}
optgroup {
  font-weight:700
}
table {
  border-collapse:collapse;
  border-spacing:0
}
td,
th {
  padding:0
}
.clear-list {
  list-style:none;
  margin:0;
  padding:0
}
.clearfix::after {
  content:'';
  display:block;
  clear:both
}
.additional-products ul .price-box .jcf-checkbox span::before,
.additional-products ul .price-box::after {
  content:'';
  position:absolute;
  display:block
}
.breadcrumb li:after {
  background-image:url(/images/sprite.png);
  background-position:-237px -132px;
  width:4px;
  height:8px
}
.article-box .sign-box button,
.footer .form-box button {
  background-image:url(/images/sprite.png);
  background-position:-231px -171px;
  width:16px;
  height:14px
}
.jcf-radio span {
  background-image:url(/images/sprite.png);
  background-position:-227px -205px;
  width:20px;
  height:16px
}
.popup .popup-holder .btn-close {
  background-image:url(/images/sprite.png);
  background-position:-198px -205px;
  width:24px;
  height:24px
}
.account-content .bottom-box a.change-data:after {
  background-image:url(/images/sprite.png);
  background-position:-237px -93px;
  width:11px;
  height:11px
}
.chosen-block .chosen-holder .products-box .delete-product {
  background-image:url(/images/sprite.png);
  background-position:-237px -109px;
  width:10px;
  height:10px
}
.error-block .error-holder:after {
  background-image:url(/images/sprite.png);
  background-position:0 0;
  width:77px;
  height:304px
}
.error-block .error-holder:before {
  background-image:url(/images/sprite.png);
  background-position:-82px 0;
  width:36px;
  height:114px
}
.second-step .tab-content .speed-box.fast::after {
  background-image:url(/images/sprite.png);
  background-position:-123px 0;
  width:70px;
  height:45px
}
.article-box .social-section .social-likes__widget.social-likes__widget_facebook .social-likes__icon {
  background-image:url(/images/sprite.png);
  background-position:-237px -54px;
  width:9px;
  height:20px
}
.footer .social-box .facebook {
  background-image:url(/images/sprite.png);
  background-position:-198px -54px;
  width:34px;
  height:34px
}
.jcf-button-content:after {
  background-image:url(/images/sprite.png);
  background-position:-198px -234px;
  width:24px;
  height:23px
}
.footer .social-box .google {
  background-image:url(/images/sprite.png);
  background-position:-198px -93px;
  width:34px;
  height:34px
}
.article-box .social-section .social-likes__widget.social-likes__widget_plusone .social-likes__icon {
  background-image:url(/images/sprite.png);
  background-position:-198px -262px;
  width:22px;
  height:16px
}
.jobs-section>ul>li em {
  background-image:url(/images/sprite.png);
  background-position:-227px -250px;
  width:14px;
  height:7px
}
.account-content .bottom-box a.change-password:after {
  background-image:url(/images/sprite.png);
  background-position:-225px -262px;
  width:12px;
  height:12px
}
.second-step .tab-content .speed-box.tv-channel::before {
  background-image:url(/images/sprite.png);
  background-position:-198px 0;
  width:50px;
  height:49px
}
.second-step .tab-content .speed-box.middle::after {
  background-image:url(/images/sprite.png);
  background-position:-123px -50px;
  width:70px;
  height:44px
}
.second-step .tab-content .tariff-box.new::before {
  background-image:url(/images/sprite.png);
  background-position:-123px -147px;
  width:54px;
  height:54px
}
.second-step .tab-content .tariff-box.action::before {
  background-image:url(/images/action.png);
  width:54px;
  height:54px
}
.account-content .common-block .col-1 .name:after {
  background-image:url(/images/sprite.png);
  background-position:-198px -171px;
  width:28px;
  height:29px
}
.account-content .change-box .change-holder .row .input-wrap .input-holder:after,
.jcf-select .jcf-select-opener {
  background-image:url(/images/sprite.png);
  background-position:-237px -79px;
  width:8px;
  height:5px
}
.second-step .tab-content .speed-box.slow::after {
  background-image:url(/images/sprite.png);
  background-position:-123px -99px;
  width:70px;
  height:43px
}
.slideshow-holder .intro-box .speed-box::after {
  background-image:url(/images/sprite.png);
  background-position:-123px -263px;
  width:66px;
  height:40px
}
.second-step .tab-content .price-box::after,
.slideshow-holder .intro-box .price-box::after {
  background-image:url(/images/sprite.png);
  background-position:-123px -206px;
  width:55px;
  height:52px
}
.article-box .social-section .social-likes__widget.social-likes__widget_vkontakte .social-likes__icon {
  background-image:url(/images/sprite.png);
  background-position:-227px -234px;
  width:20px;
  height:11px
}
.footer .social-box .vk {
  background-image:url(/images/sprite.png);
  background-position:-198px -132px;
  width:34px;
  height:34px
}
.footer .social-box .instagram {
  background-image:url(/images/instagram.png);
  width:34px;
  height:34px
}
.footer .social-box .viber {
  background-image:url(/images/viber.png);
  width:34px;
  height:34px
}
.footer .social-box .linked {
  background-image:url(/images/linkedin.png);
  width:34px;
  height:34px
}
.footer .social-box .telegram {
  background-image:url(/images/telegram.png);
  width:34px;
  height:34px
}
.footer .social-box .twitter {
  background-image:url(/images/twitter.png);
  width:34px;
  height:34px
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) {
  .breadcrumb li:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .article-box .sign-box button,
  .footer .form-box button {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .jcf-radio span {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .popup .popup-holder .btn-close {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .account-content .bottom-box a.change-data:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .chosen-block .chosen-holder .products-box .delete-product {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .error-block .error-holder:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .error-block .error-holder:before {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .speed-box.fast::after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .article-box .social-section .social-likes__widget.social-likes__widget_facebook .social-likes__icon {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .footer .social-box .facebook {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .jcf-button-content:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .footer .social-box .google {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .article-box .social-section .social-likes__widget.social-likes__widget_plusone .social-likes__icon {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .jobs-section>ul>li em {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .account-content .bottom-box a.change-password:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .speed-box.tv-channel::before {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .speed-box.middle::after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .tariff-box.new::before {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .account-content .common-block .col-1 .name:after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .account-content .change-box .change-holder .row .input-wrap .input-holder:after,
  .jcf-select .jcf-select-opener {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .speed-box.slow::after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .slideshow-holder .intro-box .speed-box::after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .second-step .tab-content .price-box::after,
  .slideshow-holder .intro-box .price-box::after {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .article-box .social-section .social-likes__widget.social-likes__widget_vkontakte .social-likes__icon {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
  .footer .social-box .vk {
    background-image:url(/images/sprite@2x.png);
    background-size:248px 304px
  }
}
.about-box {
  border:15px solid #fff;
  border-radius:5px;
  position:relative;
  overflow:hidden;
  margin:0 0 30px;
  box-shadow:0 10px 40px rgba(0,0,0,.1)
}
@media only screen and (max-width:767px) {
  .about-box {
    border:3px solid #fff
  }
}
.about-box img {
  vertical-align:top;
  border-radius:5px
}
.about-box .info-box {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  color:#fff;
  max-width:530px;
  z-index:1;
  left:57px
}
@media only screen and (max-width:767px) {
  .about-box .info-box {
    max-width:100%;
    left:15px;
    top:15px;
    -webkit-transform:none;
    transform:none
  }
}
.about-box .info-box .title {
  display:block;
  font-weight:800;
  font-size:34px;
  line-height:36px;
  margin:0 0 15px;
  text-transform:uppercase
}
@media only screen and (max-width:767px) {
  .about-box .info-box .title {
    font-size:24px;
    line-height:26px;
    margin:0 0 10px
  }
}
.about-box .info-box .note {
  display:block
}
.about-box:before {
  content:'';
  position:absolute;
  left:-230px;
  top:-80px;
  width:853px;
  height:853px;
  background:rgba(0,143,217,.55);
  border-radius:50%
}
@media only screen and (max-width:767px) {
  .about-box:before {
    left:0;
    bottom:0;
    right:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:0;
    background:rgba(51,51,51,.4)
  }
}
.about-box:after {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background-color:rgba(51,51,51,.2);
  top:0;
  border-radius:5px
}
.main .trigger-holder {
  margin:0 0 25px
}
.honors-box {
  background-color:#fff;
  padding:45px 60px;
  margin:0 0 130px
}
@media only screen and (max-width:767px) {
  .honors-box {
    margin:0 0 25px;
    padding:15px 0
  }
}
.honors-box .title {
  display:block;
  text-align:center;
  font-weight:700;
  font-size:28px;
  line-height:30px;
  text-transform:uppercase
}
@media only screen and (max-width:767px) {
  .honors-box .title {
    font-size:24px;
    line-height:26px;
    margin:0 0 10px
  }
}
.honors-box .honors-holder {
  margin:35px 0 0
}
.honors-box .grid-item {
  width:25%;
  display:inline-block;
  vertical-align:top;
  text-align:center;
  margin-bottom:40px
}
@media only screen and (max-width:1250px) {
  .honors-box .grid-item {
    width:33.33%
  }
}
@media only screen and (max-width:1023px) {
  .honors-box .grid-item {
    width:50%
  }
}
@media only screen and (max-width:767px) {
  .honors-box .grid-item {
    width:100%
  }
}
.honors-box .grid-item a {
  display:block;
  height:100%
}
.honors-box .grid-item a img {
  vertical-align:top
}
.honors-box .grid-item .note {
  padding:0 10px;
  margin:10px 0 0;
  font-size:12px;
  line-height:14px
}
.map-about-box {
  background:#fff;
  padding:60px 15px 100px;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  margin:0 0 30px;
  text-align:center
}
@media only screen and (max-width:1120px) {
  .map-about-box {
    padding:30px 15px
  }
}
.map-about-box img {
  display:inline-block;
  vertical-align:top
}
@media only screen and (max-width:1120px) {
  .map-about-box img {
    width:100%;
    height:auto
  }
}
.map-about-box>.title {
  display:block;
  text-align:center;
  font-weight:700;
  font-size:28px;
  line-height:30px;
  text-transform:uppercase;
  margin:0 0 60px
}
@media only screen and (max-width:1120px) {
  .map-about-box>.title {
    margin:0 0 20px
  }
}
.account-section {
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  border-radius:5px;
  background-color:#fff;
  margin:0 0 100px;
  padding:30px
}
@media only screen and (max-width:767px) {
  .account-section {
    padding:15px;
    margin:0 0 30px
  }
}
.account-list {
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  border-bottom:1px solid #ebebeb;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .account-list {
    display:block
  }
}
.account-list li {
  font-size:15px;
  padding:0 10px 26px;
  position:relative;
  font-weight:600
}
@media only screen and (max-width:1250px) {
  .account-list li {
    text-align:center
  }
}
@media only screen and (max-width:767px) {
  .account-list li {
    text-align:center;
    padding:0 0 15px;
    margin:0 0 15px
  }
}
.account-list li:after {
  position:absolute;
  content:'';
  width:100%;
  bottom:-2px;
  left:0;
  border-bottom:3px solid transparent
}
.account-list li a {
  color:#999;
  text-decoration:none
}
.account-list li.active:after {
  border-color:#008fd9
}
.account-list li.active a {
  color:#008fd9
}
.account-list li:hover a {
  text-decoration:underline
}
@media only screen and (max-width:1023px) {
  .account-list li:hover a {
    text-decoration:none
  }
}
.account-content {
  margin:35px 0 0
}
.account-content .common-block {
  overflow:hidden
}
.account-content .common-block .col-1 {
  max-width:100%;
  float:left
}
@media only screen and (max-width:1023px) {
  .account-content .common-block .col-1 {
    float:none;
    max-width:100%;
    margin:0 0 15px
  }
}
.account-content .common-block .col-1 .name {
  display:block;
  position:relative;
  padding:0 0 0 45px;
  margin:0 0 25px;
  text-transform:uppercase;
  font-weight:600;
  font-size:16px
}
.account-content .common-block .col-1 .name:after {
  position:absolute;
  content:'';
  left:1px;
  top:3px
}
.account-content .common-block .col-1>ul {
  margin:0;
  padding:10px 0 0;
  list-style:none;
  border-top:1px solid #ebebeb
}
.account-content .common-block .col-1>ul li {
  margin:15px 0 0
}
.account-content .common-block .col-1>ul li span {
  display:inline-block;
  width:130px;
  font-weight:500;
  color:#a0a0a0
}
.account-content .common-block .col-1>ul li strong {
  color:#333;
  font-weight:600
}
.account-content .common-block .col-1>ul li strong.status {
  text-transform:uppercase;
  color:#008fd9
}
.account-content .common-block .col-1>ul li:first-child span {
  width:auto;
  margin:0 6px 0 0
}
.account-content .common-block .col-2 {
  background-color:#f7f7f7;
  max-width:600px;
  width:100%;
  padding:35px 40px;
  border-radius:5px;
  float:right
}
@media only screen and (max-width:1023px) {
  .account-content .common-block .col-2 {
    float:none;
    max-width:100%
  }
}
@media only screen and (max-width:767px) {
  .account-content .common-block .col-2 {
    padding:20px
  }
}
.account-content .common-block .col-2 .row {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border-top:1px solid #ebebeb;
  padding:30px 0 0;
  margin:30px 0 0
}
@media only screen and (max-width:767px) {
  .account-content .common-block .col-2 .row {
    display:block;
    padding:10px 0 0;
    margin:10px 0 0
  }
}
.account-content .common-block .col-2 .row>strong {
  display:inline-block;
  text-transform:uppercase;
  font-size:16px;
  font-weight:600
}
.account-content .common-block .col-2 .row .date-box {
  font-weight:500;
  font-size:12px;
  line-height:14px;
  color:#999
}
.account-content .common-block .col-2 .row:first-child {
  margin:0;
  padding:0;
  border:none
}
.account-content .common-block .col-2 .btn {
  min-width:260px
}
@media only screen and (max-width:767px) {
  .account-content .common-block .col-2 .btn {
    min-width:210px;
    font-size:16px;
    line-height:44px
  }
}
.account-content .common-block .col-2 .balance-box {
  font-weight:500;
  color:#999
}
.account-content .common-block .col-2 .balance-box .balance {
  font-size:40px;
  line-height:1;
  color:#008fd9;
  font-weight:700
}
.account-content .common-block .col-2 .balance-box .balance_b {
  font-size:40px;
  line-height:1;
  color:#f66;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .account-content .common-block .col-2 .balance-box .balance {
    margin:0 0 10px
  }
}
.account-content .history-block {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:20px 0 0 40px
}
@media only screen and (max-width:1023px) {
  .account-content .history-block {
    padding:0;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.account-content .history-block .title {
  display:block;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
  font-weight:700
}
@media only screen and (max-width:479px) {
  .account-content .history-block .title {
    font-size:18px
  }
}
.account-content .history-block .col-1 {
  width:575px
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-1 {
    float:none;
    width:100%
  }
}
.account-content .history-block .col-1 ul {
  margin:30px 0 0;
  padding:0;
  list-style:none
}
.account-content .history-block .col-1 ul li {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:0 7px 15px;
  border-bottom:1px solid #e5e5e5;
  margin-top:15px
}
.account-content .history-block .col-1 ul li .note-box {
  max-width:410px;
  overflow:hidden;
  color:#999;
  font-weight:500;
  line-height:19px
}
@media only screen and (max-width:479px) {
  .account-content .history-block .col-1 ul li .note-box {
    max-width:240px
  }
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-1 ul li .price-box {
    text-align:center
  }
}
.account-content .history-block .col-1 ul li .price-box .price {
  display:block;
  font-size:16px;
  color:#008fd9;
  font-weight:600;
  text-align:right
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-1 ul li .price-box .price {
    text-align:center
  }
}
.account-content .history-block .col-1 ul li .price-box time {
  font-size:12px;
  font-weight:500;
  color:#999
}
.account-content .history-block .col-1 ul li .note {
  display:block;
  overflow:hidden
}
.account-content .history-block .col-1 ul li svg {
  width:33px;
  height:32px;
  float:left;
  margin:3px 15px 0 0
}
.account-content .history-block .col-1 ul li:first-child {
  margin:0
}
.account-content .history-block .col-1 ul li.fail .price-box .price {
  color:red
}
.account-content .history-block .col-1 .more {
  color:#008fd9;
  text-decoration:none;
  border-radius:5px;
  border:1px solid #008fd9;
  line-height:34px;
  padding:0 30px;
  display:inline-block;
  margin:20px 0 0;
  font-weight:500;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
.account-content .history-block .col-1 .more:hover {
  background-color:#008fd9;
  color:#fff
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-1 .more:hover {
    color:#008fd9;
    background-color:transparent
  }
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-2 {
    width:100%
  }
}
.account-content .history-block .col-2 .balance-section {
  background-color:#f7f7f7;
  border-radius:5px;
  text-align:center;
  padding:30px 50px 50px;
  font-weight:500;
  color:#999
}
@media only screen and (max-width:1023px) {
  .account-content .history-block .col-2 .balance-section {
    padding:20px;
    margin:10px 0 0
  }
}
.account-content .history-block .col-2 .balance-box {
  margin:0 0 35px
}
.account-content .history-block .col-2 .balance-box .balance {
  color:#008fd9;
  font-weight:600;
  font-size:40px;
  line-height:1
}
.account-content .history-block .col-2 .btn {
  min-width:260px
}
@media only screen and (max-width:479px) {
  .account-content .history-block .col-2 .btn {
    min-width:210px;
    font-size:14px;
    line-height:40px
  }
}
.account-content .history-block .col-2 .date-box {
  border-bottom:1px solid #dedede;
  padding:0 0 6px;
  font-size:12px;
  margin:0 0 35px
}
.account-content .support-block .title {
  display:block;
  font-size:28px;
  line-height:1;
  text-transform:uppercase;
  font-weight:700
}
@media only screen and (max-width:479px) {
  .account-content .support-block .title {
    font-size:18px
  }
}
.account-content .support-block form {
  margin:20px 0 0
}
.account-content .support-block form .row {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:479px) {
  .account-content .support-block form .row {
    display:block
  }
}
.account-content .support-block form .row .area-box {
  max-width:710px;
  width:100%
}
.account-content .support-block form .row .attach-box {
  padding:0 0 0 20px
}
@media only screen and (max-width:479px) {
  .account-content .support-block form .row .attach-box {
    padding:0;
    margin:10px 0 0
  }
}
@media only screen and (max-width:479px) {
  .account-content .support-block form .row .attach-box .jcf-file {
    width:100%
  }
}
@media only screen and (min-width:1023px) {
  .account-content .support-block form .row .attach-box .jcf-file {
    width:350px
  }
}
.account-content .support-block form .row .attach-box .jcf-upload-button {
  width:100%
}
.account-content .support-block form .row .attach-box p {
  margin:10px 0 0;
  color:#999
}
.account-content .support-block form .btn-box {
  margin:15px 0 0
}
.account-content .support-block form .btn-box .btn {
  text-transform:none;
  font-weight:500
}
.account-content .change-box {
  color:#999;
  font-weight:500
}
.account-content .change-box>p {
  margin:0 0 50px
}
.account-content .change-box>p a {
  color:#008fd9
}
.account-content .change-box>p a:hover {
  text-decoration:none
}
.account-content .change-box .plan-box {
  margin:0 0 20px
}
.account-content .change-box .plan-box strong {
  display:inline-block;
  font-size:16px;
  font-weight:600;
  color:#333;
  margin:0 0 0 5px
}
@media only screen and (max-width:479px) {
  .account-content .change-box .plan-box strong {
    display:block;
    margin:8px 0 0
  }
}
.account-content .change-box .change-section {
  position:relative;
  max-width:600px
}
.account-content .change-box .change {
  color:#008fd9;
  text-decoration:none;
  border-radius:5px;
  border:1px solid #008fd9;
  line-height:34px;
  padding:0 30px;
  display:inline-block;
  font-weight:500;
  -webkit-transition:.3s ease;
  transition:.3s ease;
  cursor:pointer;
  position:absolute;
  left:0;
  top:0
}
.account-content .change-box .change:hover {
  background-color:#008fd9;
  color:#fff
}
@media only screen and (max-width:1023px) {
  .account-content .change-box .change:hover {
    color:#008fd9;
    background-color:transparent
  }
}
.account-content .change-box .change-holder {
  background-color:#f7f7f7;
  border-radius:5px;
  z-index:1;
  position:relative;
  padding:20px 30px;
  visibility:hidden
}
@media only screen and (max-width:479px) {
  .account-content .change-box .change-holder {
    padding:10px
  }
}
.account-content .change-box .change-holder .row {
  margin:0 0 14px
}
.account-content .change-box .change-holder .row>span {
  display:inline-block;
  vertical-align:middle;
  width:180px
}
@media only screen and (max-width:767px) {
  .account-content .change-box .change-holder .row>span {
    display:block;
    margin:0 0 8px
  }
}
.account-content .change-box .change-holder .row .input-wrap {
  display:inline-block;
  vertical-align:middle;
  max-width:338px;
  width:100%
}
.account-content .change-box .change-holder .row .input-wrap .input-holder {
  width:50%;
  position:relative;
  position:relative
}
.account-content .change-box .change-holder .row .input-wrap .input-holder:after {
  position:absolute;
  content:'';
  right:18px;
  top:16px;
  z-index:-1
}
.account-content .change-box .change-holder .row select {
  border:3px solid #e0e0e0;
  height:36px;
  width:100%;
  color:#999;
  font-size:14px;
  font-weight:500;
  border-radius:6px;
  padding:0 10px;
  outline:0;
  background-color:transparent
}
.account-content .change-box .change-holder .row select:focus {
  border-color:#008dd6
}
.account-content .change-box .change-holder .row input {
  background-color:transparent;
  border:3px solid #e0e0e0;
  height:36px;
  font-size:14px;
  font-weight:500
}
.account-content .change-box .change-holder .btn-box>button,
.account-content .change-box .change-holder .btn-box>span {
  display:inline-block;
  vertical-align:middle;
  line-height:34px;
  cursor:pointer
}
.account-content .change-box .change-holder .btn-box>button.change-settings,
.account-content .change-box .change-holder .btn-box>span.change-settings {
  background-color:#008fd9;
  border-radius:6px;
  color:#fff;
  padding:0 40px
}
.account-content .change-box .change-holder .btn-box>button.change-settings:hover,
.account-content .change-box .change-holder .btn-box>span.change-settings:hover {
  background-color:#0d78af
}
.account-content .change-box .change-holder .btn-box>button.cansel-settings,
.account-content .change-box .change-holder .btn-box>span.cansel-settings {
  color:#008fd9;
  margin:0 0 0 30px
}
@media only screen and (max-width:479px) {
  .account-content .change-box .change-holder .btn-box>button.cansel-settings,
  .account-content .change-box .change-holder .btn-box>span.cansel-settings {
    margin:0 0 0 10px
  }
}
.account-content .change-box .change-holder .btn-box>button.cansel-settings:hover,
.account-content .change-box .change-holder .btn-box>span.cansel-settings:hover {
  text-decoration:underline
}
@media only screen and (max-width:1023px) {
  .account-content .change-box .change-holder .btn-box>button.cansel-settings:hover,
  .account-content .change-box .change-holder .btn-box>span.cansel-settings:hover {
    text-decoration:none
  }
}
.account-content .services-block {
  background-color:#f7f7f7;
  border-radius:6px;
  max-width:634px;
  padding:30px 45px
}
@media only screen and (max-width:767px) {
  .account-content .services-block {
    padding:15px
  }
}
.account-content .services-block .row {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:20px 0 0;
  margin:20px 0 0;
  border-top:1px solid #e1e1e1;
  font-weight:500;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
@media only screen and (max-width:767px) {
  .account-content .services-block .row {
    display:block
  }
}
.account-content .services-block .row strong {
  font-weight:600;
  font-size:16px;
  display:inline-block;
  margin:0 0 0 8px;
  text-transform:uppercase;
  color:#008fd9
}
@media only screen and (max-width:479px) {
  .account-content .services-block .row strong {
    margin:10px 0 0;
    display:block
  }
}
.account-content .services-block .row .disabled {
  cursor:no-drop;
  color:#999;
  border-color:#999
}
.account-content .services-block .row .disabled:hover {
  color:#999;
  background-color:transparent
}
.account-content .services-block .row a {
  display:block;
  text-decoration:none;
  color:#008fd9;
  width:164px;
  text-align:center;
  line-height:33px;
  border-radius:6px;
  border:1px solid #008fd9;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
@media only screen and (max-width:767px) {
  .account-content .services-block .row a {
    margin:10px 0 0
  }
}
.account-content .services-block .row a:hover {
  color:#fff;
  background-color:#008fd9
}
@media only screen and (max-width:1023px) {
  .account-content .services-block .row a:hover {
    background-color:transparent;
    color:#008fd9
  }
}
.account-content .services-block .row:first-child {
  margin:0;
  padding:0;
  border:none
}
.account-content .table-box {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 0 30px
}
@media only screen and (max-width:1023px) {
  .account-content .table-box {
    display:block
  }
}
.account-content .table-box .col {
  background-color:#f7f7f7;
  border-radius:5px;
  width:530px;
  padding:20px 30px
}
.account-content .table-box .col2 {
  border-radius:5px;
  width:530px;
  padding:10px 15px
}
.account-content .table-box .col3 {
  border-radius:5px;
  width:100%;
  padding:10px 15px
}
.account-content .table-box .coltransfer {
  background-color:#f7f7f7;
  border-radius:5px;
  width:100%;
  padding:20px 30px
}
@media only screen and (max-width:1023px) {
  .account-content .table-box .col {
    width:100%;
    padding:15px
  }
}
.account-content .table-box .col ul {
  margin:0;
  padding:0;
  list-style:none
}
.account-content .table-box .col ul li:first-child strong {
  padding-top:0
}
.account-content .table-box .col ul li span {
  display:inline-block;
  width:155px;
  color:#999
}
@media only screen and (max-width:767px) {
  .account-content .table-box .col ul li span {
    margin:5px 0 0
  }
}
.account-content .table-box .col ul li strong {
  font-weight:500;
  display:inline-block;
  color:#333;
  border-left:1px solid #ccc;
  padding:15px 0 0 50px;
  max-width:300px
}
@media only screen and (max-width:767px) {
  .account-content .table-box .col ul li strong {
    display:block;
    border:none;
    padding:0;
    margin:5px 0 0
  }
}
.account-content .bottom-box a {
  display:inline-block;
  color:#008fd9;
  text-decoration:none;
  font-weight:500;
  position:relative;
  padding:0 0 0 18px
}
@media only screen and (max-width:767px) {
  .account-content .bottom-box a {
    display:block
  }
}
.account-content .bottom-box a:before {
  border-bottom:1px dotted #008fd9;
  position:absolute;
  content:'';
  left:18px;
  right:0;
  bottom:0;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
@media only screen and (max-width:767px) {
  .account-content .bottom-box a:before {
    border:none
  }
}
.account-content .bottom-box a:after {
  position:absolute;
  content:'';
  top:3px;
  left:0
}
.account-content .bottom-box a.change-data {
  margin:0 0 0 37px
}
@media only screen and (max-width:767px) {
  .account-content .bottom-box a.change-data {
    margin:10px 0 0
  }
}
.account-content .bottom-box a:hover:before {
  border-color:transparent
}
@media only screen and (max-width:1023px) {
  .account-content .bottom-box a:hover:before {
    border-color:#008fd9
  }
}
.row.active .hint .hint-content {
  display:block
}
.hint {
  position:relative;
  border-radius:50%;
  border:1px solid #999;
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:top;
  text-align:center;
  cursor:pointer;
  font-size:11px;
  -webkit-transition:.3s;
  transition:.3s
}
@media screen and (min-width:1025px) {
  .hint:hover {
    border-color:#008fd9;
    color:#008fd9
  }
}
.hint .hint-content {
  position:absolute;
  width:350px;
  padding:20px;
  background:#fff;
  border-radius:5px;
  box-shadow:0 0 30px rgba(0,0,0,.2);
  left:25px;
  top:0;
  text-align:left;
  cursor:pointer;
  color:#666;
  z-index:2;
  display:none;
  font-size:14px
}
.hint .hint-content svg {
  display:block;
  position:absolute;
  right:10px;
  top:10px;
  width:10px;
  height:10px;
  cursor:pointer
}
@media screen and (max-width:767px) {
  .hint .hint-content {
    top:25px;
    width:280px;
    left:-191px
  }
}
.article-block {
  margin:0 0 55px
}
.article-block .news-holder {
  padding:0;
  background-color:transparent;
  margin:0 0 25px
}
.article-block .news-holder .info-section {
  border:19px solid #fff;
  margin:0
}
@media only screen and (max-width:767px) {
  .article-block .news-holder .info-section {
    border-width:3px
  }
}
@media only screen and (max-width:767px) {
  .article-block .news-holder .info-section img {
    width:100%;
    height:auto
  }
}
@media only screen and (max-width:1023px) {
  .article-block .news-holder .info-section:after {
    left:-250px
  }
}
@media only screen and (max-width:767px) {
  .article-block .news-holder .info-section:after {
    display:none
  }
}
.article-box {
  background-color:#fff;
  margin:0 auto;
  max-width:840px;
  padding:0 30px 30px
}
@media only screen and (max-width:767px) {
  .article-box {
    padding:0 15px 15px
  }
}
.article-box .top-box {
  overflow:hidden;
  margin:0 0 20px
}
.article-box .top-box .published {
  float:left;
  font-size:12px;
  line-height:14px;
  color:#fff;
  text-align:center;
  background:rgba(0,143,217,.55);
  width:84px;
  height:84px;
  padding:12px 0 0;
  margin:0 29px 0 0
}
@media only screen and (max-width:767px) {
  .article-box .top-box .published {
    margin:0 15px 0 0
  }
}
.article-box .top-box .published span {
  display:block;
  font-size:34px;
  line-height:36px;
  font-weight:700;
  margin:0 0 2px
}
.article-box .top-box .title {
  display:block;
  text-transform:uppercase;
  font-weight:700;
  font-size:28px;
  line-height:30px;
  color:#333;
  padding:27px 0 0;
  overflow:hidden
}
@media only screen and (max-width:767px) {
  .article-box .top-box .title {
    overflow:hidden;
    font-size:18px;
    line-height:24px;
    padding:0
  }
}
.article-box .info {
  margin:0 0 30px;
  font-size:14px;
  line-height:22px
}
.article-box .info p {
  margin:0 0 20px
}
.article-box .info ul {
  margin:0 0 20px;
  padding:0;
  list-style:none
}
.article-box .info ul li {
  position:relative;
  padding:0 0 0 15px
}
.article-box .info ul li:after {
  content:'';
  position:absolute;
  left:0;
  top:10px;
  width:3px;
  height:3px;
  background-color:#666
}
.article-box .social-section {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 0 30px
}
@media only screen and (max-width:767px) {
  .article-box .social-section {
    display:block
  }
}
.article-box .social-section .social-title {
  font-weight:500;
  display:block;
  margin:0 0 10px
}
.article-box .social-section .social-likes__widget {
  display:inline-block;
  color:#fff;
  border-radius:5px;
  text-transform:uppercase;
  font-weight:700;
  text-align:center;
  width:150px;
  margin:0 0 0 8px;
  line-height:42px;
  cursor:pointer
}
@media only screen and (max-width:1023px) {
  .article-box .social-section .social-likes__widget {
    display:block;
    margin:8px 0 0
  }
}
.article-box .social-section .social-likes__widget:hover {
  opacity:.8
}
@media only screen and (max-width:1023px) {
  .article-box .social-section .social-likes__widget:hover {
    opacity:1
  }
}
.article-box .social-section .social-likes__widget.social-likes__widget_plusone {
  background-color:#eb7070;
  margin:0
}
.article-box .social-section .social-likes__widget.social-likes__widget_facebook {
  background-color:#4867aa
}
.article-box .social-section .social-likes__widget.social-likes__widget_vkontakte {
  background-color:#4d75a4
}
.article-box .social-section .social-likes__widget .social-likes__icon {
  display:inline-block;
  vertical-align:middle;
  margin:-4px 8px 0 0
}
@media only screen and (max-width:767px) {
  .article-box .sign-box {
    margin:10px 0 0
  }
}
.article-box .sign-box form {
  position:relative
}
.article-box .sign-box form label {
  display:none
}
.article-box .sign-box input[type=email] {
  font-size:14px;
  font-weight:400;
  padding:0 32px 0 10px;
  width:250px
}
@media only screen and (max-width:767px) {
  .article-box .sign-box input[type=email] {
    width:100%
  }
}
.article-box .sign-box button {
  position:absolute;
  right:14px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:transparent;
  border:none;
  padding:0
}
.article-box .read-also {
  border-top:1px solid #f0f1f3;
  padding:30px 0 0
}
.article-box .read-also .title {
  display:block;
  text-transform:uppercase;
  font-weight:700;
  color:#333;
  font-size:28px;
  line-height:30px;
  margin:0 0 30px
}
.article-box .read-also .btn-block {
  text-align:center
}
.article-box .read-also .btn-block .btn {
  text-transform:none;
  font-size:14px;
  line-height:44px;
  min-width:205px;
  font-weight:500
}
.service-section {
  margin:0 0 110px;
  position:relative
}
.service-section:after {
  content:'';
  position:absolute;
  bottom:-220px;
  left:0;
  right:0;
  background:url(../images/bg-news.png);
  height:165px;
  z-index:-1;
  padding:0 9999px;
  margin:0 -9999px
}
.service-section .service-connection {
  margin:0
}
.service-section .service-connection .form-section {
  margin:0
}
.service-connection {
  position:relative;
  margin:-69px 0 45px
}
.service-connection .top-box {
  background:url(../images/bg-form.jpg);
  padding:120px 0
}
.service-connection .top-box .title {
  font-size:28px;
  line-height:34px;
  color:#fff;
  font-weight:700;
  display:block;
  max-width:550px;
  margin:0 auto 40px;
  text-transform:uppercase;
  text-align:center
}
@media only screen and (max-width:767px) {
  .service-connection .top-box .title {
    font-size:18px;
    line-height:24px;
    margin:0 auto 20px
  }
}
.service-connection .top-box ul {
  margin:0 auto;
  padding:0;
  list-style:none;
  max-width:890px;
  text-align:center
}
.service-connection .top-box ul li {
  display:inline-block;
  vertical-align:top;
  width:180px;
  position:relative
}
@media only screen and (max-width:767px) {
  .service-connection .top-box ul li {
    width:100%
  }
}
.service-connection .top-box ul li+li {
  margin:0 0 0 170px
}
@media only screen and (max-width:1023px) {
  .service-connection .top-box ul li+li {
    margin:0 0 0 100px
  }
}
@media only screen and (max-width:767px) {
  .service-connection .top-box ul li+li {
    margin:15px 0 0
  }
}
.service-connection .top-box ul li+li::after {
  content:'';
  position:absolute;
  top:50px;
  left:-196px;
  height:4px;
  background:#fff;
  width:220px;
  border-radius:5px
}
@media only screen and (max-width:1023px) {
  .service-connection .top-box ul li+li::after {
    left:-127px;
    width:150px
  }
}
@media only screen and (max-width:767px) {
  .service-connection .top-box ul li+li::after {
    display:none
  }
}
.service-connection .top-box ul li .title-box {
  font-size:16px;
  line-height:18px;
  display:block;
  font-weight:500;
  color:#fff;
  text-align:center
}
.service-connection .top-box ul li .icon {
  width:100px;
  height:100px;
  line-height:100px;
  margin:0 auto 10px;
  border:4px solid #fff;
  border-radius:50%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  position:relative
}
.service-connection .top-box ul li .icon svg {
  display:inline-block
}
.service-connection .top-box ul li.item-1 svg {
  width:44px;
  height:47px
}
.service-connection .top-box ul li.item-2 svg {
  width:40px;
  height:49px
}
.service-connection .top-box ul li.item-3 svg {
  width:38px;
  height:52px
}
.service-connection .form-section {
  max-width:1140px;
  margin:-77px auto 0;
  position:relative;
  z-index:2
}
.service-connection .form-section .title {
  font-size:28px;
  line-height:30px;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  display:block;
  margin:0 0 30px
}
@media only screen and (max-width:1023px) {
  .service-connection .form-section .title {
    font-size:18px;
    line-height:24px;
    margin:0 0 10px
  }
}
.service-connection .form-section .fourth-step .title {
  padding:0 0 0 85px;
  margin:0 0 45px
}
@media only screen and (max-width:767px) {
  .service-connection .form-section .fourth-step .title {
    margin:0 0 20px;
    padding:0 0 0 34px
  }
}
.service {
  background:#fff;
  padding:56px 60px 32px 111px;
  position:relative;
  margin:0 0 30px;
  border-radius:5px;
  box-shadow:0 5px 20px rgba(0,0,0,.05)
}
@media only screen and (max-width:479px) {
  .service {
    padding:56px 30px 32px 65px
  }
}
.service .progress-line {
  position:absolute;
  top:40px;
  left:20px;
  bottom:0;
  width:54px
}
@media only screen and (max-width:479px) {
  .service .progress-line {
    left:5px
  }
}
.service .progress-line span {
  background:#008fd9;
  border:4px solid #fff;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  border-radius:50%;
  width:54px;
  height:54px;
  display:block;
  position:relative;
  font-size:24px;
  line-height:46px;
  font-weight:700;
  text-align:center;
  color:#fff
}
.service .progress-line .icon {
  position:absolute;
  top:50%;
  left:50%;
  width:20px;
  height:16px;
  margin:-8px 0 0 -10px;
  display:none
}
.service .progress-line .icon svg {
  width:20px;
  height:16px;
  display:block
}
.service .progress-line::after {
  content:'';
  position:absolute;
  top:54px;
  left:50%;
  bottom:0;
  background:rgba(204,204,204,.2);
  width:4px;
  margin-left:-2px
}
.service.active .progress-line span {
  font-size:0
}
.service.active .progress-line span .icon {
  display:block
}
.service.active .progress-line::before {
  content:'';
  position:absolute;
  top:54px;
  left:50%;
  background:#008fd9;
  width:4px;
  margin-left:-2px;
  bottom:-70px;
  z-index:1
}
.first-step .row {
  margin:0 0 28px
}
.first-step .row::after {
  content:'';
  display:block;
  clear:both
}
.first-step .row .col {
  float:left
}
@media only screen and (max-width:1023px) {
  .first-step .row .col {
    float:none
  }
}
.first-step .row .col+.col {
  margin:0 0 0 15px
}
@media only screen and (max-width:1023px) {
  .first-step .row .col+.col {
    margin:15px 0 0
  }
}
.first-step .row .col.normal {
  max-width:273px
}
@media only screen and (max-width:1023px) {
  .first-step .row .col.normal {
    max-width:100%
  }
}
.first-step .row .col.normal input[type=text] {
  padding:0 10px 0 39px
}
.first-step .row .col.big {
  width:425px
}
.first-step .row .col.big input[type=text] {
  padding:0 20px
}
@media only screen and (max-width:1250px) {
  .first-step .row .col.big {
    width:315px
  }
}
@media only screen and (max-width:1023px) {
  .first-step .row .col.big {
    width:100%
  }
}
.first-step .row .col.small {
  max-width:108px
}
@media only screen and (max-width:1023px) {
  .first-step .row .col.small {
    max-width:100%
  }
}
.first-step .row .col.small input {
  text-align:center
}
.first-step .row .label {
  font-size:14px;
  line-height:16px;
  display:block;
  color:#999;
  margin:0 0 5px;
  font-weight:500
}
.first-step .row .field {
  position:relative
}
.first-step .row .field .icon-address {
  position:absolute;
  left:19px;
  top:22px;
  width:8px;
  height:12px;
  margin-top:-6px
}
.first-step .row .field .icon-address svg {
  width:10px;
  height:12px;
  display:block
}
.first-step .btn-box {
  text-align:center;
  margin:0 0 30px
}
.first-step .notes {
  font-size:15px;
  line-height:17px;
  display:block;
  text-align:center;
  font-weight:500
}
.first-step .notes .network {
  color:#008fd9;
  border-bottom:1px dashed;
  cursor:pointer
}
.first-step .notes .network:hover {
  border-color:transparent
}
.second-step .progress-line::before {
  content:'';
  position:absolute;
  top:54px;
  left:50%;
  bottom:0;
  background:#008fd9;
  width:4px;
  margin-left:-2px;
  height:40px;
  z-index:1
}
.second-step.active .progress-line::before {
  bottom:-70px;
  height:auto
}
.second-step.active .progress-line .first-point,
.second-step.active .progress-line .second-point {
  border-color:#008fd9
}
.second-step .sub-title {
  font-size:16px;
  line-height:18px;
  color:#b2b2b2;
  display:block;
  margin:0 0 10px;
  font-weight:700;
  text-transform:uppercase;
  position:relative
}
.second-step .sub-title .first-point,
.second-step .sub-title .second-point {
  background:#fff;
  z-index:2;
  width:19px;
  height:19px;
  display:block;
  border:3px solid rgba(204,204,204,.2);
  position:absolute;
  left:-73px;
  border-radius:50%;
  top:0
}
.second-step .tab-box {
  margin:0 0 55px
}
.second-step .tabset {
  margin:0 0 52px;
  padding:0;
  list-style:none;
  text-align:center
}
@media only screen and (max-width:767px) {
  .second-step .tabset {
    text-align:center
  }
}
.second-step .tabset li {
  display:inline-block;
  vertical-align:top
}
.second-step .tabset li+li {
  margin:0 0 0 31px
}
@media only screen and (max-width:1023px) {
  .second-step .tabset li+li {
    margin:0 0 0 15px
  }
}
@media only screen and (max-width:767px) {
  .second-step .tabset li+li {
    margin:15px 0 0
  }
}
.second-step .tabset li a {
  border:3px solid #f0f0f0;
  width:300px;
  border-radius:3px;
  position:relative;
  display:block
}
@media only screen and (max-width:1250px) {
  .second-step .tabset li a {
    width:250px
  }
}
@media only screen and (max-width:1023px) {
  .second-step .tabset li a {
    width:185px
  }
}
@media only screen and (max-width:767px) {
  .second-step .tabset li a {
    width:230px
  }
}
.second-step .tabset li a.active {
  border-color:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.2)
}
.second-step .tabset li a.active .service-name {
  color:#fff;
  background:rgba(0,143,217,.55)
}
.second-step .tabset li a:hover .service-name {
  text-decoration:underline
}
@media only screen and (max-width:1023px) {
  .second-step .tabset li a:hover .service-name {
    text-decoration:none
  }
}
.second-step .tabset li img {
  border-radius:3px;
  vertical-align:top
}
@media only screen and (max-width:1250px) {
  .second-step .tabset li img {
    width:100%;
    height:auto
  }
}
.second-step .tabset li .service-name {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  text-align:center;
  background:rgba(255,255,255,.95);
  font-size:16px;
  line-height:45px;
  font-weight:700;
  color:#666;
  text-transform:uppercase
}
.second-step .tab-content .tariff-box.disabled {
  cursor:no-drop;
  opacity:.5
}
.second-step .tab-content .tariff-box {
  padding:20px;
  border:2px solid #f0f0f0;
  border-radius:5px;
  cursor:pointer;
  position:relative
}
@media only screen and (max-width:1023px) {
  .second-step .tab-content .tariff-box {
    padding:10px
  }
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .tariff-box {
    padding:25px 10px;
    text-align:center
  }
}
.second-step .tab-content .tariff-box .tv-channel.active .hint .hint-content {
  display:block
}
.second-step .tab-content .tariff-box:after {
  content:'';
  display:block;
  clear:both
}
.second-step .tab-content .tariff-box+.tariff-box {
  margin-top:20px
}
.second-step .tab-content .tariff-box.active {
  background:#fff;
  border-color:#008fd9;
  box-shadow:0 5px 20px rgba(0,0,0,.1)
}
.second-step .tab-content .tariff-box.active .sub-text,
.second-step .tab-content .tariff-box.active .sum,
.second-step .tab-content .tariff-box.active .tariff-name {
  color:#008fd9
}
.second-step .tab-content .tariff-box.new::before {
  content:'';
  position:absolute;
  top:-1px;
  left:-1px
}
.second-step .tab-content .tariff-box.action::before {
  content:'';
  position:absolute;
  top:-1px;
  left:-1px
}
.second-step .tab-content .holder {
  float:left
}
.second-step .tab-content .holder:after {
  position:absolute;
  content:'';
  right:0;
  top:0;
  height:100%;
  width:70px;
  background-color:transparent;
  z-index:1
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .holder:after {
    height:70px;
    top:100%;
    right:50%;
    -webkit-transform:translate(50%,-100%);
    transform:translate(50%,-100%)
  }
}
@media only screen and (max-width:1023px) {
  .second-step .tab-content .holder {
    float:none
  }
}
.second-step .tab-content .holder+.holder {
  float:right;
  margin-left:30px;
  position:relative
}
@media only screen and (max-width:1023px) {
  .second-step .tab-content .holder+.holder {
    float:none;
    margin:15px 0 0
  }
}
.second-step .tab-content .tariff-variant {
  vertical-align:middle;
  font-size:80px;
  line-height:82px;
  font-weight:800;
  color:rgba(153,204,102,.2);
  margin:-13px 26px 0 0;
  display:none
}
.second-step .tab-content .tariff-name {
  display:inline-block;
  vertical-align:middle;
  font-size:18px;
  line-height:20px;
  font-weight:800;
  color:#333;
  text-transform:uppercase;
  width:250px;
  padding:0 0 0 15px
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .tariff-name {
    width:100%;
    font-size:14px;
    line-height:16px
  }
}
.second-step .tab-content .tariff-present {
  margin:0 42px 0 0;
  padding:0;
  list-style:none;
  display:inline-block;
  vertical-align:middle;
  text-align:right
}
.second-step .tab-content .tariff-present li.active .hint .hint-content {
  display:block
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .tariff-present {
    width:100%;
    text-align:center;
    margin:0 0 15px
  }
}
.second-step .tab-content .tariff-present li {
  display:inline-block;
  vertical-align:middle
}
.second-step .tab-content .tariff-present li+li {
  margin:0 0 0 27px
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .tariff-present li+li {
    margin:0 0 0 15px
  }
}
.second-step .tab-content .tariff-present li .icon {
  width:42px;
  height:47px;
  display:block;
  position:relative
}
.second-step .tab-content .tariff-present li .icon svg {
  width:42px;
  height:47px;
  display:block
}
.second-step .tab-content .speed-box.tv-channel {
  padding:0 0 0 60px
}
.second-step .tab-content .speed-box.tv-channel .hint {
  border-color:#333
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .jcf-radio {
    display:block;
    margin:20px auto
  }
}
.second-step .tab-content .speed-box {
  display:inline-block;
  vertical-align:middle;
  padding:0 0 0 88px;
  position:relative;
  margin:0 14px 0 0
}
@media only screen and (max-width:767px) {
  .second-step .tab-content .speed-box {
    margin:0 10px 0 0
  }
}
@media only screen and (max-width:479px) {
  .second-step .tab-content .speed-box {
    margin:0 0 10px
  }
}
.second-step .tab-content .speed-box::after {
  content:'';
  position:absolute;
  left:0;
  bottom:0
}
.second-step .tab-content .speed-box::before {
  content:'';
  position:absolute;
  left:0;
  bottom:0
}
.second-step .tab-content .price-box {
  display:inline-block;
  vertical-align:middle;
  margin:0 14px 0 0;
  position:relative;
  padding:0 0 0 60px
}
.second-step .tab-content .price-box::after {
  content:'';
  position:absolute;
  top:2px;
  left:0
}
@media only screen and (max-width:479px) {
  .second-step .tab-content .price-box {
    margin:0 0 10px
  }
}
.second-step .tab-content .old-price {
  font-size:16px;
  line-height:34px;
  color:rgba(255,0,0,.5);
  position:absolute;
  top:-23px;
  text-decoration:line-through;
  display:block;
  width:100%;
  text-align:center
}
.second-step .sum {
  display:block;
  font-size:34px;
  line-height:36px;
  color:#333;
  font-weight:700;
  text-align:center;
  min-width:58px
}
.second-step .sub-text {
  font-size:12px;
  line-height:14px;
  display:block;
  color:#333;
  text-align:center
}
.second-step .not-found {
  font-size:16px;
  line-height:18px;
  color:#666;
  font-weight:500
}
.second-step .not-found .write-us {
  cursor:pointer;
  color:#008fd9;
  border-bottom:1px dashed
}
.second-step .not-found .write-us:hover {
  border-color:transparent
}
.write-us {
  cursor:pointer;
  color:#008fd9;
  border-bottom:1px dashed
}
.write-us:hover {
  border-color:transparent
}
.additional-products {
  margin:0 0 25px
}
.additional-products ul {
  margin:0;
  padding:0;
  list-style:none
}
.additional-products ul li {
  padding:20px;
  overflow:hidden;
  border:2px solid #f0f0f0;
  border-radius:5px;
  position:relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.additional-products ul li+li {
  margin-top:20px
}
.additional-products ul li.active {
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  border-color:#fff
}
.additional-products ul li.active .sub-text,
.additional-products ul li.active .sum {
  color:#008fd9
}
.additional-products ul .image-box {
  float:left;
  margin:0 20px 0 0
}
@media only screen and (max-width:767px) {
  .additional-products ul .image-box {
    float:none;
    margin:0 0 10px;
    text-align:center
  }
}
.additional-products ul .image-box img {
  vertical-align:top
}
.additional-products ul .description {
  float:left;
  max-width:500px
}
@media only screen and (max-width:1023px) {
  .additional-products ul .description {
    max-width:240px
  }
}
@media only screen and (max-width:767px) {
  .additional-products ul .description {
    float:none;
    max-width:100%
  }
}
.additional-products ul .product-name {
  font-size:16px;
  line-height:18px;
  display:block;
  margin:0 0 10px;
  color:#666;
  text-transform:uppercase;
  font-weight:700
}
.additional-products ul .text {
  font-size:14px;
  line-height:18px;
  color:#999
}
.additional-products ul .text p {
  margin:0
}
.additional-products ul .price-box {
  position:absolute;
  top:50%;
  margin-top:-30px;
  right:20px
}
.additional-products ul .price-box::after {
  right:0;
  top:0;
  height:100%;
  width:60px;
  background-color:transparent;
  z-index:1
}
@media only screen and (max-width:767px) {
  .additional-products ul .price-box {
    position:relative;
    top:0;
    right:0;
    margin:20px 0 0;
    text-align:center
  }
}
.additional-products ul .price-box label {
  display:inline-block;
  vertical-align:top
}
.additional-products ul .price-box .price {
  float:left;
  margin:0 21px 0 0
}
@media only screen and (max-width:767px) {
  .additional-products ul .price-box .price {
    float:none;
    margin:0 10px 0 0;
    display:inline-block;
    vertical-align:top
  }
}

.price-box .price .sum small {
    font-size: 15px;
    line-height: 15px;
}


@media screen and (min-width: 992px) {
    .price-box .price .sum small {
        position: absolute;
        left: -30px;
        bottom: 27px;
    }
}


.additional-products ul .price-box .jcf-checkbox {
  width:60px;
  height:60px;
  border:none;
  background:#ebebeb;
  cursor:pointer;
  margin:0
}
.additional-products ul .price-box .jcf-checkbox span {
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border:none;
  -webkit-transform:none;
  transform:none;
  margin:0
}
.additional-products ul .price-box .jcf-checkbox span::before {
  height:11px;
  width:21px;
  border:3px solid #fff;
  border-top:none;
  border-right:none;
  box-sizing:border-box;
  margin:-7px 0 0 -9px;
  top:50%;
  left:50%;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.additional-products ul .price-box .jcf-checkbox.jcf-checked {
  background:#008fd9
}
.additional-products ul .price-box .jcf-checkbox input[type=checkbox] {
  cursor:pointer
}
.third-step .form-box .row {
  margin:0 0 20px
}
.third-step .form-box .row::after {
  content:'';
  display:block;
  clear:both
}
.third-step .form-box .row .col {
  float:left;
  width:297px
}
@media only screen and (max-width:1250px) {
  .third-step .form-box .row .col {
    width:250px
  }
}
@media only screen and (max-width:1023px) {
  .third-step .form-box .row .col {
    width:100%
  }
}
.third-step .form-box .row .col+.col {
  margin:0 0 0 39px
}
@media only screen and (max-width:1250px) {
  .third-step .form-box .row .col+.col {
    margin:0 0 0 30px
  }
}
@media only screen and (max-width:1023px) {
  .third-step .form-box .row .col+.col {
    margin:15px 0 0
  }
}
.third-step .form-box .row .col .label {
  font-size:14px;
  line-height:16px;
  font-weight:500;
  color:#999;
  display:block;
  margin:0 0 10px
}
.third-step .form-box .area-holder {
  margin:0 0 10px
}
.third-step .form-box .area-holder .comment-box {
  text-align:center;
  margin:0 0 20px
}
.third-step .form-box .area-holder .comment-box .icon {
  display:inline-block;
  vertical-align:bottom;
  color:#000;
  width:15px;
  height:14px;
  margin:0 5px 0 0
}
.third-step .form-box .area-holder .comment-box .icon svg {
  width:15px;
  height:14px;
  display:block
}
.third-step .form-box .area-holder .add-comment {
  display:inline-block;
  vertical-align:baseline;
  font-size:14px;
  line-height:16px;
  color:#008fd9;
  cursor:pointer;
  border-bottom:1px dashed
}
.third-step .form-box .area-holder .add-comment:hover {
  border-color:transparent
}
.third-step .form-box .area-holder .area-box {
  height:0;
  overflow:hidden
}
.third-step .form-box .area-holder .area-box.active {
  height:auto;
  padding:0 0 20px
}
.third-step .form-box .terms-box {
  text-align:center;
  margin:0 0 20px
}
.third-step .form-box .terms-box .jcf-checkbox {
  border:none;
  width:20px;
  height:20px;
  background:#ebebeb
}
.third-step .form-box .terms-box .jcf-checkbox span {
  border-color:#fff;
  border-width:0 0 2px 2px
}
.third-step .form-box .terms-box .jcf-checkbox.jcf-checked {
  background:#008fd9
}
.third-step .form-box .terms-box label {
  font-size:14px;
  line-height:24px;
  color:#999;
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:767px) {
  .third-step .form-box .terms-box label {
    max-width:160px;
    line-height:16px
  }
}
.third-step .form-box .btn-box {
  text-align:center
}
.fourth-step {
  position:relative
}
.fourth-step .progress-line {
  position:absolute;
  top:24px;
  left:20px;
  width:54px;
  z-index:2
}
@media only screen and (max-width:479px) {
  .fourth-step .progress-line {
    left:5px
  }
}
.fourth-step .progress-line span {
  background:#fff;
  border:4px solid #d6d6d6;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  border-radius:50%;
  width:54px;
  height:54px;
  display:block;
  position:relative;
  font-size:24px;
  line-height:46px;
  font-weight:700;
  text-align:center
}
.fourth-step .edit-holder {
  background:#fff;
  padding:35px 34px;
  margin:0 0 10px;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  border-radius:5px
}
.fourth-step .all-steps {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:767px) {
  .fourth-step .all-steps {
    display:block
  }
}
.fourth-step .all-steps .step-box {
  max-width:250px;
  width:100%;
  height:inherit
}
@media only screen and (max-width:767px) {
  .fourth-step .all-steps .step-box {
    max-width:100%;
    border-left:none;
    border-bottom:1px solid #e0e0e0;
    border-top:1px solid #e0e0e0;
    padding:10px 0
  }
}
.fourth-step .all-steps .step-box+.step-box {
  border-left:1px solid #e0e0e0;
  max-width:277px;
  padding:0 0 0 26px
}
@media only screen and (max-width:1250px) {
  .fourth-step .all-steps .step-box+.step-box {
    padding:0 13px
  }
}
@media only screen and (max-width:767px) {
  .fourth-step .all-steps .step-box+.step-box {
    max-width:100%;
    border-left:none;
    border-bottom:1px solid #e0e0e0;
    border-top:1px solid #e0e0e0;
    padding:10px 0
  }
}
.fourth-step .all-steps .step-box .title-box {
  font-size:18px;
  line-height:20px;
  color:#999;
  margin:0 0 10px;
  display:block
}
.fourth-step .all-steps .step-box .data-title {
  font-style:normal;
  font-size:16px;
  line-height:20px;
  color:#666;
  display:block;
  font-weight:700;
  text-transform:uppercase
}
.fourth-step .all-steps .step-box .data-title+.data-title {
  margin:20px 0 0
}
.fourth-step .all-steps .step-box .data-sub-title {
  font-size:12px;
  line-height:14px;
  color:#666;
  display:inline-block;
  vertical-align:top;
  padding:8px 0 0;
  margin:0 10px 10px 0
}
.fourth-step .all-steps .step-box .data-info {
  font-size:12px;
  line-height:14px;
  display:block;
  margin:0 0 10px;
  padding:8px 0 0
}
.fourth-step .all-steps .step-box .data-info+.data-info {
  padding:0
}
.fourth-step .all-steps .step-box .edit a {
  font-size:14px;
  line-height:16px;
  border-bottom:1px dashed;
  color:#008fd9;
  text-decoration:none
}
.fourth-step .all-steps .step-box .edit a:hover {
  border-color:transparent
}
.fourth-step .order-box {
  border-top:2px solid #008fd9;
  background:#fff;
  border-radius:0 0 5px 5px;
  padding:20px 28px;
  overflow:hidden;
  box-shadow:0 5px 20px rgba(0,0,0,.05)
}
@media only screen and (max-width:767px) {
  .fourth-step .order-box {
    padding:10px
  }
}
.fourth-step .order-box .order-info {
  float:left
}
@media only screen and (max-width:1250px) {
  .fourth-step .order-box .order-info {
    text-align:center;
    float:none
  }
}
.fourth-step .order-box .btn-box {
  float:right;
  padding:15px 0 0
}
@media only screen and (max-width:1250px) {
  .fourth-step .order-box .btn-box {
    text-align:center;
    float:none
  }
}
.fourth-step .order-box .terms-link {
  text-decoration:none;
  color:#008fd9;
  display:inline-block;
  vertical-align:middle;
  margin:0 70px 0 0
}
@media only screen and (max-width:1023px) {
  .fourth-step .order-box .terms-link {
    margin:0 20px 0 0
  }
}
@media only screen and (max-width:767px) {
  .fourth-step .order-box .terms-link {
    margin:0
  }
}
.fourth-step .order-box .terms-link .icon {
  width:21px;
  height:21px;
  display:inline-block;
  vertical-align:middle;
  margin:0 9px 0 0
}
.fourth-step .order-box .terms-link .icon svg {
  width:21px;
  height:20px;
  display:block
}
.fourth-step .order-box .terms-link span {
  display:inline-block;
  vertical-align:middle
}
.fourth-step .order-box .terms-link:hover span {
  text-decoration:underline
}
.fourth-step .order-box ul {
  margin:0;
  padding:0;
  list-style:none;
  display:inline-block;
  vertical-align:middle;
  text-align:center
}
@media only screen and (max-width:767px) {
  .fourth-step .order-box ul {
    display:block
  }
}
.fourth-step .order-box ul li {
  display:inline-block;
  vertical-align:middle;
  padding:7px 0
}
@media only screen and (max-width:767px) {
  .fourth-step .order-box ul li {
    display:block;
    padding:10px 0
  }
}
.fourth-step .order-box ul li+li {
  margin:0 0 0 22px;
  padding:7px 0 7px 23px;
  border-left:1px solid #e5e5e5
}
@media only screen and (max-width:767px) {
  .fourth-step .order-box ul li+li {
    border-left:none;
    margin:10px 0 0;
    padding:10px 0;
    border-top:1px solid #e5e5e5
  }
}
.fourth-step .order-box ul .title-box {
  font-size:12px;
  line-height:14px;
  color:#666;
  display:block;
  margin:0 0 4px
}
.fourth-step .order-box ul .sum {
  font-size:34px;
  line-height:36px;
  color:#008fd9;
  font-weight:700;
  display:block
}
.fourth-step .order-box ul .sub-text {
  color:#008fd9;
  font-size:12px;
  line-height:14px;
  display:block
}
.additional-section {
  background-color:#fff;
  padding:45px 40px;
  margin:0 0 25px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  border-radius:5px
}
@media only screen and (max-width:767px) {
  .additional-section {
    padding:10px
  }
}
.additional-section .additional-products {
  margin:0
}
.chosen-block {
  margin:0 0 95px;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:1023px) {
  .chosen-block {
    display:block
  }
}
.chosen-block>div {
  background-color:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  border-radius:5px
}
.chosen-block .title {
  display:block;
  text-transform:uppercase;
  font-weight:700;
  font-size:16px
}
.chosen-block .chosen-holder {
  max-width:655px;
  width:100%;
  padding:55px 40px
}
@media only screen and (max-width:1023px) {
  .chosen-block .chosen-holder {
    display:block;
    max-width:100%;
    margin:0 0 20px
  }
}
@media only screen and (max-width:767px) {
  .chosen-block .chosen-holder {
    padding:10px
  }
}
.chosen-block .chosen-holder .products-box {
  margin:30px 0 25px
}
.chosen-block .chosen-holder .products-box ul {
  margin:0;
  padding:0 20px 0 0;
  list-style:none;
  height:315px;
  overflow:hidden
}
.chosen-block .chosen-holder .products-box ul li {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border-bottom:1px solid #f5f5f5;
  padding:20px 0
}
@media only screen and (max-width:767px) {
  .chosen-block .chosen-holder .products-box ul li {
    display:block
  }
}
.chosen-block .chosen-holder .products-box .delete-product {
  display:inline-block;
  cursor:pointer
}
.chosen-block .chosen-holder .products-box .image-box {
  margin:0 0 0 15px
}
@media only screen and (max-width:767px) {
  .chosen-block .chosen-holder .products-box .image-box {
    margin:0;
    text-align:center
  }
}
.chosen-block .chosen-holder .products-box .description {
  margin:0 0 0 15px;
  max-width:300px
}
@media only screen and (max-width:767px) {
  .chosen-block .chosen-holder .products-box .description {
    margin:0;
    text-align:center;
    max-width:100%
  }
}
.chosen-block .chosen-holder .products-box .description .product-name {
  font-size:16px;
  line-height:18px;
  display:block;
  margin:0 0 10px;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  height:36px;
  overflow:hidden
}
.chosen-block .chosen-holder .final-cost {
  width:315px;
  border-radius:5px;
  background-color:#f7f7f7;
  padding:16px 30px 20px
}
@media only screen and (max-width:767px) {
  .chosen-block .chosen-holder .final-cost {
    width:100%;
    text-align:center
  }
}
.chosen-block .chosen-holder .final-cost>span {
  display:inline-block;
  vertical-align:middle;
  font-size:12px
}
.chosen-block .chosen-holder .final-cost .price-box {
  display:inline-block;
  vertical-align:middle;
  color:#008fd9;
  margin:0 0 0 10px
}
.chosen-block .chosen-holder .final-cost .price-box strong {
  font-weight:700;
  font-size:34px;
  line-height:1
}
.chosen-block .form-holder {
  padding:50px 70px;
  max-width:455px;
  width:100%
}
@media only screen and (max-width:1023px) {
  .chosen-block .form-holder {
    max-width:100%
  }
}
@media only screen and (max-width:767px) {
  .chosen-block .form-holder {
    max-width:100%;
    padding:20px
  }
}
.chosen-block .form-holder .row {
  margin:30px 0 0
}
.chosen-block .form-holder .row label {
  display:block;
  font-weight:500;
  margin:0 0 8px
}
.chosen-block .form-holder .row input {
  height:52px
}
.chosen-block .form-holder .row .btn {
  min-width:300px
}
@media only screen and (max-width:767px) {
  .chosen-block .form-holder .row .btn {
    min-width:200px;
    font-size:14px;
    line-height:40px
  }
}
.chosen-block .form-holder .row.for-btn {
  text-align:center
}
.form-section .hint {
  font-style:normal;
  position:absolute;
  top:-5px;
  left:30px;
  border-color:#008fd9;
  background:#008fd9;
  color:#fff
}
.form-section .hint .hint-content {
  z-index:10
}
.form-section .hint .hint-content p {
  margin:0
}
.form-section .hint .hint-content svg,
.form-section .hint .hint-content svg use {
  display:block;
  position:absolute;
  right:10px;
  top:10px;
  width:10px;
  height:10px;
  cursor:pointer;
  fill:#333
}
@media only screen and (max-width:767px) {
  .form-section .hint .hint-content {
    width:150px;
    left:-90px
  }
}
.write-us2 {
  font-size:14px;
  line-height:24px;
  color:#008fd9
}
.mac-table {
  margin:10px 10px
}
.mac-table td {
  width:80px;
  padding:0 10px
}
.mac-table td.info {
  width:300px;
  padding:0 10px
}
@media screen and (min-width:1023px) {
  .write-us:hover {
    text-decoration:none
  }
}
body {
  margin:0;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:none;
  font:14px/18px 'Exo 2',sans-serif;
  color:#666;
  min-width:320px;
  background:#f7f7f7
}
body.home .header-holder {
  padding:21px 0 14px;
  margin:0;
  background-color:transparent
}
.wrapper {
  width:100%;
  overflow:hidden
}
.content-wrap {
  max-width:1140px;
  margin:0 auto
}
button:focus,
input:focus,
textarea:focus {
  outline:0
}
input[type=date],
input[type=email],
input[type=password],
input[type=tel],
input[type=text] {
  border:3px solid #f0f0f0;
  height:44px;
  width:100%;
  color:#333;
  font-size:20px;
  font-weight:600;
  border-radius:6px;
  padding:0 10px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
  border-color:#008dd6
}
textarea {
  border:3px solid #f0f0f0;
  height:150px;
  width:100%;
  border-radius:6px;
  padding:10px;
  min-height:100px;
  resize:vertical
}
.file-upload.error,
input.error,
textarea.error {
  border-color:red
}
.error::-webkit-input-placeholder,
.file-upload.error>div {
  color:red
}
.error::-moz-placeholder {
  color:red
}
.error:-moz-placeholder {
  color:red
}
.error:-ms-input-placeholder {
  color:red
}
.btn {
  font-size:20px;
  line-height:62px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  vertical-align:top;
  padding:0 10px;
  background:#008fd9;
  text-decoration:none;
  border-radius:5px;
  font-weight:700;
  min-width:318px;
  text-align:center;
  border:none;
  cursor:pointer
}
.btn-upd {
  font-size:14px;
  line-height:32px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  vertical-align:top;
  padding:0 10px;
  background:#008fd9;
  text-decoration:none;
  border-radius:5px;
  font-weight:700;
  min-width:260px;
  text-align:center;
  border:none;
  cursor:pointer
}
.btn-tel {
  font-size:20px;
  line-height:62px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  padding:0 10px;
  background:#008fd9;
  text-decoration:none;
  border-radius:5px;
  font-weight:700;
  min-width:318px;
  text-align:center;
  border:none;
  cursor:pointer
}
.btn-ticketclose {
  font-size:20px;
  line-height:62px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  vertical-align:top;
  padding:0 10px;
  background:rgba(217,0,0,.41);
  text-decoration:none;
  border-radius:5px;
  font-weight:700;
  min-width:318px;
  text-align:center;
  border:none;
  cursor:pointer
}
.btn-ticketclose:hover {
  background:rgba(217,0,0,.58)
}
.btn-map {
  font-size:20px;
  line-height:62px;
  color:#fff;
  text-transform:uppercase;
  display:inline-block;
  vertical-align:top;
  padding:0 10px;
  background:#008fd9;
  text-decoration:none;
  border-radius:5px;
  font-weight:700;
  min-width:255px;
  text-align:center;
  border:none;
  cursor:pointer
}
@media only screen and (max-width:479px) {
  .btn {
    min-width:210px
  }
}
.btn:hover {
  background:#0d78af
}
@media only screen and (max-width:1023px) {
  .btn:hover {
    background:#008fd9
  }
}
.btn.disabled {
  background-color:#ebebeb
}
.btn.disabled:hover {
  background-color:#ebebeb
}
.btn-white {
  font-size:14px;
  line-height:44px;
  color:#008fd9;
  background:#fff;
  text-align:center;
  display:inline-block;
  vertical-align:top;
  max-width:206px;
  width:100%;
  padding:0 10px;
  text-decoration:none;
  border-radius:5px;
  cursor:pointer;
  font-weight:500
}
.btn-white:hover {
  box-shadow:0 5px 20px rgba(0,0,0,.2)
}
/*! jQuery UI - v1.12.1 - 2016-10-31
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden {
  display:none
}
.ui-helper-hidden-accessible {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}
.ui-helper-reset {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  line-height:1.3;
  text-decoration:none;
  font-size:100%;
  list-style:none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
  content:"";
  display:table;
  border-collapse:collapse
}
.ui-helper-clearfix:after {
  clear:both
}
.ui-helper-zfix {
  width:100%;
  height:100%;
  top:0;
  left:0;
  position:absolute;
  opacity:0;
  filter:Alpha(Opacity=0)
}
.ui-front {
  z-index:100
}
.ui-state-disabled {
  cursor:default!important;
  pointer-events:none
}
.ui-icon {
  display:inline-block;
  vertical-align:middle;
  margin-top:-.25em;
  position:relative;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat
}
.ui-widget-icon-block {
  left:50%;
  margin-left:-8px;
  display:block
}
.ui-widget-overlay {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.ui-autocomplete {
  position:absolute;
  top:0;
  left:0;
  cursor:default
}
.ui-menu {
  list-style:none;
  padding:0;
  margin:0;
  display:block;
  outline:0
}
.ui-menu .ui-menu {
  position:absolute
}
.ui-menu .ui-menu-item {
  margin:0;
  cursor:pointer;
  list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
  position:relative;
  padding:3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
  margin:5px 0;
  height:0;
  font-size:0;
  line-height:0;
  border-width:1px 0 0 0
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
  margin:-1px
}
.ui-menu-icons {
  position:relative
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left:2em
}
.ui-menu .ui-icon {
  position:absolute;
  top:0;
  bottom:0;
  left:.2em;
  margin:auto 0
}
.ui-menu .ui-menu-icon {
  left:auto;
  right:0
}
.ui-datepicker {
  width:17em;
  padding:.2em .2em 0;
  display:none
}
.ui-datepicker .ui-datepicker-header {
  position:relative;
  padding:.2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position:absolute;
  top:2px;
  width:1.8em;
  height:1.8em
}
.ui-datepicker .ui-datepicker-prev {
  left:2px
}
.ui-datepicker .ui-datepicker-next {
  right:2px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  margin-top:-8px
}
.ui-datepicker .ui-datepicker-prev span {
  margin-left:-6px
}
.ui-datepicker .ui-datepicker-next span {
  margin-left:-3px
}
.ui-datepicker .ui-datepicker-title {
  margin:0 2.3em;
  line-height:1.8em;
  text-align:center
}
.ui-datepicker .ui-datepicker-title select {
  font-size:1em;
  margin:1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width:45%
}
.ui-datepicker table {
  width:100%;
  font-size:.9em;
  border-collapse:collapse;
  margin:0 0 .4em
}
.ui-datepicker th {
  padding:.7em .3em;
  text-align:center;
  font-weight:700;
  border:0
}
.ui-datepicker td {
  border:0;
  padding:1px
}
.ui-datepicker td a,
.ui-datepicker td span {
  display:block;
  padding:.2em;
  text-align:right;
  text-decoration:none
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image:none;
  margin:.7em 0 0;
  padding:0 .2em;
  border-left:0;
  border-right:0;
  border-bottom:0
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float:right;
  margin:.5em .2em .4em;
  cursor:pointer;
  padding:.2em .6em .3em;
  width:auto;
  overflow:visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float:left
}
.ui-datepicker.ui-datepicker-multi {
  width:auto
}
.ui-datepicker-multi .ui-datepicker-group {
  float:left
}
.ui-datepicker-multi .ui-datepicker-group table {
  width:95%;
  margin:0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width:50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width:33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width:25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width:0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear:left
}
.ui-datepicker-row-break {
  clear:both;
  width:100%;
  font-size:0
}
.ui-datepicker-rtl {
  direction:rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right:2px;
  left:auto
}
.ui-datepicker-rtl .ui-datepicker-next {
  left:2px;
  right:auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right:1px;
  left:auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left:1px;
  right:auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear:right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float:left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float:right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width:0;
  border-left-width:1px
}
.ui-datepicker .ui-icon {
  display:block;
  text-indent:-99999px;
  overflow:hidden;
  background-repeat:no-repeat;
  left:.5em;
  top:.3em
}
.ui-widget {
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em
}
.ui-widget .ui-widget {
  font-size:1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em
}
.ui-widget.ui-widget-content {
  border:1px solid #c5c5c5
}
.ui-widget-content {
  border:1px solid #ddd;
  background:#fff;
  color:#333
}
.ui-widget-content a {
  color:#333
}
.ui-widget-header {
  border:1px solid #ddd;
  background:#e9e9e9;
  color:#333;
  font-weight:700
}
.ui-widget-header a {
  color:#333
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  border:1px solid #c5c5c5;
  background:#f6f6f6;
  font-weight:400;
  color:#454545
}
.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
  color:#454545;
  text-decoration:none
}
.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
  border:1px solid #ccc;
  background:#ededed;
  font-weight:400;
  color:#2b2b2b
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
  color:#2b2b2b;
  text-decoration:none
}
.ui-visual-focus {
  box-shadow:0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  border:1px solid #003eff;
  background:#007fff;
  font-weight:400;
  color:#fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border:#003eff;
  background-color:#fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color:#fff;
  text-decoration:none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border:1px solid #dad55e;
  background:#fffa90;
  color:#777620
}
.ui-state-checked {
  border:1px solid #dad55e;
  background:#fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color:#777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border:1px solid #f1a899;
  background:#fddfdf;
  color:#5f3f3f
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color:#5f3f3f
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color:#5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight:700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity:.7;
  filter:Alpha(Opacity=70);
  font-weight:400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity:.35;
  filter:Alpha(Opacity=35);
  background-image:none
}
.ui-state-disabled .ui-icon {
  filter:Alpha(Opacity=35)
}
.ui-datepicker-prev .ui-icon {
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 8px 8px 0;
  border-color:transparent #333 transparent transparent
}
.ui-datepicker-next .ui-icon {
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 0 8px 8px;
  border-color:transparent transparent transparent #333
}
.ui-icon-blank {
  background-position:16px 16px
}
.ui-icon-caret-1-n {
  background-position:0 0
}
.ui-icon-caret-1-ne {
  background-position:-16px 0
}
.ui-icon-caret-1-e {
  background-position:-32px 0
}
.ui-icon-caret-1-se {
  background-position:-48px 0
}
.ui-icon-caret-1-s {
  background-position:-65px 0
}
.ui-icon-caret-1-sw {
  background-position:-80px 0
}
.ui-icon-caret-1-w {
  background-position:-96px 0
}
.ui-icon-caret-1-nw {
  background-position:-112px 0
}
.ui-icon-caret-2-n-s {
  background-position:-128px 0
}
.ui-icon-caret-2-e-w {
  background-position:-144px 0
}
.ui-icon-triangle-1-n {
  background-position:0 -16px
}
.ui-icon-triangle-1-ne {
  background-position:-16px -16px
}
.ui-icon-triangle-1-e {
  background-position:-32px -16px
}
.ui-icon-triangle-1-se {
  background-position:-48px -16px
}
.ui-icon-triangle-1-s {
  background-position:-65px -16px
}
.ui-icon-triangle-1-sw {
  background-position:-80px -16px
}
.ui-icon-triangle-1-w {
  background-position:-96px -16px
}
.ui-icon-triangle-1-nw {
  background-position:-112px -16px
}
.ui-icon-triangle-2-n-s {
  background-position:-128px -16px
}
.ui-icon-triangle-2-e-w {
  background-position:-144px -16px
}
.ui-icon-arrow-1-n {
  background-position:0 -32px
}
.ui-icon-arrow-1-ne {
  background-position:-16px -32px
}
.ui-icon-arrow-1-e {
  background-position:-32px -32px
}
.ui-icon-arrow-1-se {
  background-position:-48px -32px
}
.ui-icon-arrow-1-s {
  background-position:-65px -32px
}
.ui-icon-arrow-1-sw {
  background-position:-80px -32px
}
.ui-icon-arrow-1-w {
  background-position:-96px -32px
}
.ui-icon-arrow-1-nw {
  background-position:-112px -32px
}
.ui-icon-arrow-2-n-s {
  background-position:-128px -32px
}
.ui-icon-arrow-2-ne-sw {
  background-position:-144px -32px
}
.ui-icon-arrow-2-e-w {
  background-position:-160px -32px
}
.ui-icon-arrow-2-se-nw {
  background-position:-176px -32px
}
.ui-icon-arrowstop-1-n {
  background-position:-192px -32px
}
.ui-icon-arrowstop-1-e {
  background-position:-208px -32px
}
.ui-icon-arrowstop-1-s {
  background-position:-224px -32px
}
.ui-icon-arrowstop-1-w {
  background-position:-240px -32px
}
.ui-icon-arrowthick-1-n {
  background-position:1px -48px
}
.ui-icon-arrowthick-1-ne {
  background-position:-16px -48px
}
.ui-icon-arrowthick-1-e {
  background-position:-32px -48px
}
.ui-icon-arrowthick-1-se {
  background-position:-48px -48px
}
.ui-icon-arrowthick-1-s {
  background-position:-64px -48px
}
.ui-icon-arrowthick-1-sw {
  background-position:-80px -48px
}
.ui-icon-arrowthick-1-w {
  background-position:-96px -48px
}
.ui-icon-arrowthick-1-nw {
  background-position:-112px -48px
}
.ui-icon-arrowthick-2-n-s {
  background-position:-128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
  background-position:-144px -48px
}
.ui-icon-arrowthick-2-e-w {
  background-position:-160px -48px
}
.ui-icon-arrowthick-2-se-nw {
  background-position:-176px -48px
}
.ui-icon-arrowthickstop-1-n {
  background-position:-192px -48px
}
.ui-icon-arrowthickstop-1-e {
  background-position:-208px -48px
}
.ui-icon-arrowthickstop-1-s {
  background-position:-224px -48px
}
.ui-icon-arrowthickstop-1-w {
  background-position:-240px -48px
}
.ui-icon-arrowreturnthick-1-w {
  background-position:0 -64px
}
.ui-icon-arrowreturnthick-1-n {
  background-position:-16px -64px
}
.ui-icon-arrowreturnthick-1-e {
  background-position:-32px -64px
}
.ui-icon-arrowreturnthick-1-s {
  background-position:-48px -64px
}
.ui-icon-arrowreturn-1-w {
  background-position:-64px -64px
}
.ui-icon-arrowreturn-1-n {
  background-position:-80px -64px
}
.ui-icon-arrowreturn-1-e {
  background-position:-96px -64px
}
.ui-icon-arrowreturn-1-s {
  background-position:-112px -64px
}
.ui-icon-arrowrefresh-1-w {
  background-position:-128px -64px
}
.ui-icon-arrowrefresh-1-n {
  background-position:-144px -64px
}
.ui-icon-arrowrefresh-1-e {
  background-position:-160px -64px
}
.ui-icon-arrowrefresh-1-s {
  background-position:-176px -64px
}
.ui-icon-arrow-4 {
  background-position:0 -80px
}
.ui-icon-arrow-4-diag {
  background-position:-16px -80px
}
.ui-icon-extlink {
  background-position:-32px -80px
}
.ui-icon-newwin {
  background-position:-48px -80px
}
.ui-icon-refresh {
  background-position:-64px -80px
}
.ui-icon-shuffle {
  background-position:-80px -80px
}
.ui-icon-transfer-e-w {
  background-position:-96px -80px
}
.ui-icon-transferthick-e-w {
  background-position:-112px -80px
}
.ui-icon-folder-collapsed {
  background-position:0 -96px
}
.ui-icon-folder-open {
  background-position:-16px -96px
}
.ui-icon-document {
  background-position:-32px -96px
}
.ui-icon-document-b {
  background-position:-48px -96px
}
.ui-icon-note {
  background-position:-64px -96px
}
.ui-icon-mail-closed {
  background-position:-80px -96px
}
.ui-icon-mail-open {
  background-position:-96px -96px
}
.ui-icon-suitcase {
  background-position:-112px -96px
}
.ui-icon-comment {
  background-position:-128px -96px
}
.ui-icon-person {
  background-position:-144px -96px
}
.ui-icon-print {
  background-position:-160px -96px
}
.ui-icon-trash {
  background-position:-176px -96px
}
.ui-icon-locked {
  background-position:-192px -96px
}
.ui-icon-unlocked {
  background-position:-208px -96px
}
.ui-icon-bookmark {
  background-position:-224px -96px
}
.ui-icon-tag {
  background-position:-240px -96px
}
.ui-icon-home {
  background-position:0 -112px
}
.ui-icon-flag {
  background-position:-16px -112px
}
.ui-icon-calendar {
  background-position:-32px -112px
}
.ui-icon-cart {
  background-position:-48px -112px
}
.ui-icon-pencil {
  background-position:-64px -112px
}
.ui-icon-clock {
  background-position:-80px -112px
}
.ui-icon-disk {
  background-position:-96px -112px
}
.ui-icon-calculator {
  background-position:-112px -112px
}
.ui-icon-zoomin {
  background-position:-128px -112px
}
.ui-icon-zoomout {
  background-position:-144px -112px
}
.ui-icon-search {
  background-position:-160px -112px
}
.ui-icon-wrench {
  background-position:-176px -112px
}
.ui-icon-gear {
  background-position:-192px -112px
}
.ui-icon-heart {
  background-position:-208px -112px
}
.ui-icon-star {
  background-position:-224px -112px
}
.ui-icon-link {
  background-position:-240px -112px
}
.ui-icon-cancel {
  background-position:0 -128px
}
.ui-icon-plus {
  background-position:-16px -128px
}
.ui-icon-plusthick {
  background-position:-32px -128px
}
.ui-icon-minus {
  background-position:-48px -128px
}
.ui-icon-minusthick {
  background-position:-64px -128px
}
.ui-icon-close {
  background-position:-80px -128px
}
.ui-icon-closethick {
  background-position:-96px -128px
}
.ui-icon-key {
  background-position:-112px -128px
}
.ui-icon-lightbulb {
  background-position:-128px -128px
}
.ui-icon-scissors {
  background-position:-144px -128px
}
.ui-icon-clipboard {
  background-position:-160px -128px
}
.ui-icon-copy {
  background-position:-176px -128px
}
.ui-icon-contact {
  background-position:-192px -128px
}
.ui-icon-image {
  background-position:-208px -128px
}
.ui-icon-video {
  background-position:-224px -128px
}
.ui-icon-script {
  background-position:-240px -128px
}
.ui-icon-alert {
  background-position:0 -144px
}
.ui-icon-info {
  background-position:-16px -144px
}
.ui-icon-notice {
  background-position:-32px -144px
}
.ui-icon-help {
  background-position:-48px -144px
}
.ui-icon-check {
  background-position:-64px -144px
}
.ui-icon-bullet {
  background-position:-80px -144px
}
.ui-icon-radio-on {
  background-position:-96px -144px
}
.ui-icon-radio-off {
  background-position:-112px -144px
}
.ui-icon-pin-w {
  background-position:-128px -144px
}
.ui-icon-pin-s {
  background-position:-144px -144px
}
.ui-icon-play {
  background-position:0 -160px
}
.ui-icon-pause {
  background-position:-16px -160px
}
.ui-icon-seek-next {
  background-position:-32px -160px
}
.ui-icon-seek-prev {
  background-position:-48px -160px
}
.ui-icon-seek-end {
  background-position:-64px -160px
}
.ui-icon-seek-start {
  background-position:-80px -160px
}
.ui-icon-seek-first {
  background-position:-80px -160px
}
.ui-icon-stop {
  background-position:-96px -160px
}
.ui-icon-eject {
  background-position:-112px -160px
}
.ui-icon-volume-off {
  background-position:-128px -160px
}
.ui-icon-volume-on {
  background-position:-144px -160px
}
.ui-icon-power {
  background-position:0 -176px
}
.ui-icon-signal-diag {
  background-position:-16px -176px
}
.ui-icon-signal {
  background-position:-32px -176px
}
.ui-icon-battery-0 {
  background-position:-48px -176px
}
.ui-icon-battery-1 {
  background-position:-64px -176px
}
.ui-icon-battery-2 {
  background-position:-80px -176px
}
.ui-icon-battery-3 {
  background-position:-96px -176px
}
.ui-icon-circle-plus {
  background-position:0 -192px
}
.ui-icon-circle-minus {
  background-position:-16px -192px
}
.ui-icon-circle-close {
  background-position:-32px -192px
}
.ui-icon-circle-triangle-e {
  background-position:-48px -192px
}
.ui-icon-circle-triangle-s {
  background-position:-64px -192px
}
.ui-icon-circle-triangle-w {
  background-position:-80px -192px
}
.ui-icon-circle-triangle-n {
  background-position:-96px -192px
}
.ui-icon-circle-arrow-e {
  background-position:-112px -192px
}
.ui-icon-circle-arrow-s {
  background-position:-128px -192px
}
.ui-icon-circle-arrow-w {
  background-position:-144px -192px
}
.ui-icon-circle-arrow-n {
  background-position:-160px -192px
}
.ui-icon-circle-zoomin {
  background-position:-176px -192px
}
.ui-icon-circle-zoomout {
  background-position:-192px -192px
}
.ui-icon-circle-check {
  background-position:-208px -192px
}
.ui-icon-circlesmall-plus {
  background-position:0 -208px
}
.ui-icon-circlesmall-minus {
  background-position:-16px -208px
}
.ui-icon-circlesmall-close {
  background-position:-32px -208px
}
.ui-icon-squaresmall-plus {
  background-position:-48px -208px
}
.ui-icon-squaresmall-minus {
  background-position:-64px -208px
}
.ui-icon-squaresmall-close {
  background-position:-80px -208px
}
.ui-icon-grip-dotted-vertical {
  background-position:0 -224px
}
.ui-icon-grip-dotted-horizontal {
  background-position:-16px -224px
}
.ui-icon-grip-solid-vertical {
  background-position:-32px -224px
}
.ui-icon-grip-solid-horizontal {
  background-position:-48px -224px
}
.ui-icon-gripsmall-diagonal-se {
  background-position:-64px -224px
}
.ui-icon-grip-diagonal-se {
  background-position:-80px -224px
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
  border-top-left-radius:3px
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
  border-top-right-radius:3px
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
  border-bottom-left-radius:3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
  border-bottom-right-radius:3px
}
.ui-widget-overlay {
  background:#aaa;
  opacity:.3;
  filter:Alpha(Opacity=30)
}
.ui-widget-shadow {
  box-shadow:0 0 5px #666
}
.breadcrumb {
  margin:30px 0;
  padding:0;
  list-style:none
}
@media only screen and (max-width:767px) {
  .breadcrumb {
    margin:60px 0 30px
  }
}
.breadcrumb li {
  display:inline-block;
  vertical-align:middle;
  font-weight:700;
  font-size:28px;
  line-height:30px;
  text-transform:uppercase;
  margin:0 0 0 30px;
  position:relative
}
@media only screen and (max-width:767px) {
  .breadcrumb li {
    font-size:24px;
    line-height:26px
  }
}
@media only screen and (max-width:479px) {
  .breadcrumb li {
    display:block;
    margin:10px 0 0;
    padding:0;
    font-size:18px;
    line-height:22px
  }
}
.breadcrumb li:after {
  content:'';
  position:absolute;
  left:-20px;
  top:13px
}
.breadcrumb li:first-child {
  margin:0
}
.breadcrumb li:first-child:after {
  display:none
}
.breadcrumb li a {
  text-decoration:none;
  color:#666;
  font-size:12px;
  line-height:30px;
  font-weight:600;
  text-transform:none;
  display:block
}
.breadcrumb li a:hover {
  text-decoration:underline
}
.main {
  max-width:1140px;
  margin:0 auto
}
@media only screen and (max-width:1250px) {
  .main {
    top:70px;
    padding:0 15px;
    position:relative
  }
}
.paging {
  margin:30px 0 0
}
.paging ul {
  padding:0;
  list-style:none;
  margin:0;
  text-align:center
}
.paging ul li {
  display:inline-block;
  vertical-align:middle;
  font-weight:700;
  font-size:15px;
  line-height:38px;
  min-width:40px;
  margin:0 0 0 9px
}
@media only screen and (max-width:479px) {
  .paging ul li {
    margin:0;
    font-size:12px;
    line-height:28px;
    min-width:30px
  }
}
.paging ul li:hover a {
  color:#fff;
  background-color:#008fd9;
  border-color:#008fd9
}
@media only screen and (max-width:1250px) {
  .paging ul li:hover a {
    color:#999;
    border:1px solid #999;
    background:0 0
  }
}
.paging ul li.prev {
  margin:0 30px 0 0
}
@media only screen and (max-width:479px) {
  .paging ul li.prev {
    margin:0 0 10px;
    display:block;
    text-align:center;
    line-height:1
  }
}
.paging ul li.prev a {
  border:none;
  background:0 0;
  font-weight:400;
  color:#008fd9;
  padding:0 0 0 13px
}
@media only screen and (max-width:479px) {
  .paging ul li.prev a {
    border:1px solid #008fd9;
    padding:5px 0 7px
  }
}
.paging ul li.prev a:after {
  width:0;
  height:0;
  border-style:solid;
  border-width:5.5px 5px 5.5px 0;
  border-color:transparent #008fd9 transparent transparent;
  position:absolute;
  content:'';
  top:14px;
  left:0
}
@media only screen and (max-width:479px) {
  .paging ul li.prev a:after {
    display:none
  }
}
.paging ul li.next {
  margin:0 0 0 30px
}
@media only screen and (max-width:479px) {
  .paging ul li.next {
    margin:10px 0 0;
    display:block;
    text-align:center;
    line-height:1
  }
}
.paging ul li.next a {
  border:none;
  background:0 0;
  font-weight:400;
  color:#008fd9;
  padding:0 13px 0 0
}
@media only screen and (max-width:479px) {
  .paging ul li.next a {
    border:1px solid #008fd9;
    padding:5px 0 7px
  }
}
.paging ul li.next a:after {
  width:0;
  height:0;
  border-style:solid;
  border-width:5.5px 0 5.5px 5px;
  border-color:transparent transparent transparent #008fd9;
  position:absolute;
  content:'';
  top:14px;
  right:0
}
@media only screen and (max-width:479px) {
  .paging ul li.next a:after {
    display:none
  }
}
.paging ul li.elipsis:hover a {
  background-color:transparent;
  border-color:transparent;
  color:#999
}
.paging ul li.elipsis a {
  border:none
}
.paging ul li.active a {
  color:#fff;
  background-color:#008fd9;
  border-color:#008fd9
}
.paging ul li a {
  text-decoration:none;
  color:#999;
  height:100%;
  border:1px solid #999;
  border-radius:5px;
  position:relative;
  display:block;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
.content-box {
  background-color:#fff;
  margin:0 0 55px;
  padding:50px 40px;
  font-size:14px;
  line-height:24px;
  color:#999;
  box-shadow:0 10px 40px rgba(0,0,0,.1)
}
@media only screen and (max-width:767px) {
  .content-box {
    margin:0 0 30px;
    padding:15px
  }
}
.content-box h2 {
  text-transform:uppercase;
  color:#333;
  font-weight:600;
  font-size:16px;
  margin:0 0 20px
}
.content-box p {
  margin:0 0 20px
}
.content-box ul {
  margin:0 0 20px;
  padding:0;
  list-style:none
}
.content-box ul li {
  position:relative;
  padding:0 0 0 12px;
  margin:0 0 30px
}
.content-box ul li:before {
  content:'';
  width:3px;
  height:3px;
  background-color:#999;
  left:0;
  top:10px;
  position:absolute
}
.error-block {
  position:fixed;
  width:100%;
  height:100%;
  overflow:auto
}
.error-block .error-box {
  max-width:860px;
  margin:0 auto
}
@media only screen and (max-width:1023px) {
  .error-block .error-box {
    text-align:center
  }
}
.error-block .error-box .info-box {
  max-width:480px;
  width:100%;
  text-align:center;
  background-color:#fff;
  padding:50px 70px;
  float:right;
  border-radius:0 0 5px 5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1)
}
@media only screen and (max-width:1023px) {
  .error-block .error-box .info-box {
    margin:20px auto 0;
    float:none
  }
}
@media only screen and (max-width:767px) {
  .error-block .error-box .info-box {
    padding:10px
  }
}
.error-block .error-box .info-box .logo {
  display:inline-block;
  float:none;
  margin:0 0 40px
}
.error-block .error-box .info-box .title {
  display:block;
  color:#008fd9;
  text-transform:uppercase;
  font-size:21px;
  line-height:23px;
  font-weight:600;
  margin:0 0 15px
}
.error-block .error-box .info-box .note {
  color:#999;
  margin:0 0 30px
}
.error-block .error-holder {
  position:relative;
  padding:140px 0 330px;
  text-align:center;
  color:#333;
  float:left
}
@media only screen and (max-width:1023px) {
  .error-block .error-holder {
    float:none;
    padding:20px 0;
    display:block
  }
}
.error-block .error-holder span {
  display:block;
  font-size:60px;
  line-height:1;
  font-weight:600;
  text-transform:uppercase
}
@media only screen and (max-width:767px) {
  .error-block .error-holder span {
    font-size:30px
  }
}
.error-block .error-holder strong {
  display:block;
  font-size:146px;
  line-height:1;
  font-weight:500;
  text-transform:uppercase
}
@media only screen and (max-width:767px) {
  .error-block .error-holder strong {
    font-size:76px
  }
}
.error-block .error-holder:before {
  content:'';
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  top:0
}
@media only screen and (max-width:1023px) {
  .error-block .error-holder:before {
    display:none
  }
}
.error-block .error-holder:after {
  content:'';
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  bottom:0
}
@media only screen and (max-width:1023px) {
  .error-block .error-holder:after {
    display:none
  }
}
.text-danger {
  font-size:11px;
  color:#e81a1a
}
.alert.alert-success {
  text-transform:uppercase;
  font-weight:700;
  font-size:20px;
  line-height:22px;
  text-align:center;
  color:#3c763d;
  padding:15px;
  margin-bottom:20px;
  background:#dff0d8;
  border:1px solid #dff0d8;
  border-radius:4px
}
.alert.alert-danger {
  background-color:#f2dede;
  border-color:#ebccd1;
  color:#a94442
}
.alert {
  padding:8px 14px;
  margin-bottom:20px;
  border:1px solid transparent;
  border-radius:4px
}
.map-block {
  position:relative;
  border:14px solid #fff;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  margin:0 0 30px
}
@media only screen and (max-width:767px) {
  .map-block {
    box-shadow:none;
    border:none;
    overflow:hidden
  }
}
.map-block .information-window {

}
@media only screen and (max-width:767px) {
  .map-block .information-window {
    position:relative;
    -webkit-transform:none;
    transform:none;
    top:0;
    left:0;
    margin:20px 0 0
  }
}
.map-block .information-window .row {
  overflow:hidden;
  margin:30px 0 0
}
.map-block .information-window .row:first-child {
  margin:0
}
.map-block .information-window .row .name {
  width:80px;
  display:block;
  color:#999;
  float:left
}
.map-block .information-window .row .phone {
  text-decoration:none;
  color:#666
}
.map-block .information-window .row .email {
  text-decoration:none;
  color:#666
}
.map-block .information-window .row address {
  font-style:normal;
  overflow:hidden
}
#map-canvas {
  height:575px
}
@media only screen and (max-width:767px) {
  #map-canvas {
    height:200px;
    margin:0 0 0 -100%
  }
}
.contacts-form {
  background-color:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  margin:0 0 120px;
  color:#999;
  padding:55px 90px 40px
}
@media only screen and (max-width:1250px) {
  .contacts-form {
    padding:40px
  }
}
@media only screen and (max-width:767px) {
  .contacts-form {
    padding:20px
  }
}
.contacts-form .title {
  display:block;
  text-transform:uppercase;
  font-size:34px;
  line-height:1;
  margin:0 0 40px;
  text-align:center;
  font-weight:800
}
@media only screen and (max-width:767px) {
  .contacts-form .title {
    font-size:20px;
    margin:0 0 20px
  }
}
.contacts-form label {
  display:block;
  font-weight:500;
  margin:0 0 10px
}
.contacts-form .row-box {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:767px) {
  .contacts-form .row-box {
    display:block
  }
}
@media only screen and (max-width:767px) {
  .contacts-form .row-box .col {
    margin:10px 0 0
  }
}
.contacts-form .row-box input {
  width:295px;
  height:50px;
  line-height:50px
}
@media only screen and (max-width:1023px) {
  .contacts-form .row-box input {
    width:205px
  }
}
@media only screen and (max-width:767px) {
  .contacts-form .row-box input {
    width:100%
  }
}
.contacts-form .row {
  margin:25px 0 0
}
.contacts-form .btn-box {
  text-align:center;
  margin:40px 0 0
}
.developers {
  width:186px;
  position:relative
}
@media only screen and (max-width:479px) {
  .developers {
    margin:10px auto 0
  }
}
.developers .developers-text {
  color:#666;
  font-size:12px;
  font-weight:500;
  text-align:right;
  width:100px;
  float:left;
  margin:5px 8px 0 0
}
.developers .developers-logo {
  width:78px;
  height:26px;
  position:relative;
  float:left
}
.developers .developers-logo:before {
  content:'';
  background:url(../images/developers-lemon.png) no-repeat;
  width:29px;
  height:29px;
  background-size:29px 29px;
  position:absolute;
  z-index:2;
  left:0;
  top:0
}
.developers .developers-logo::after {
  content:'';
  background:url(../images/developers-artlemon.png) no-repeat;
  width:32px;
  height:16px;
  position:absolute;
  background-size:32px 16px;
  z-index:1;
  left:36px;
  top:0;
  -webkit-animation-duration:1.2s;
  animation-duration:1.2s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
.developers:after {
  clear:both;
  content:'';
  display:block
}
.developers:hover .developers-logo:after {
  -webkit-animation-name:b;
  animation-name:b;
  -webkit-transform-origin:center bottom;
  transform-origin:center bottom
}
@-webkit-keyframes b {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none
  }
}
@keyframes b {
  0% {
    opacity:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
  }
  to {
    opacity:1;
    -webkit-transform:none;
    transform:none
  }
}
.fadeInLeft {
  -webkit-animation-name:b;
  animation-name:b
}
.faq-block {
  background-color:#fff;
  border-radius:5px;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  padding:60px 60px 200px;
  margin:0 0 110px;
  overflow:hidden
}
@media only screen and (max-width:1250px) {
  .faq-block {
    margin:0 0 30px;
    padding:30px
  }
}
@media only screen and (max-width:767px) {
  .faq-block {
    padding:0;
    background-color:transparent;
    box-shadow:none
  }
}
.faq-block .form-box {
  overflow:hidden;
  border-top:3px solid #008fd9;
  box-shadow:0 0 20px 0 rgba(0,0,0,.2);
  padding:30px
}
@media only screen and (max-width:767px) {
  .faq-block .form-box {
    background-color:#fff
  }
}
@media only screen and (max-width:479px) {
  .faq-block .form-box {
    padding:15px
  }
}
.faq-block .form-box .form-title {
  display:block;
  text-align:center;
  color:#008fd9;
  text-transform:uppercase;
  font-weight:700;
  font-size:28px;
  margin:0 0 25px
}
@media only screen and (max-width:479px) {
  .faq-block .form-box .form-title {
    margin:0 0 15px;
    font-size:16px
  }
}
.faq-block .form-box .row {
  margin:15px 0 0
}
.faq-block .form-box .row label {
  display:block;
  margin:0 0 5px
}
.faq-block .form-box .row input {
  color:#008fd9;
  line-height:50px;
  height:50px;
  font-size:16px;
  text-transform:uppercase
}
.faq-block .form-box .row textarea {
  resize:none
}
.faq-block .form-box .row.for-submit {
  text-align:center
}
.faq-block .form-box .row.for-submit .btn {
  min-width:200px;
  line-height:44px;
  font-size:16px
}
.faq-wrap {
  float:left;
  max-width:515px;
  width:100%;
  margin:0 85px 0 0
}
@media only screen and (max-width:1250px) {
  .faq-wrap {
    float:none;
    max-width:100%;
    margin:0 0 20px
  }
}
.faq-wrap .title {
  display:block;
  text-transform:uppercase;
  font-weight:700;
  font-size:20px;
  line-height:22px;
  margin:0 0 35px
}
.faq-list {
  margin:0;
  padding:0;
  list-style:none
}
.faq-list>li {
  padding:15px 20px;
  border-top:1px solid #e0e0e0
}
.faq-list>li:first-child {
  border-color:transparent
}
.faq-list>li.active {
  border-top:3px solid #008fd9;
  box-shadow:0 0 20px 0 rgba(0,0,0,.2)
}
@media only screen and (max-width:767px) {
  .faq-list>li.active {
    background-color:#fff
  }
}
.faq-list>li.active a {
  color:#008fd9
}
.faq-list>li.active a:after {
  content:'-'
}
.faq-list>li>a {
  cursor:pointer;
  position:relative;
  font-weight:600;
  color:#333;
  font-size:16px;
  line-height:1;
  display:inline-block;
  padding:0 0 0 20px
}
.faq-list>li>a:after {
  content:'+';
  position:absolute;
  left:0;
  top:-3px;
  width:11px;
  height:11px;
  font-size:20px;
  font-weight:700;
  color:#008fd9
}
.faq-list .slide {
  padding:20px 0 5px
}
.faq-list .slide p {
  margin:0 0 15px
}
.faq-list .slide>ul {
  margin:0 0 15px;
  padding:0;
  list-style:none
}
.faq-list .slide>ul li {
  position:relative;
  padding:0 0 0 15px;
  margin:10px 0 0
}
.faq-list .slide>ul li:after {
  content:'';
  position:absolute;
  left:0;
  top:7px;
  width:3px;
  height:3px;
  background-color:#666
}
.faq-list .slide>ul li:first-child {
  margin:0
}
.footer {
  max-width:1140px;
  margin:0 auto
}
@media only screen and (max-width:1250px) {
  .footer {
    padding:0 15px
  }
}
@media only screen and (max-width:767px) {
  .footer {
    text-align:center
  }
}
.footer .top-box {
  margin:0 -9999px;
  padding:50px 9999px 20px;
  background-color:#fff;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:767px) {
  .footer .top-box {
    display:block;
    padding-top:20px
  }
}
.footer .top-box .col {
  width:100%;
  max-width:195px
}
@media only screen and (max-width:1023px) {
  .footer .top-box .col {
    margin:0 5px
  }
}
@media only screen and (max-width:767px) {
  .footer .top-box .col {
    max-width:100%;
    margin:20px 0 0
  }
}
.footer .top-box .col.info-col {
  max-width:350px;
  overflow:hidden
}
@media only screen and (max-width:767px) {
  .footer .top-box .col.info-col {
    max-width:100%
  }
}
.footer .top-box .col.info-col ul {
  float:left
}
@media only screen and (max-width:767px) {
  .footer .top-box .col.info-col ul {
    display:block;
    float:none
  }
}
.footer .top-box .col.info-col ul li {
  min-width:170px
}
@media only screen and (max-width:767px) {
  .footer .top-box .col.info-col ul li {
    max-width:100%
  }
}
.footer .top-box .col .row {
  margin:15px 0 0
}
.footer .top-box .col .row .note {
  display:block;
  margin:0 0 3px;
  font-size:12px;
  line-height:14px
}
.footer .top-box .col .row address {
  font-style:normal;
  font-weight:500;
  color:#333
}
.footer .top-box .col .row a {
  display:block;
  text-decoration:none;
  font-weight:500;
  color:#333
}
@media only screen and (max-width:767px) {
  .footer .top-box .col .row a {
    display:inline-block
  }
}
.footer .top-box .phone {
  display:block;
  text-decoration:none;
  font-size:24px;
  line-height:26px;
  font-weight:700;
  margin:0 17px 0 0;
  color:#008fd9;
  margin:15px 0 0
}
@media only screen and (max-width:767px) {
  .footer .top-box .phone {
    display:inline-block
  }
}
.footer .top-box .title {
  display:block;
  text-transform:uppercase;
  color:#333;
  font-size:14px;
  line-height:1;
  font-weight:700;
  border-bottom:1px solid #f2f2f2;
  padding:0 0 15px;
  margin:0 0 25px
}
.footer .top-box ul {
  margin:0;
  padding:0;
  list-style:none
}
.footer .top-box ul li {
  padding:0 0 0 17px;
  position:relative;
  margin:0 0 7px
}
@media only screen and (max-width:767px) {
  .footer .top-box ul li {
    padding:0
  }
}
.footer .top-box ul li:after {
  position:absolute;
  content:'';
  left:0;
  top:6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background-color:#008fd9
}
@media only screen and (max-width:767px) {
  .footer .top-box ul li:after {
    display:none
  }
}
.footer .top-box ul li a {
  text-decoration:none;
  color:#333
}
.footer .top-box ul li a:hover {
  color:#008fd9
}
@media only screen and (max-width:1023px) {
  .footer .top-box ul li a:hover {
    color:#333
  }
}
.footer .middle-box {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:13px 9999px;
  margin:0 -9999px;
  border-top:4px solid #fff;
  border-bottom:4px solid #fff;
  box-shadow:0 3px 40px rgba(0,0,0,.05);
  position:relative
}
@media only screen and (max-width:767px) {
  .footer .middle-box {
    display:block
  }
}
@media only screen and (max-width:767px) {
  .footer .middle-box .col {
    margin:10px 0 0
  }
}
.footer .middle-box .title {
  display:inline-block;
  vertical-align:middle;
  font-size:12px;
  line-height:14px;
  color:#999
}
@media only screen and (max-width:1023px) {
  .footer .middle-box .title {
    display:block
  }
}
.footer .middle-box ul {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:1023px) {
  .footer .middle-box ul {
    margin:10px 0 0
  }
}
@media only screen and (max-width:479px) {
  .footer .middle-box ul {
    margin:10px 0 0 -10px
  }
}
.footer .middle-box ul li {
  display:inline-block;
  vertical-align:middle;
  margin:0 0 0 15px
}
@media only screen and (max-width:479px) {
  .footer .middle-box ul li {
    margin:3px 0 0 10px
  }
}
.footer .middle-box ul li:first-child {
  margin:0
}
@media only screen and (max-width:479px) {
  .footer .middle-box ul li:first-child {
    margin:3px 0 0 10px
  }
}
.footer .logo {
  display:block;
  float:none;
  margin:0
}
@media only screen and (max-width:767px) {
  .footer .logo {
    margin:0 auto
  }
}
.footer .social-box {
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:1250px) {
  .footer .social-box {
    display:block
  }
}
.footer .social-box li {
  text-indent:-9999px;
  opacity:1;
  -webkit-transition:.3s ease;
  transition:.3s ease;
  border-radius:50%
}
.footer .social-box li+li {
  margin:0 0 0 5px
}
.footer .social-box li:hover {
  opacity:.8
}
.footer .social-box li a {
  display:block;
  height:100%
}
.footer .payment-box {
  display:inline-block;
  vertical-align:middle
}





.header .social-box {
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:1250px) {
  .header .social-box {
    display:block
  }
}
.header .social-box li {
  text-indent:-9999px;
  opacity:1;
  -webkit-transition:.3s ease;
  transition:.3s ease;
  border-radius:50%
}
.header .social-box li+li {
  margin:0 0 0 5px
}
.header .social-box li:hover {
  opacity:.8
}
.header .social-box li a {
  display:block;
  height:100%
}


@media only screen and (max-width:1250px) {
  .footer .payment-box {
    margin:10px 0 0
  }
}
.footer .payment-box img {
  vertical-align:middle
}
.footer .form-box {
  display:inline-block;
  vertical-align:middle;
  position:relative;
  margin:0 0 0 20px
}
@media only screen and (max-width:1023px) {
  .footer .form-box {
    margin:10px 0 0
  }
}
.footer .form-box input[type=email] {
  font-size:14px;
  font-weight:400;
  padding:0 32px 0 10px;
  width:250px
}
.footer .form-box button {
  position:absolute;
  right:14px;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-color:transparent;
  border:none;
  padding:0
}
.footer .form-box label {
  display:none
}
.footer .bottom-box {
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:15px 9999px;
  margin:0 -9999px;
  background-color:#fff;
  font-size:12px;
  line-height:14px;
  color:#333
}
@media only screen and (max-width:479px) {
  .footer .bottom-box {
    display:block;
    text-align:center
  }
}
.scroll-to-top {
  position:fixed;
  z-index:3;
  right:20px;
  bottom:145px;
  cursor:pointer;
  height:57px;
  width:57px;
  background-image:url(../images/up.png);
  display:none
}
.scroll-to-top:hover {
  background-image:url(../images/up-hover.png)
}
.home-box {
  border:15px solid #fff;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  background-color:#fff;
  margin:0 0 25px
}
@media only screen and (max-width:767px) {
  .home-box {
    box-shadow:none;
    border:none;
    background-color:transparent
  }
}
.home-box .image-box {
  height:340px;
  background-repeat:no-repeat;
  background-size:cover;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:0 0 0 55px
}
@media only screen and (max-width:1023px) {
  .home-box .image-box {
    padding:0 0 0 15px
  }
}
@media only screen and (max-width:767px) {
  .home-box .image-box {
    display:block;
    padding:15px
  }
}
.home-box .image-box .info-box {
  max-width:510px
}
.home-box .image-box .info-box .title {
  display:block;
  text-transform:uppercase;
  color:#008fd9;
  font-weight:800;
  font-size:28px;
  line-height:1;
  margin:0 0 12px
}
.home-box>ul {
  margin:38px 0 0;
  padding:0;
  list-style:none;
  width:100%;
  overflow:hidden
}
@media only screen and (max-width:1023px) {
  .home-box>ul {
    margin:20px 0 0
  }
}
@media only screen and (max-width:767px) {
  .home-box>ul {
    background-color:#fff;
    padding:15px
  }
}
.home-box>ul li {
  width:33.33%;
  float:left;
  text-align:center;
  text-transform:uppercase;
  font-size:16px;
  line-height:1;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .home-box>ul li {
    width:100%;
    float:none;
    margin:10px 0
  }
}
.home-box>ul li a {
  text-decoration:none;
  color:#999;
  padding-bottom:23px;
  display:block;
  position:relative;
  border-bottom:2px solid transparent
}
@media only screen and (max-width:1023px) {
  .home-box>ul li a {
    padding:0;
    background-color:#008fd9;
    color:#fff;
    padding:15px;
    border-radius:5px;
    box-shadow:0 10px 40px rgba(0,0,0,.1)
  }
}
.home-box>ul li:hover a {
  color:#008fd9;
  border-color:#008fd9
}
@media only screen and (max-width:1250px) {
  .home-box>ul li:hover a {
    color:#999;
    border-color:transparent
  }
}
.service-nav {
  padding:15px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  background-color:#fff;
  margin:0 0 25px;
  border-radius:5px
}
.service-nav ul {
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:767px) {
  .service-nav ul {
    display:block
  }
}
.service-nav ul li {
  width:33%;
  text-align:center;
  text-transform:uppercase;
  font-size:16px;
  line-height:1;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .service-nav ul li {
    width:100%;
    margin:5px 0
  }
}
.service-nav ul li a {
  display:block;
  text-decoration:none;
  background-color:#e0e0e0;
  color:#999;
  padding:50px 0;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1)
}
@media only screen and (max-width:767px) {
  .service-nav ul li a {
    padding:15px
  }
}
.service-nav ul li a:hover {
  background-color:#c2c2c2
}
@media only screen and (max-width:1250px) {
  .service-nav ul li a:hover {
    background-color:#c2c2c2
  }
}
.text-section {
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  background-color:#fff;
  margin:0 0 55px;
  border-radius:5px;
  padding:30px;
  color:#999
}
@media only screen and (max-width:767px) {
  .text-section {
    padding:0;
    box-shadow:none;
    background-color:transparent
  }
}
.text-section .title {
  text-transform:uppercase;
  display:block;
  font-weight:700;
  font-size:24px;
  line-height:1;
  margin:0 0 15px
}
.text-section .text-box {
  overflow:hidden;
  line-height:20px;
  margin:0 0 15px
}
.text-section .text-box p {
  margin:0
}
.text-section .more {
  display:inline-block;
  cursor:pointer;
  position:relative;
  color:#008fd9;
  padding:0 12px 0 0
}
.text-section .more em {
  font-style:normal
}
.text-section .more:before {
  content:'';
  position:absolute;
  right:0;
  width:0;
  height:0;
  border-style:solid;
  border-width:4px 4px 0 4px;
  border-color:#008fd9 transparent transparent transparent;
  top:8px
}
.text-section .more:after {
  content:'';
  position:absolute;
  bottom:0;
  border-bottom:1px dotted #008fd9;
  left:0;
  right:12px;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
.text-section .more.active:before {
  border-width:0 4px 4px 4px;
  border-color:transparent transparent #008fd9 transparent
}
.menu-icon {
  width:35px;
  height:26px;
  cursor:pointer;
  top:20px;
  right:20px;
  z-index:11;
  background:0 0;
  border:none;
  outline:0;
  -webkit-transition:.3s;
  transition:.3s;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  position:fixed;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  display:none
}
.menu-icon .menu-lines {
  display:inline-block;
  height:3px;
  width:100%;
  -webkit-transition:.3s;
  transition:.3s;
  background:#000;
  position:relative
}
.menu-icon .menu-lines:after,
.menu-icon .menu-lines:before {
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  -webkit-transition:top .3s .6s ease,-webkit-transform .3s ease;
  transition:top .3s .6s ease,-webkit-transform .3s ease;
  transition:top .3s .6s ease,transform .3s ease;
  transition:top .3s .6s ease,transform .3s ease,-webkit-transform .3s ease;
  display:inline-block;
  height:inherit;
  -webkit-transition:.3s;
  transition:.3s;
  background:#000;
  content:'';
  position:absolute;
  left:0;
  -webkit-transform-origin:2px center;
  transform-origin:2px center;
  width:100%
}
.menu-icon .menu-lines:before {
  top:8px
}
.menu-icon .menu-lines:after {
  top:-8px
}
.menu-icon.active .menu-lines {
  background-color:transparent
}
.menu-icon.active .menu-lines:after,
.menu-icon.active .menu-lines:before {
  top:0;
  -webkit-transition:top .3s ease,-webkit-transform .3s .5s ease;
  transition:top .3s ease,-webkit-transform .3s .5s ease;
  transition:top .3s ease,transform .3s .5s ease;
  transition:top .3s ease,transform .3s .5s ease,-webkit-transform .3s .5s ease;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  background:#000
}
.menu-icon.active .menu-lines:after {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.menu-icon.active .menu-lines:before {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}
@media only screen and (max-width:1023px) {
  .menu-icon {
    display:block
  }
}
.header {
  max-width:1140px;
  margin:0 auto;
  position:relative;
  z-index:3
}
@media only screen and (max-width:1250px) {
  .header {
    padding:0 15px
  }
}
@media only screen and (max-width:1023px) {
  .header {
    width:0;
    position:fixed;
    height:100%;
    background-color:#f7f7f7;
    padding:30px 0 0;
    margin:0;
    z-index:3;
    overflow:hidden
  }
}
.header .close-icon {
  display:block;
  position:absolute;
  right:15px;
  top:15px;
  width:10px;
  height:10px;
  cursor:pointer
}
@media only screen and (max-width:1023px) {
  .header .close-icon {
    padding:10px
  }
}
.header .close-icon svg {
  width:10px;
  height:10px;
  display:block
}
.header .top-holder {
  padding:12px 0;
  border-bottom:1px solid #e1edc8
}
@media only screen and (max-width:1023px) {
  .header .top-holder {
    padding:0;
    border:none
  }
}
.header .top-holder::after {
  content:'';
  display:block;
  clear:both
}
.top-holder .opener-box {
  float:left;
  padding:8px 0 0
}
@media only screen and (max-width:1023px) {
  .top-holder .opener-box {
    float:none;
    padding:0;
    text-align:center;
    margin:0 0 8px
  }
}
.lang-box {
  float:left;
  margin:0 37px 0 0;
  padding:1px 0 0;
  position:relative
}
@media only screen and (max-width:1023px) {
  .lang-box {
    float:none;
    padding:0;
    display:inline-block
  }
}
.lang-box .active-lang {
  display:block;
  font-size:12px;
  line-height:16px;
  font-weight:500;
  color:#333;
  text-transform:uppercase;
  cursor:pointer
}
.lang-box .active-lang::-moz-selection {
  background:0 0
}
.lang-box .active-lang::selection {
  background:0 0
}
.lang-box .active-lang img {
  margin:0 5px 0 0
}
.lang-box ul {
  margin:0;
  padding:0;
  list-style:none;
  background:#fff;
  display:none;
  position:absolute;
  top:37px;
  left:-18px;
  font-size:12px;
  line-height:40px;
  text-transform:uppercase;
  width:90px
}
@media only screen and (max-width:1023px) {
  .lang-box ul {
    z-index:1;
    margin:0 0 0 -25px;
    left:0
  }
}
.lang-box ul li+li {
  border-top:1px solid #e5e5e5
}
.lang-box ul li a {
  color:#999;
  text-decoration:none;
  display:block;
  padding:0 10px 0 18px;
  position:relative
}
.lang-box ul li a img {
  margin:-3px 8px 0 0;
  vertical-align:middle
}
.lang-box ul li a:hover {
  color:#008fd9
}
@media only screen and (max-width:1023px) {
  .lang-box ul li a:hover {
    color:#999
  }
}
.lang-box ul li a:hover::after {
  content:'';
  position:absolute;
  height:3px;
  bottom:-2px;
  left:0;
  right:0;
  background:#008fd9
}
@media only screen and (max-width:1023px) {
  .lang-box ul li a:hover::after {
    background:0 0
  }
}
.location-box {
  float:left
}
@media only screen and (max-width:1023px) {
  .location-box {
    float:none;
    display:inline-block;
    margin:0 0 0 10px
  }
}
.location-box .active-title {
  font-size:14px;
  line-height:16px;
  color:#008fd9;
  cursor:pointer
}
.location-box .active-title.active span,
.location-box .active-title:hover span {
  border-color:transparent
}
.location-box .active-title span {
  border-bottom:1px dashed
}
.location-box .address-icon {
  margin:-2px 3px 0 0
}
.location-list {
  position:absolute;
  top:57px;
  background:#fff;
  padding:25px 30px 30px;
  max-width:670px;
  width:100%;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  z-index:5;
  display:none
}
@media only screen and (max-width:1023px) {
  .location-list {
    left:50%;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    top:56px
  }
}
@media only screen and (max-width:767px) {
  .location-list {
    max-width:400px
  }
}
.location-list .title-box {
  font-size:20px;
  line-height:22px;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  display:block;
  margin:0 0 15px
}
.location-list .note {
  font-size:12px;
  line-height:14px;
  color:#999;
  display:block;
  margin:0 0 15px
}
.location-list ul {
  margin:0 0 25px;
  padding:0;
  list-style:none;
  font-size:18px
}
@media only screen and (max-width:767px) {
  .location-list ul {
    font-size:14px;
    line-height:30px;
    margin:0 0 10px
  }
}
.location-list ul li {
  display:inline-block;
  vertical-align:top;
  color:#4d4d4f;
  padding:11px 18px;
  max-width:200px;
  width:100%;
  cursor:pointer;
  border-radius:5px
}
@media only screen and (max-width:767px) {
  .location-list ul li {
    padding:0 10px
  }
}
.location-list ul li.active,
.location-list ul li:hover {
  color:#fff;
  background:#008fd9
}
@media only screen and (max-width:1023px) {
  .location-list ul li.active,
  .location-list ul li:hover {
    color:#4d4d4f;
    background:0 0
  }
}
.location-list form .form-text {
  font-size:12px;
  line-height:14px;
  color:#999;
  display:block;
  margin:0 0 10px
}
.location-list form .row {
  margin:0 0 20px
}
.location-list form .row::after {
  content:'';
  display:block;
  clear:both
}
@media only screen and (max-width:479px) {
  .location-list form .row {
    margin:0
  }
}
.location-list form input[type=text] {
  float:left;
  max-width:470px;
  margin:0 10px 0 0
}
@media only screen and (max-width:767px) {
  .location-list form input[type=text] {
    max-width:200px
  }
}
.location-list form input[type=submit] {
  color:#fff;
  background:#008fd9;
  border:none;
  cursor:pointer;
  height:44px;
  border-radius:6px;
  width:126px;
  text-align:center;
  font-size:16px;
  font-weight:500;
  text-transform:uppercase
}
@media only screen and (max-width:1023px) {
  .location-list form input[type=submit] {
    background:#0d78af
  }
}
@media only screen and (max-width:479px) {
  .location-list form input[type=submit] {
    width:50px
  }
}
.location-list form input[type=submit]:hover {
  background:#0d78af
}
.location-list form .text {
  font-size:14px;
  line-height:20px;
  color:#828282
}
@media only screen and (max-width:1023px) {
  .location-list form .text {
    display:none
  }
}
.arrow-icon {
  width:8px;
  height:4px;
  display:inline-block;
  vertical-align:middle;
  margin:0 0 2px 2px
}
@media only screen and (max-width:1023px) {
  .arrow-icon {
    display:none
  }
}
.arrow-icon svg {
  width:8px;
  height:4px;
  display:block
}
.address-icon {
  width:8px;
  height:12px;
  display:inline-block;
  vertical-align:middle
}
.address-icon svg {
  width:8px;
  height:12px;
  display:block
}
.header-block {
  float:right;
  letter-spacing:-4px
}
@media only screen and (max-width:1023px) {
  .header-block {
    float:none;
    max-width:650px;
    margin:0 auto;
    text-align:center;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap
  }
}
@media only screen and (max-width:767px) {
  .header-block {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
  }
}
.header-block .phone {
  display:inline-block;
  vertical-align:middle;
  text-decoration:none;
  font-size:20px;
  line-height:22px;
  font-weight:500;
  margin:0 17px 0 0;
  color:#333;
  letter-spacing:0;
  text-align:center
}
@media only screen and (max-width:767px) {
  .header-block .phone {
    display:none
  }
}
.header-block .phone>.phone-holder {
  display:block
}
.header-block .phone>.description {
  font-size:11px;
  color:#999;
  line-height:13px;
  display:block
}
.header-block .callback-box {
  display:inline-block;
  vertical-align:middle;
  margin:0 17px 0 0;
  cursor:pointer;
  letter-spacing:0
}
.header-block .callback-box>em {
  display:inline-block;
  vertical-align:middle;
  margin:0 4px 0 0;
  line-height:13px
}
.header-block .callback-box>em>svg {
  width:26px;
  height:27px
}
.header-block .callback-box .callback {
  display:inline-block;
  vertical-align:middle;
  border-bottom:1px dashed;
  color:#008fd9;
  font-size:14px;
  line-height:16px;
  font-weight:500
}
.header-block .callback-box .callback.active,
.header-block .callback-box .callback:hover {
  border-color:transparent
}
.header-block .callback-box .callback-form {
  background:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  position:absolute;
  z-index:5;
  padding:25px 30px 30px;
  top:57px;
  max-width:390px;
  width:100%;
  display:none
}
@media only screen and (max-width:1023px) {
  .header-block .callback-box .callback-form {
    left:50%;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    text-align:left;
    top:56px
  }
}
@media only screen and (max-width:479px) {
  .header-block .callback-box .callback-form {
    max-width:300px
  }
}
.header-block .callback-box .callback-form .title {
  font-size:20px;
  line-height:22px;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  display:block;
  margin:0 0 20px
}
.header-block .callback-box .callback-form .row {
  margin:0 0 20px
}
.header-block .callback-box .callback-form .label {
  display:block;
  color:#999;
  margin:0 0 4px;
  font-weight:500;
  font-size:12px;
  line-height:14px
}
.header-block .callback-box .callback-form .btn-box {
  overflow:hidden
}
.header-block .callback-box .callback-form input[type=submit] {
  background:#008fd9;
  color:#fff;
  border:none;
  height:44px;
  padding:0 38px;
  font-size:14px;
  font-weight:500;
  display:inline-block;
  vertical-align:top;
  border-radius:5px
}
@media only screen and (max-width:1023px) {
  .header-block .callback-box .callback-form input[type=submit] {
    background:#0d78af
  }
}
@media only screen and (max-width:479px) {
  .header-block .callback-box .callback-form input[type=submit] {
    padding:0 15px
  }
}
.header-block .callback-box .callback-form input[type=submit]:hover {
  background:#0d78af
}
.header-block .callback-box .callback-form .cancel {
  line-height:44px;
  display:inline-block;
  vertical-align:middle;
  padding:0 40px;
  color:#999;
  font-size:14px;
  cursor:pointer
}
@media only screen and (max-width:1023px) {
  .header-block .callback-box .callback-form .cancel {
    color:#008fd9
  }
}
@media only screen and (max-width:479px) {
  .header-block .callback-box .callback-form .cancel {
    padding:0 15px
  }
}
.header-block .callback-box .callback-form .cancel:hover {
  color:#008fd9
}
.header-block .basket {
  border:1px solid #008fd9;
  display:inline-block;
  vertical-align:middle;
  border-radius:5px;
  padding:6px 12px 8px;
  margin:0 17px 0 0;
  letter-spacing:0
}
@media only screen and (max-width:1023px) {
  .header-block .basket {
    background:#0d78af
  }
}
.header-block .basket:hover {
  background:#0d78af
}
.header-block .basket .basket-icon {
  width:17px;
  height:18px;
  display:block
}
.header-block .basket .basket-icon svg {
  width:17px;
  height:18px;
  display:block
}
.header-block .payment {
  display:inline-block;
  vertical-align:middle;
  color:#008fd9;
  font-size:14px;
  line-height:32px;
  border:1px solid #008fd9;
  border-radius:5px;
  text-decoration:none;
  padding:0 22px;
  margin:0 17px 0 0;
  letter-spacing:0
}
@media only screen and (max-width:1023px) {
  .header-block .payment {
    background:#0d78af;
    color:#fff
  }
}
@media only screen and (max-width:767px) {
  .header-block .payment {
    padding:0 12px
  }
}
.header-block .payment:hover {
  background:#0d78af;
  color:#fff
}
.header-block .payment span {
  display:inline-block;
  vertical-align:top
}
@media only screen and (max-width:767px) {
  .header-block .payment span {
    display:none
  }
}
.header-block .payment .cards-icon {
  width:14px;
  height:15px;
  display:inline-block;
  vertical-align:middle;
  margin:-2px 5px 0 0
}
@media only screen and (max-width:767px) {
  .header-block .payment .cards-icon {
    margin:-2px 0 0
  }
}
.header-block .payment .cards-icon svg {
  width:14px;
  height:15px;
  display:block
}
.header-block .login-box {
  display:inline-block;
  vertical-align:middle;
  letter-spacing:0
}
.header-block .login-box .person-icon {
  width:11px;
  height:11px;
  display:inline-block;
  vertical-align:middle;
  margin:-3px 5px 0 0
}
@media only screen and (max-width:767px) {
  .header-block .login-box .person-icon {
    margin:-3px 0 0
  }
}
.header-block .login-box .person-icon svg {
  display:block;
  width:11px;
  height:11px
}
.header-block .login-btn {
  padding:0 17px;
  line-height:34px;
  background:#008fd9;
  color:#fff;
  font-size:14px;
  border-radius:5px;
  cursor:pointer;
  display:inline-block;
  vertical-align:top;
  text-decoration:none
}
@media only screen and (max-width:1023px) {
  .header-block .login-btn {
    background:#0d78af
  }
}
@media only screen and (max-width:767px) {
  .header-block .login-btn {
    padding:0 15px
  }
}
.header-block .login-btn.active,
.header-block .login-btn:hover {
  background:#0d78af
}
.header-block .login-btn span {
  display:inline-block;
  vertical-align:top
}
@media only screen and (max-width:767px) {
  .header-block .login-btn span {
    display:none
  }
}
.header-block .login-form {
  position:absolute;
  top:57px;
  background:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  max-width:390px;
  width:100%;
  padding:25px 30px 30px;
  right:0;
  z-index:5;
  display:none
}
@media only screen and (max-width:1023px) {
  .header-block .login-form {
    right:auto;
    left:50%;
    -webkit-transform:translate(-50%);
    transform:translate(-50%);
    text-align:left
  }
}
.header-block .login-form .title {
  font-size:20px;
  line-height:22px;
  color:#666;
  text-transform:uppercase;
  font-weight:700;
  display:block;
  margin:0 0 10px
}
.header-block .login-form .row+.row {
  margin:20px 0 0
}
.header-block .login-form .row .label {
  display:block;
  color:#999;
  margin:0 0 4px;
  font-weight:500;
  font-size:12px;
  line-height:14px
}
.header-block .login-form .row-block {
  padding:20px 0
}
.header-block .login-form .row-block::after {
  content:'';
  display:block;
  clear:both
}
.header-block .login-form .row-block label {
  display:inline-block;
  vertical-align:middle;
  color:#999;
  font-weight:500;
  font-size:12px;
  line-height:22px
}
.header-block .login-form .row-block .checkbox-block {
  float:left
}
.header-block .login-form .row-block .forgot {
  float:right
}
.header-block .login-form .row-block .forgot a {
  color:#008fd9;
  text-decoration:none;
  border-bottom:1px dashed;
  font-size:12px;
  line-height:22px;
  font-weight:500
}
.header-block .login-form .row-block .forgot a:hover {
  border-color:transparent
}
@media only screen and (max-width:1023px) {
  .header-block .login-form .row-block .forgot a:hover {
    border-color:#008fd9
  }
}
.header-block .login-form input[type=submit] {
  display:block;
  border:none;
  background:#008fd9;
  color:#fff;
  width:100%;
  height:44px;
  font-size:14px;
  font-weight:500;
  border-radius:5px;
  cursor:pointer
}
@media only screen and (max-width:1023px) {
  .header-block .login-form input[type=submit] {
    background:#0d78af
  }
}
.header-block .login-form input[type=submit]:hover {
  background:#0d78af
}
.header-holder {
  padding:21px 9999px 14px;
  margin:0 -9999px;
  background-color:#fff
}
@media only screen and (max-width:1023px) {
  .header-holder {
    text-align:center;
    background-color:#f7f7f7
  }
}
.header-holder::after {
  content:'';
  display:block;
  clear:both
}
.logo {
  float:left;
  background:url(../images/logo.png) no-repeat;
  width:156px;
  height:75px;
  background-size:156px 35px;
  text-indent:-9999px;
  overflow:hidden;
  background-size:contain
}
@media only screen and (max-width:1023px) {
  .logo {
    float:none;
    display:inline-block
  }
}
@media only screen and (max-width:767px) {
  .logo {
    width:156px;
    height:55px;
    background-size:116px 55px
  }
}
.logo a {
  display:block;
  height:100%
}
.menu {
  float:right;
  font-size:15px;
  line-height:17px;
  font-weight:600
}
@media only screen and (max-width:1023px) {
  .menu {
    float:none
  }
}
.menu>ul {
  padding:0;
  list-style:none;
  text-transform:uppercase
}
.menu>ul::after {
  content:'';
  display:block;
  clear:both
}
.menu>ul>li {
  float:left;
  position:relative
}
@media only screen and (max-width:1023px) {
  .menu>ul>li {
    float:none
  }
}
.menu>ul>li+li {
  margin:0 0 0 27px
}
@media only screen and (max-width:1023px) {
  .menu>ul>li+li {
    margin:0
  }
}
.menu>ul>li>a {
  color:#333;
  text-decoration:none;
  padding:8px 0 12px;
  display:block
}
@media only screen and (max-width:1023px) {
  .menu>ul>li>a {
    display:inline-block
  }
}
@media only screen and (max-width:1023px) {
  .menu>ul>li>a {
    padding:5px 0
  }
}
.menu>ul>li:hover>a {
  color:#008fd9
}
@media only screen and (max-width:1023px) {
  .menu>ul>li:hover>a {
    color:#333
  }
}
.menu>ul>li:hover ul {
  display:block
}
@media only screen and (max-width:1023px) {
  .menu>ul>li:hover ul {
    display:none
  }
}
.menu>ul>li ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:100%;
  background:#fff;
  font-size:14px;
  line-height:16px;
  text-transform:none;
  width:260px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  display:none
}
.menu>ul>li ul li+li {
  border-top:1px solid #e5e5e5
}
.menu>ul>li ul li a {
  color:#666;
  text-decoration:none;
  display:block;
  padding:17px 18px;
  position:relative
}
.menu>ul>li ul li a:hover {
  color:#008fd9
}
.menu>ul>li ul li a:hover::after {
  content:'';
  position:absolute;
  height:3px;
  bottom:-2px;
  left:0;
  right:0;
  background:#008fd9
}
@media only screen and (min-width:767px) {
  .account-section>ul>li ul {
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:100%;
    background:#fff;
    font-size:14px;
    line-height:16px;
    text-transform:none;
    width:260px;
    box-shadow:0 10px 40px rgba(0,0,0,.1);
    display:none;
    z-index:1
  }
}
.account-section>ul>li:hover ul {
  display:block
}
.account-list li.ac {
  font-size:15px;
  padding:0 10px 10px;
  position:relative;
  font-weight:600
}
@media only screen and (max-width:1250px) {
  .account-list li.ac {
    text-align:center
  }
}
@media only screen and (max-width:767px) {
  .account-list li.ac {
    text-align:center
  }
  .account-section>ul>li ul {
    display:block;
    margin:0;
    padding:30px 0 0 0;
    list-style:none
  }
}
@media only screen and (min-width:767px) {
  .account-section>ul>li ul li a {
    text-decoration:none;
    display:block;
    padding:17px 18px;
    position:relative
  }
}
.logo-home {
  display:none
}
@media only screen and (max-width:1023px) {
  .logo-home {
    position:absolute;
    top:15px;
    left:15px;
    z-index:2;
    display:block
  }
}
.slideshow-holder {
  position:relative;
  top:-166px
}
@media only screen and (max-width:1023px) {
  .slideshow-holder {
    top:0
  }
}
@media only screen and (max-width:1679px) {
  .slideshow-holder img {
    margin:0 0 0 -190px
  }
}
@media only screen and (max-width:1250px) {
  .slideshow-holder img {
    margin:0 0 0 -450px
  }
}
@media only screen and (max-width:1023px) {
  .slideshow-holder img {
    margin:-40px 0 0 -530px
  }
}
@media only screen and (max-width:767px) {
  .slideshow-holder img {
    margin:0
  }
}
.slideshow-holder .text-holder {
  max-width:1140px;
  width:100%;
  position:absolute;
  top:180px;
  left:50%;
  margin-left:-570px
}
@media only screen and (max-width:1250px) {
  .slideshow-holder .text-holder {
    margin:0;
    left:15px
  }
}
@media only screen and (max-width:1023px) {
  .slideshow-holder .text-holder {
    top:90px
  }
}
.slideshow-holder .text-holder .text-box {
  max-width:540px
}
@media only screen and (max-width:479px) {
  .slideshow-holder .text-holder .text-box {
    max-width:290px
  }
}
.slideshow-holder .title {
  display:block;
  font-size:40px;
  line-height:46px;
  font-weight:800;
  text-transform:uppercase;
  color:#008fd9;
  max-width:480px;
  margin:0 0 20px
}
@media only screen and (max-width:767px) {
  .slideshow-holder .title {
    font-size:24px;
    line-height:26px;
    margin:0 0 10px
  }
}
@media only screen and (max-width:479px) {
  .slideshow-holder .title {
    font-size:18px;
    line-height:24px;
    margin:0 0 10px
  }
}
.slideshow-holder .notes {
  font-size:14px;
  line-height:18px;
  color:#333;
  margin:0 0 40px;
  font-weight:500
}
@media only screen and (max-width:479px) {
  .slideshow-holder .notes {
    margin:0 0 20px
  }
}
.slideshow-holder .intro-box {
  overflow:hidden;
  margin:0 0 37px;
  text-align:center
}
.slideshow-holder .intro-box .price-box {
  float:left;
  position:relative;
  padding:0 0 4px 78px;
  margin:0 33px 0 0
}
@media only screen and (max-width:479px) {
  .slideshow-holder .intro-box .price-box {
    padding:0 0 4px 63px;
    margin:0 20px 0 0
  }
}
.slideshow-holder .intro-box .price-box::after {
  content:'';
  position:absolute;
  top:2px;
  left:2px
}
.slideshow-holder .intro-box .speed-box {
  float:left;
  position:relative;
  padding:0 0 4px 87px
}
@media only screen and (max-width:479px) {
  .slideshow-holder .intro-box .speed-box {
    padding:0 0 4px 70px
  }
}
.slideshow-holder .intro-box .speed-box::after {
  content:'';
  position:absolute;
  top:50%;
  margin-top:-19px;
  left:0
}
.slideshow-holder .intro-box .sum {
  display:block;
  font-size:34px;
  line-height:36px;
  color:#333;
  font-weight:700;
  text-align:center
}
.slideshow-holder .intro-box .sub-text {
  font-size:12px;
  line-height:14px;
  display:block;
  color:#333
}
.slideshow-holder .btn-box {
  text-align:left
}
.slideshow-holder .slick-dots {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:50%;
  bottom:0;
  right:50%;
  margin:0 -570px 0 0;
  text-align:right
}
@media only screen and (max-width:1250px) {
  .slideshow-holder .slick-dots {
    margin:0;
    right:0
  }
}
.slideshow-holder .slick-dots li {
  padding:5px 0;
  cursor:pointer
}
.slideshow-holder .slick-dots li button {
  background:rgba(153,204,102,.2);
  border:none;
  color:#fff;
  width:32px;
  font-size:0;
  height:3px
}
.slideshow-holder .slick-dots li button:hover {
  background:#008fd9
}
.slideshow-holder .slick-dots li.slick-active button {
  background:#008fd9
}
.slideshow-holder:after {
  position:absolute;
  content:'';
  bottom:0;
  left:0;
  right:0;
  box-shadow:inset 0 -30px 15px -20px #f7f7f7;
  height:20px
}
.latest-news {
  position:relative;
  padding:45px 0 0;
  margin:0 0 30px
}
.latest-news::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  background:url(../images/bg-news.png);
  height:367px;
  z-index:-1
}
.latest-news .news-holder {
  margin:0 auto;
  padding:40px 15px
}
.news-holder {
  max-width:1140px;
  margin:0 auto 80px;
  background:#fff;
  padding:15px;
  border-radius:5px;
  box-shadow:0 5px 20px rgba(0,0,0,.05)
}
.news-holder .title {
  font-size:28px;
  line-height:30px;
  color:#666;
  text-transform:uppercase;
  display:block;
  text-align:center;
  margin:0 0 30px;
  font-weight:700
}
@media only screen and (max-width:767px) {
  .news-holder .title {
    font-size:24px;
    line-height:26px;
    margin:0 0 10px
  }
}
.news-holder .btn-block {
  text-align:center
}
.news-holder .info-section {
  border:4px solid #fff;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  margin:0 0 30px;
  border-radius:5px;
  position:relative;
  overflow:hidden
}
.news-holder .info-section::after {
  content:'';
  position:absolute;
  top:-110px;
  left:0;
  background:rgba(0,143,217,.35);
  bottom:-110px;
  width:640px;
  border-radius:0 310px 250px 0
}
.news-holder .info-section img {
  vertical-align:top
}
.news-holder .info-section .text-box {
  position:absolute;
  top:50%;
  left:70px;
  z-index:1;
  padding:0 0 0 90px;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  max-width:420px
}
@media only screen and (max-width:767px) {
  .news-holder .info-section .text-box {
    left:15px;
    right:15px;
    top:15px;
    padding:0;
    -webkit-transform:none;
    transform:none
  }
}
.news-holder .info-section .published {
  position:absolute;
  top:0;
  left:0;
  font-size:12px;
  line-height:14px;
  color:#fff;
  text-align:center;
  padding:0 20px 0 0
}
@media only screen and (max-width:767px) {
  .news-holder .info-section .published {
    position:relative;
    text-align:left;
    padding:0;
    margin:0 0 10px
  }
}
.news-holder .info-section .published::after {
  content:'';
  position:absolute;
  top:7px;
  right:0;
  bottom:0;
  background:rgba(255,255,255,.2);
  width:1px
}
@media only screen and (max-width:767px) {
  .news-holder .info-section .published::after {
    display:none
  }
}
.news-holder .info-section .published span {
  display:block;
  font-size:34px;
  line-height:36px;
  font-weight:700;
  margin:0 0 2px
}
.news-holder .info-section .title-box {
  font-size:24px;
  line-height:26px;
  font-weight:800;
  color:#fff;
  display:block;
  margin:0 0 13px;
  text-transform:uppercase
}
.news-holder .info-section .title-box a {
  color:#fff;
  text-decoration:none
}
@media only screen and (max-width:350px) {
  .news-holder .info-section .title-box a {
    font-size:13px;
    line-height:17px
  }
}
.news-holder .info-section .text {
  font-size:14px;
  line-height:18px;
  color:#fff;
  margin:0 0 20px
}
.news-holder .info-section .text p:first-child {
  margin-top:0
}
.news-holder .info-section .btn-box {
  position:relative
}
.news-holder.ind-page {
  background-color:transparent;
  box-shadow:none
}
.news-holder.ind-page .info-section {
  border:14px solid #fff
}
.news-holder.ind-page .security-data {
  background-color:#fff;
  margin:0 -9999px 30px;
  padding:35px 9999px;
  box-shadow:0 3px 40px rgba(0,0,0,.05)
}
.news-holder.ind-page .security-data p {
  margin:0;
  text-align:center;
  text-transform:uppercase;
  font-weight:800;
  font-size:18px;
  line-height:1
}
@media only screen and (max-width:1023px) {
  .news-holder.ind-page .security-data p {
    font-size:14px
  }
}
.news-holder.ind-page .security-data p a {
  display:inline-block;
  text-decoration:none;
  color:#008fd9;
  margin:0 0 0 5px
}
.news-holder.ind-page .security-data p a:hover {
  text-decoration:underline
}
.news-holder.ind-page .news-wrap {
  margin:0 auto;
  max-width:844px;
  background-color:#fff;
  padding:35px 0
}
@media only screen and (max-width:1023px) {
  .news-holder.ind-page .news-wrap {
    padding:15px
  }
}
.news-list {
  margin:0 auto 30px;
  padding:0;
  list-style:none;
  max-width:780px
}
.news-list li {
  overflow:hidden;
  border-bottom:1px solid #f0f1f3;
  padding:0 0 25px
}
.news-list li+li {
  margin:25px 0 0
}
.news-list li .published {
  float:left;
  font-size:12px;
  line-height:14px;
  color:#fff;
  text-align:center;
  background:rgba(0,143,217,.55);
  width:84px;
  height:84px;
  padding:12px 0 0;
  margin:0 29px 0 0
}
.news-list li .published span {
  display:block;
  font-size:34px;
  line-height:36px;
  font-weight:700;
  margin:0 0 2px
}
.news-list li .news-info {
  overflow:hidden
}
.news-list li .news-info .title-box {
  font-size:18px;
  line-height:20px;
  font-weight:800;
  text-transform:uppercase;
  display:block;
  margin:0 0 10px
}
.news-list li .news-info .title-box a {
  color:#666
}
.news-list li .news-info .title-box a:hover {
  text-decoration:none
}
@media only screen and (max-width:1023px) {
  .news-list li .news-info .title-box a:hover {
    text-decoration:underline
  }
}
.news-list li .news-info .description {
  font-size:14px;
  line-height:18px
}
@media only screen and (max-width:767px) {
  .news-list li .news-info .description {
    overflow:hidden;
    height:54px
  }
}
.news-list li .news-info .description p:first-child {
  margin-top:0
}
.active-lang .arrow-icon svg,
.active-lang .arrow-icon svg use {
  fill:#333
}
.location-box .arrow-icon svg,
.location-box .arrow-icon svg use {
  fill:#008fd9
}
.menu li .arrow-icon svg,
.menu li .arrow-icon svg use {
  fill:#333
}
.menu li:hover .arrow-icon svg,
.menu li:hover .arrow-icon svg use {
  fill:#008fd9
}
.active-title .address-icon svg,
.active-title .address-icon svg use {
  fill:#008fd9
}
.basket .basket-icon svg,
.basket .basket-icon svg use {
  fill:#008fd9
}
@media only screen and (max-width:1023px) {
  .basket .basket-icon svg,
  .basket .basket-icon svg use {
    fill:#fff
  }
}
.basket:hover .basket-icon svg,
.basket:hover .basket-icon svg use {
  fill:#fff
}
.callback-box>em svg,
.callback-box>em svg use {
  fill:#008fd9
}
.payment .cards-icon svg,
.payment .cards-icon svg use {
  fill:#008fd9
}
@media only screen and (max-width:1023px) {
  .payment .cards-icon svg,
  .payment .cards-icon svg use {
    fill:#fff
  }
}
.payment:hover .cards-icon svg,
.payment:hover .cards-icon svg use {
  fill:#fff
}
.person-icon svg,
.person-icon svg use {
  fill:#fff
}
.trigger-holder .icon svg,
.trigger-holder .icon svg use {
  fill:#008fd9
}
.service-connection .top-box .icon svg,
.service-connection .top-box .icon svg use {
  fill:#fff
}
.progress-line svg,
.progress-line svg use {
  fill:#fff
}
.field .icon-address svg,
.field .icon-address svg use {
  fill:#333
}
.tariff-present .icon svg,
.tariff-present .icon svg use {
  fill:#ee7e7c
}
.tariff-present .icon.red svg,
.tariff-present .icon.red svg use {
  fill:#ee7e7c
}
.tariff-present .icon.blue svg,
.tariff-present .icon.blue svg use {
  fill:#4cb5e2
}
.tariff-present .icon.yellow svg,
.tariff-present .icon.yellow svg use {
  fill:#edd51f
}
.comment-box .icon svg,
.comment-box .icon svg use {
  fill:#008fd9
}
.terms-link .icon svg,
.terms-link .icon svg use {
  fill:#008fd9
}
.terms-link .icon svg,
.terms-link .icon svg use {
  fill:#008fd9
}
li.success svg,
li.success svg use {
  fill:#008fd9
}
li.fail svg,
li.fail svg use {
  fill:red
}
.second-step .tab-content .tariff-present li .icon .hint-content svg,
.second-step .tab-content .tariff-present li .icon .hint-content svg use {
  fill:#333;
  width:10px;
  height:10px
}
.jcf-radio {
  vertical-align:middle;
  display:inline-block;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  background:#ebebeb;
  border:none;
  border-radius:50%;
  margin:0 3px 0 0;
  height:60px;
  width:60px
}
.jcf-radio span {
  display:block;
  position:absolute;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%)
}
.jcf-radio input[type=radio] {
  position:absolute;
  height:100%;
  width:100%;
  border:0;
  margin:0;
  left:0;
  top:0;
  cursor:pointer
}
.jcf-radio.jcf-checked {
  background:#008fd9
}
.jcf-checkbox {
  vertical-align:middle;
  display:inline-block;
  position:relative;
  overflow:hidden;
  cursor:default;
  background:#fff;
  border:1px solid #ccc;
  margin:0 7px 0 0;
  height:22px;
  width:22px;
  border-radius:5px
}
.jcf-checkbox span {
  position:absolute;
  display:none;
  height:5px;
  width:11px;
  top:50%;
  left:50%;
  margin:-7px 0 0 -6px;
  border:3px solid #333;
  border-width:0 0 3px 3px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
:root .jcf-checkbox span {
  margin:-4px 0 0 -5px
}
.jcf-checkbox input[type=checkbox] {
  position:absolute;
  width:100%;
  height:100%;
  border:0;
  margin:0;
  left:0;
  top:0
}
.jcf-checkbox.jcf-checked span {
  display:block
}
.jcf-button {
  display:inline-block;
  vertical-align:top;
  position:relative;
  overflow:hidden;
  border:1px solid #777;
  background:#fff;
  margin:0 10px 10px 0;
  padding:5px 10px
}
.jcf-button .jcf-real-element {
  position:absolute;
  min-height:100%;
  min-width:100%;
  outline:0;
  opacity:0;
  padding:0;
  margin:0;
  border:0;
  bottom:0;
  right:0;
  left:0;
  top:0
}
.jcf-file {
  display:inline-block;
  white-space:nowrap;
  position:relative;
  overflow:hidden;
  background:#fff
}
.jcf-file .jcf-real-element {
  position:absolute;
  font-size:200px;
  height:200px;
  margin:0;
  right:0;
  top:0
}
.jcf-file .jcf-fake-input {
  display:inline-block;
  text-overflow:ellipsis;
  white-space:nowrap;
  vertical-align:top;
  overflow:hidden;
  padding:0 8px;
  font-size:13px;
  line-height:52px;
  width:100%;
  height:100%;
  position:absolute;
  text-align:center;
  border-radius:5px;
  display:none
}
.jcf-upload-button {
  font-size:14px;
  line-height:52px;
  height:52px;
  color:#fff;
  display:inline-block;
  vertical-align:top;
  padding:0 10px;
  background:#008fd9;
  text-decoration:none;
  border-radius:5px;
  min-width:220px;
  text-align:center;
  border:none;
  cursor:pointer;
  opacity:.8
}
@media only screen and (max-width:767px) {
  .jcf-upload-button {
    height:40px;
    line-height:40px
  }
}
.jcf-button-content {
  position:relative;
  padding:0 0 0 40px
}
.jcf-button-content:after {
  position:absolute;
  left:0;
  top:-3px;
  content:''
}
.jcf-scrollable-wrapper {
  box-sizing:content-box;
  position:relative
}
.jcf-scrollbar-vertical {
  position:absolute;
  cursor:default;
  background:#e3e3e3;
  width:14px;
  bottom:0;
  right:0;
  top:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  background:#bbb;
  height:0;
  width:0;
  left:0;
  top:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
  top:auto;
  bottom:0
}
.jcf-scrollbar-vertical .jcf-scrollbar-handle {
  background:#008fd9;
  height:1px;
  width:9px
}
.jcf-scrollbar-horizontal {
  position:absolute;
  background:#e3e3e3;
  right:auto;
  top:auto;
  left:0;
  bottom:0;
  width:1px;
  height:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  display:inline-block;
  vertical-align:top;
  overflow:hidden;
  background:#bbb;
  height:14px;
  width:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
  left:auto;
  right:0
}
.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
  display:inline-block;
  position:relative;
  height:14px
}
.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
  position:absolute;
  background:#888;
  height:14px
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
  visibility:hidden
}
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
  background:#e3e3e3
}
.jcf-select {
  display:inline-block;
  vertical-align:top;
  position:relative;
  min-width:150px;
  border:3px solid #e0e0e0;
  height:36px;
  line-height:36px;
  width:100%;
  color:#999;
  font-size:14px;
  font-weight:500;
  border-radius:6px;
  padding:0 10px;
  outline:0;
  background-color:transparent
}
.jcf-select select {
  z-index:1;
  left:0;
  top:0
}
.jcf-select .jcf-select-text {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  cursor:default;
  display:block;
  font-size:14px;
  line-height:30px
}
.jcf-select .jcf-select-opener {
  position:absolute;
  text-align:center;
  bottom:0;
  right:18px;
  top:12px
}
body>.jcf-select-drop {
  position:absolute;
  margin:-1px 0 0;
  z-index:9999
}
body>.jcf-select-drop.jcf-drop-flipped {
  margin:1px 0 0
}
.jcf-select .jcf-select-drop {
  position:absolute;
  margin-top:0;
  z-index:9999;
  top:100%;
  left:-3px;
  right:-1px
}
.jcf-select .jcf-drop-flipped {
  bottom:100%;
  top:auto
}
.jcf-select.jcf-compact-multiple {
  max-width:220px
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display:inline-block;
  padding-top:2px;
  content:'...'
}
.jcf-select-drop .jcf-select-drop-content {
  border:3px solid #e0e0e0
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background:0 0
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background:#e6e6e6;
  color:#000
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display:inline-block;
  content:'';
  height:4px;
  width:8px;
  margin:-7px 5px 0 -3px;
  border:3px solid #777;
  border-width:0 0 3px 3px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}
.jcf-list-box {
  overflow:hidden;
  display:inline-block;
  border:1px solid #b8c3c9;
  min-width:200px;
  margin:0 15px
}
.jcf-list {
  display:inline-block;
  vertical-align:top;
  position:relative;
  background:#fff;
  line-height:14px;
  font-size:12px;
  width:100%
}
.jcf-list .jcf-list-content {
  vertical-align:top;
  display:inline-block;
  overflow:auto;
  width:100%
}
.jcf-list ul {
  list-style:none;
  padding:0;
  margin:0
}
.jcf-list ul li {
  overflow:hidden;
  display:block
}
.jcf-list .jcf-overflow {
  overflow:auto
}
.jcf-list .jcf-option {
  white-space:nowrap;
  overflow:hidden;
  cursor:default;
  display:block;
  padding:5px 9px;
  color:#656565;
  min-height:14px;
  height:1%
}
.jcf-list .jcf-disabled {
  background:#fff!important;
  color:#aaa!important
}
.jcf-list-box .jcf-selected,
.jcf-select-drop .jcf-hover {
  background:#e6e6e6;
  color:#000
}
.jcf-list .jcf-optgroup-caption {
  white-space:nowrap;
  font-weight:700;
  display:block;
  padding:5px 9px;
  cursor:default;
  color:#000
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left:30px
}
.jcf-textarea {
  border:1px solid #b8c3c9;
  box-sizing:content-box;
  display:inline-block;
  position:relative
}
.jcf-textarea .jcf-scrollbar-horizontal {
  display:none;
  height:0
}
.jcf-textarea textarea {
  padding:8px 10px;
  border:none;
  margin:0
}
.jcf-textarea .jcf-resize {
  position:absolute;
  text-align:center;
  cursor:se-resize;
  background:#e3e3e3;
  font-weight:700;
  line-height:15px;
  text-indent:1px;
  font-size:12px;
  height:15px;
  width:14px;
  bottom:0;
  right:0
}
.jcf-textarea .jcf-resize:before {
  border:1px solid #000;
  border-width:0 1px 1px 0;
  display:block;
  margin:4px 0 0 3px;
  width:6px;
  height:6px;
  content:''
}
.jcf-number {
  display:inline-block;
  position:relative;
  height:32px
}
.jcf-number input {
  -moz-appearance:textfield
}
.jcf-number input::-webkit-inner-spin-button,
.jcf-number input::-webkit-outer-spin-button {
  -webkit-appearance:none
}
.jcf-number input {
  box-sizing:border-box;
  border:1px solid #777;
  padding:3px 27px 3px 7px;
  margin:0;
  height:100%
}
.jcf-number .jcf-btn-dec,
.jcf-number .jcf-btn-inc {
  position:absolute;
  background:#aaa;
  width:20px;
  height:15px;
  right:1px;
  top:1px
}
.jcf-number .jcf-btn-dec {
  top:auto;
  bottom:1px
}
.jcf-number .jcf-btn-dec:hover,
.jcf-number .jcf-btn-inc:hover {
  background:#e6e6e6
}
.jcf-number.jcf-disabled .jcf-btn-dec:hover,
.jcf-number.jcf-disabled .jcf-btn-inc:hover {
  background:#aaa
}
.jcf-number .jcf-btn-dec:before,
.jcf-number .jcf-btn-inc:before {
  position:absolute;
  content:'';
  width:0;
  height:0;
  top:50%;
  left:50%;
  margin:-6px 0 0 -4px;
  border:4px solid #aaa;
  border-color:transparent transparent #000 transparent
}
.jcf-number .jcf-btn-dec:before {
  margin:-1px 0 0 -4px;
  border-color:#000 transparent transparent transparent
}
.jcf-number .jcf-btn-dec.jcf-disabled:before,
.jcf-number .jcf-btn-inc.jcf-disabled:before,
.jcf-number.jcf-disabled .jcf-btn-dec:before,
.jcf-number.jcf-disabled .jcf-btn-inc:before {
  opacity:.3
}
.jcf-number.jcf-disabled input {
  background:#ddd
}
.jcf-range {
  display:inline-block;
  min-width:200px;
  margin:0 10px;
  width:130px
}
.jcf-range .jcf-range-track {
  margin:0 20px 0 0;
  position:relative;
  display:block;
  height:10px
}
.jcf-range .jcf-range-wrapper {
  position:relative;
  background:#e5e5e5;
  border-radius:5px;
  display:block;
  margin:5px 0
}
.jcf-range.jcf-vertical {
  min-width:0;
  width:auto
}
.jcf-range.jcf-vertical .jcf-range-wrapper {
  margin:0;
  width:10px;
  height:auto;
  padding:20px 0 0
}
.jcf-range.jcf-vertical .jcf-range-track {
  height:180px;
  width:10px
}
.jcf-range.jcf-vertical .jcf-range-handle {
  left:-5px;
  top:auto
}
.jcf-range .jcf-range-display-wrapper {
  position:absolute;
  min-height:10px;
  min-width:10px;
  left:10px;
  right:10px
}
.jcf-range .jcf-range-display {
  border-radius:5px;
  position:absolute;
  background:#888;
  width:10px;
  height:10px
}
.jcf-range .jcf-range-display.jcf-range-min {
  margin:0 0 0 -10px;
  padding:0 0 0 10px
}
.jcf-range .jcf-range-display.jcf-range-max {
  margin:0 -10px 0 0;
  padding:0 10px 0 0
}
.jcf-range.jcf-vertical .jcf-range-display-wrapper {
  left:auto;
  right:auto;
  top:10px;
  bottom:10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
  margin:0 0 -10px;
  padding:0 0 10px
}
.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
  margin:-10px 0 0;
  padding:10px 0 0
}
.jcf-range .jcf-range-handle {
  position:absolute;
  background:#aaa;
  border-radius:19px;
  width:19px;
  height:19px;
  margin:-4px 0 0;
  z-index:1;
  top:0;
  left:0
}
.jcf-range .jcf-range-mark {
  position:absolute;
  overflow:hidden;
  background:#000;
  width:1px;
  height:3px;
  top:-7px;
  margin:0 0 0 9px
}
.jcf-range.jcf-vertical .jcf-range-mark {
  margin:0 0 9px;
  left:14px;
  top:auto;
  width:3px;
  height:1px
}
.jcf-range .jcf-active-handle {
  z-index:2
}
.jcf-range.jcf-focus .jcf-active-handle {
  border:1px solid red;
  margin:-5px 0 0 -1px
}
.jcf-range.jcf-disabled {
  background:0 0!important;
  opacity:.3
}
.jcf-disabled {
  background:#ddd!important
}
.jobs-section {
  padding:25px 0 0;
  margin:0 0 75px
}
.jobs-section>ul {
  margin:0;
  padding:0;
  list-style:none
}
.jobs-section>ul>li {
  border:none;
  padding:28px 50px 28px 28px;
  margin:18px 0 0;
  position:relative;
  background-color:#fff;
  border-radius:5px;
  box-shadow:0 10px 40px rgba(0,0,0,.1)
}
@media only screen and (max-width:767px) {
  .jobs-section>ul>li {
    padding:15px 40px 15px 15px
  }
}
.jobs-section>ul>li.active {
  box-shadow:0 0 30px rgba(0,0,0,.1);
  border:none
}
.jobs-section>ul>li.active em {
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg)
}
.jobs-section>ul>li:first-child {
  margin:0
}
.jobs-section>ul>li .title {
  text-transform:uppercase;
  display:inline-block;
  text-transform:uppercase;
  font-size:22px;
  line-height:1;
  font-weight:600;
  vertical-align:middle;
  color:#333;
  cursor:pointer
}
@media only screen and (max-width:767px) {
  .jobs-section>ul>li .title {
    font-size:14px;
    line-height:18px
  }
}
.jobs-section>ul>li .date {
  display:inline-block;
  vertical-align:middle;
  color:#999;
  margin:0 0 0 45px
}
@media only screen and (max-width:1023px) {
  .jobs-section>ul>li .date {
    display:none
  }
}
.jobs-section>ul>li em {
  display:inline-block;
  position:absolute;
  right:27px;
  top:38px;
  cursor:pointer
}
@media only screen and (max-width:767px) {
  .jobs-section>ul>li em {
    right:15px;
    top:23px
  }
}
.jobs-section>ul>li .slide {
  padding:0;
  margin:28px 0 0
}
.jobs-section>ul>li .slide ul {
  padding:0;
  list-style:none;
  margin:0
}
.jobs-section>ul>li .slide ul li {
  padding:0 0 0 15px;
  position:relative;
  margin:0 0 10px
}
.jobs-section>ul>li .slide ul li:after {
  position:absolute;
  content:'';
  top:10px;
  left:0;
  width:3px;
  height:3px;
  background:#666
}
.jobs-section>ul>li .slide h3 {
  color:#008fd9;
  text-transform:uppercase;
  font-weight:500;
  font-size:16px;
  margin:0 0 10px
}
.jobs-section>ul>li .slide p {
  margin:0 0 10px
}
.jobs-section>ul>li .slide .btn {
  line-height:44px;
  height:44px;
  font-size:16px;
  font-weight:600;
  min-width:205px
}
.jobs-section>ul>li .info {
  margin:0 0 10px
}
.jobs-section>ul>li .info .row {
  border-top:1px solid #f7f7f7;
  padding:20px 0 10px
}
.popup {
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:11;
  cursor:pointer;
  display:none
}
.popup .overlay {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background:rgba(0,0,0,.5);
  z-index:3
}
.popup .popup-holder {
  max-width:500px;
  margin:0 auto;
  background:#fff;
  position:relative;
  top:10px;
  z-index:4;
  cursor:default
}
@media only screen and (max-width:767px) {
  .popup .popup-holder {
    top:40px
  }
}
@media only screen and (max-width:479px) {
  .popup .popup-holder {
    margin:0 15px
  }
}
.popup .popup-holder .btn-close {
  position:absolute;
  right:-30px;
  top:0;
  cursor:pointer
}
@media only screen and (max-width:479px) {
  .popup .popup-holder .btn-close {
    right:0;
    top:-27px;
    cursor:pointer
  }
}
.popup .popup-holder .title {
  display:block;
  text-transform:uppercase;
  font-weight:500;
  margin:0 0 10px;
  font-size:24px;
  line-height:1;
  text-align:center;
  border-bottom:2px solid #008fd9;
  padding:30px 0;
  color:#333
}
@media only screen and (max-width:767px) {
  .popup .popup-holder .title {
    font-size:14px;
    line-height:18px;
    padding:10px
  }
}
.popup .popup-holder .description {
  padding:0 15px;
  text-align:center;
  max-width:90%;
  width:100%;
  margin:0 auto;
  display:block
}
.popup .popup-holder form {
  padding:25px 40px 40px
}
@media only screen and (max-width:767px) {
  .popup .popup-holder form {
    padding:0 15px 15px
  }
}
.popup .popup-holder .row {
  margin:20px 0 0
}
@media only screen and (max-width:767px) {
  .popup .popup-holder .row {
    margin:10px 0 0
  }
}
.popup .popup-holder .row:first-child {
  margin:0
}
.popup .popup-holder .row.for-file {
  text-align:center
}
.popup .popup-holder .row.for-message {
  display:none
}
.popup .popup-holder .row input {
  height:50px
}
@media only screen and (max-width:767px) {
  .popup .popup-holder .row input {
    height:35px
  }
}
.popup .popup-holder .row label {
  display:block;
  font-weight:500;
  margin:0 0 7px
}
.popup .popup-holder .row textarea {
  height:50px;
  padding:15px 25px
}
.popup .popup-holder .btn-box {
  text-align:center;
  margin:30px 0 0
}
@media only screen and (max-width:767px) {
  .popup .popup-holder .btn-box {
    margin:10px 0 0
  }
}
@media only screen and (max-width:767px) {
  .popup .popup-holder .btn-box .btn {
    font-size:14px;
    line-height:40px
  }
}
.popup .add-comment {
  display:block;
  color:#008fd9;
  font-size:13px;
  line-height:16px;
  text-align:center;
  margin:30px 0 0
}
@media only screen and (max-width:767px) {
  .popup .add-comment {
    display:none
  }
}
.popup .add-comment em {
  display:inline-block;
  font-style:normal;
  cursor:pointer;
  border-bottom:1px dotted #008fd9;
  -webkit-transition:.3s ease;
  transition:.3s ease
}
.popup .add-comment em:hover {
  border-color:transparent
}
@media only screen and (max-width:1250px) {
  .popup .add-comment em:hover {
    border-color:#008fd9
  }
}
.popup.popup-thanks .popup-holder {
  padding:35px;
  text-align:center
}
.popup.popup-thanks .popup-holder .title {
  border:none;
  padding:0;
  font-weight:600
}
.popup.popup-thanks .popup-holder .sub-title {
  display:block
}
.popup.popup-thanks .popup-holder .btn {
  margin:20px 0 0;
  min-width:200px
}
@media only screen and (max-width:767px) {
  .popup.jobs-popup .popup-holder {
    top:0
  }
}
@media only screen and (max-width:479px) {
  .popup.jobs-popup .popup-holder {
    top:40px
  }
}
@media only screen and (max-width:767px) {
  .popup.jobs-popup .popup-holder .title {
    display:none
  }
}
.popup.jobs-popup .popup-holder form {
  padding:10px 25px
}
.popup.location-popup .popup-holder {
  max-width:536px
}
.popup.location-popup .popup-holder form {
  padding:0
}
.popup.location-popup .location-list {
  display:block!important;
  position:static
}
@media only screen and (max-width:1023px) {
  .popup.location-popup .location-list {
    -webkit-transform:none;
    transform:none
  }
}
@media only screen and (max-width:479px) {
  .popup.location-popup .location-list {
    padding:10px
  }
}
.popup.location-popup .close-icon {
  display:block;
  position:absolute;
  right:15px;
  top:15px;
  width:10px;
  height:10px;
  cursor:pointer
}
.popup.location-popup .close-icon svg {
  width:10px;
  height:10px;
  display:block
}
.payment-block {
  background-color:#fff;
  padding:35px;
  border-radius:5px;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  margin:0 0 75px
}
@media only screen and (max-width:767px) {
  .payment-block {
    padding:15px;
    margin:0 0 30px
  }
}
.payment-block .title {
  display:block;
  text-transform:uppercase;
  color:#333;
  font-size:16px;
  margin:0 0 10px;
  font-weight:600
}
.payment-block .sub-title {
  display:block;
  color:#a0a0a0
}
.payment-block .bottom-holder {
  margin:50px 0 0;
  display:-webkit-flex;
  display:-moz-flex;
  display:-ms-flex;
  display:-o-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (max-width:1023px) {
  .payment-block .bottom-holder {
    display:block
  }
}
.payment-block .bottom-holder p {
  color:#a0a0a0;
  margin:0
}
.payment-block .bottom-holder .col {
  box-shadow:0 0 30px rgba(0,0,0,.1);
  padding:20px 35px;
  width:515px
}
@media only screen and (max-width:1250px) {
  .payment-block .bottom-holder .col {
    width:49%
  }
}
@media only screen and (max-width:1023px) {
  .payment-block .bottom-holder .col {
    width:100%
  }
}
@media only screen and (max-width:767px) {
  .payment-block .bottom-holder .col {
    padding:0;
    box-shadow:none
  }
}
.payment-block .bottom-holder .col-1 {
  overflow:hidden
}
@media only screen and (max-width:1023px) {
  .payment-block .bottom-holder .col-1 {
    margin:0 0 20px
  }
}
.payment-block .bottom-holder .col-1 img {
  float:left;
  margin:0 35px 0 0
}
@media only screen and (max-width:767px) {
  .payment-block .bottom-holder .col-1 img {
    float:none;
    margin:0 0 10px
  }
}
.payment-block .bottom-holder .col-1 .info {
  overflow:hidden
}
.payment-block .bottom-holder .col-1 .btn {
  min-width:208px;
  font-size:15px;
  line-height:44px;
  font-weight:600;
  margin:22px 0 0
}
.payment-block .bottom-holder .col-2 ul {
  margin:22px 0 0 -50px;
  padding:0;
  list-style:none
}
@media only screen and (max-width:1250px) {
  .payment-block .bottom-holder .col-2 ul {
    margin:22px 0 0 -20px
  }
}
.payment-block .bottom-holder .col-2 ul li {
  display:inline-block;
  vertical-align:middle;
  margin:0 0 0 50px
}
@media only screen and (max-width:1250px) {
  .payment-block .bottom-holder .col-2 ul li {
    margin:0 0 0 20px
  }
}
.mCustomScrollbar {
  -ms-touch-action:pinch-zoom;
  touch-action:pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action:auto;
  touch-action:auto
}
.mCustomScrollBox {
  position:relative;
  overflow:hidden;
  height:100%;
  max-width:100%;
  outline:0;
  direction:ltr
}
.mCSB_container {
  overflow:hidden;
  width:auto;
  height:auto
}
.mCSB_inside>.mCSB_container {
  margin-right:10px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right:0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  margin-right:0;
  margin-left:30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left:0
}
.mCSB_scrollTools {
  position:absolute;
  width:4px;
  height:auto;
  left:auto;
  top:0;
  right:0;
  bottom:0
}
.mCSB_outside+.mCSB_scrollTools {
  right:-26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  right:auto;
  left:0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left:-26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
  width:2px;
  height:100%;
  margin:0 auto;
  border-radius:16px
}
.mCSB_scrollTools .mCSB_dragger {
  cursor:pointer;
  width:100%;
  height:30px;
  z-index:1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position:relative;
  width:4px;
  height:100%;
  margin:0 auto;
  border-radius:16px;
  text-align:center
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display:block;
  position:absolute;
  height:20px;
  width:100%;
  overflow:hidden;
  margin:0 auto;
  cursor:pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom:0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right:0;
  margin-bottom:30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height:100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width:auto;
  height:16px;
  top:auto;
  right:0;
  bottom:0;
  left:0
}
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom:-26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin:0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:2px;
  margin:7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width:30px;
  height:100%;
  left:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width:100%;
  height:4px;
  margin:6px auto
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display:block;
  position:absolute;
  width:20px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  cursor:pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left:0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right:0
}
.mCSB_container_wrapper {
  position:absolute;
  height:auto;
  width:auto;
  overflow:hidden;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin-right:30px;
  margin-bottom:30px
}
.mCSB_container_wrapper>.mCSB_container {
  padding-right:30px;
  padding-bottom:30px;
  box-sizing:border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom:20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right:20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom:0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right:0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left:20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left:0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  margin-right:0;
  margin-left:30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right:0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom:0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right:0;
  margin-left:0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom:0
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity:0;
  filter:"alpha(opacity=0)";
  -ms-filter:"alpha(opacity=0)"
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#008fd9
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image:url(mCSB_buttons.png);
  background-repeat:no-repeat;
  opacity:.4;
  filter:"alpha(opacity=40)";
  -ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position:0 -56px
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:rgba(0,0,0,.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width:4px;
  background-color:#fff;
  background-color:rgba(255,255,255,.1);
  border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:4px;
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:4px;
  margin:6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.1);
  border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75);
  border-radius:1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width:4px;
  background-color:#fff;
  background-color:rgba(255,255,255,.1);
  border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:6px;
  background-color:#fff;
  background-color:rgba(255,255,255,.75);
  border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:4px;
  margin:6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width:100%;
  height:6px;
  margin:5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.1);
  border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75);
  border-radius:2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#fff;
  background-color:rgba(255,255,255,.1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width:100%;
  height:2px;
  margin:7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#fff;
  background-color:rgba(255,255,255,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height:14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:14px;
  margin:0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width:14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height:14px;
  margin:1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width:4px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position:0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position:0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position:0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width:4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color:transparent;
  background-position:center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat:repeat-y;
  opacity:.3;
  filter:"alpha(opacity=30)";
  -ms-filter:"alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height:4px;
  margin:6px 0;
  background-repeat:repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat:repeat-y;
  background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat:repeat-x;
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
  background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
  background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height:70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width:70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity:1;
  filter:"alpha(opacity=30)";
  -ms-filter:"alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  border-radius:16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width:8px;
  background-color:#000;
  background-color:rgba(0,0,0,.2);
  box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:8px;
  margin:4px 0;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width:100%;
  height:8px;
  margin:4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.1);
  box-shadow:inset 1px 0 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity:1;
  filter:"alpha(opacity=30)";
  -ms-filter:"alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius:7px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius:5px
}
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
  right:1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom:1px;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow:inset 1px 0 0 rgba(255,255,255,.4);
  width:12px;
  margin:2px;
  position:absolute;
  height:auto;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height:12px;
  width:auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color:#000;
  background-color:rgba(0,0,0,.05);
  box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow:inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color:#fff;
  background-color:rgba(0,0,0,.05);
  box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-120px -128px
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  right:0;
  margin:12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom:0;
  margin:0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
  left:0;
  right:auto
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height:50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width:50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.2);
  filter:"alpha(opacity=20)";
  -ms-filter:"alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.5);
  filter:"alpha(opacity=50)";
  -ms-filter:"alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.2);
  filter:"alpha(opacity=20)";
  -ms-filter:"alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.5);
  filter:"alpha(opacity=50)";
  -ms-filter:"alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width:6px;
  background-color:#000;
  background-color:rgba(0,0,0,.2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:6px;
  margin:5px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width:12px;
  background-color:#000;
  background-color:rgba(0,0,0,.2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width:6px;
  margin:3px 5px;
  position:absolute;
  height:auto;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height:6px;
  margin:5px 3px;
  position:absolute;
  width:auto;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width:100%;
  height:12px;
  margin:2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position:-112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position:-112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position:-120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position:-120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color:transparent;
  border-width:1px;
  border-style:solid;
  border-color:#fff;
  border-color:rgba(255,255,255,.2);
  box-sizing:border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color:#000;
  border-color:rgba(0,0,0,.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#fff;
  background-color:rgba(255,255,255,.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color:#000;
  background-color:rgba(0,0,0,.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#000;
  background-color:rgba(0,0,0,.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color:#fff;
  background-color:rgba(255,255,255,.9)
}
.seo-section {
  max-width:1140px;
  margin:0 auto 30px;
  border:8px solid #fff;
  border-radius:5px;
  position:relative;
  box-shadow:0 5px 20px rgba(0,0,0,.05)
}
@media only screen and (max-width:767px) {
  .seo-section {
    margin:0 15px
  }
}
.seo-section .image-list {
  position:relative
}
@media only screen and (max-width:767px) {
  .seo-section .image-list {
    display:none
  }
}
.seo-section .image-list:after {
  position:absolute;
  content:'';
  width:100%;
  height:100%;
  background-color:rgba(51,51,51,.2);
  top:0;
  border-radius:5px
}
.seo-section .image-list img {
  vertical-align:top;
  border-radius:5px
}
.seo-section .image-list .slick-dots {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  bottom:45px;
  left:220px;
  z-index:1
}
.seo-section .image-list .slick-dots li {
  display:inline-block;
  vertical-align:middle;
  text-indent:-9999px;
  width:15px;
  height:15px;
  background-color:#efe2d4;
  border-radius:50%;
  cursor:pointer;
  margin:0 0 0 8px
}
.seo-section .image-list .slick-dots li:first-child {
  margin:0
}
.seo-section .image-list .slick-dots li.slick-active {
  background-color:#008fd9
}
.seo-section .info-box {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  right:30px;
  background-color:#fff;
  border-radius:5px;
  max-width:535px;
  padding:40px 30px;
  color:#333;
  z-index:1
}
@media only screen and (max-width:767px) {
  .seo-section .info-box {
    position:relative;
    top:0;
    -webkit-transform:none;
    transform:none;
    max-width:100%;
    padding:0;
    right:0
  }
}
.seo-section .info-box .info-wrap {
  height:250px;
  padding:0 10px 0 0;
  position:relative;
  z-index:-1
}
.seo-section .info-box h2 {
  text-transform:uppercase;
  margin:0 0 15px;
  font-size:24px;
  line-height:26px
}
.seo-section .info-box p {
  margin:10px 0 0;
  line-height:20px
}
.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}
.slick-list {
  position:relative;
  overflow:hidden;
  display:block;
  margin:0;
  padding:0;
  outline:0!important
}
.slick-list:focus {
  outline:0!important
}
.slick-list.dragging {
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0)
}
.slick-track {
  position:relative;
  left:0;
  top:0;
  display:block
}
.slick-track:after,
.slick-track:before {
  content:"";
  display:table
}
.slick-track:after {
  clear:both
}
.slick-loading .slick-track {
  visibility:hidden
}
.slick-slide {
  float:left;
  height:100%;
  min-height:1px;
  outline:0;
  display:none
}
[dir=rtl] .slick-slide {
  float:right
}
.slick-slide img {
  display:block
}
.slick-slide.slick-loading img {
  display:none
}
.slick-slide.dragging img {
  pointer-events:none
}
.slick-initialized .slick-slide {
  display:block
}
.slick-loading .slick-slide {
  visibility:hidden
}
.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent
}
.slick-arrow.slick-hidden {
  display:none
}
.trigger-holder {
  background:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.1);
  max-width:1140px;
  margin:-240px auto 0;
  padding:20px 75px;
  border-radius:5px;
  position:relative;
  z-index:1
}
@media only screen and (max-width:1250px) {
  .trigger-holder {
    padding:20px 45px
  }
}
@media only screen and (max-width:1023px) {
  .trigger-holder {
    margin:-140px auto 0
  }
}
@media only screen and (max-width:479px) {
  .trigger-holder {
    padding:0 15px
  }
}
.trigger-holder ul {
  margin:0;
  padding:0;
  list-style:none;
  margin:0 0 0 -56px
}
@media only screen and (max-width:1250px) {
  .trigger-holder ul {
    margin:0 0 0 -20px
  }
}
.trigger-holder ul li {
  display:inline-block;
  vertical-align:top;
  position:relative;
  padding:0 0 0 68px;
  max-width:290px;
  margin:40px 0 40px 56px
}
@media only screen and (max-width:1250px) {
  .trigger-holder ul li {
    margin:40px 0 40px 20px;
    max-width:280px
  }
}
@media only screen and (max-width:767px) {
  .trigger-holder ul li {
    margin:20px 0 10px 20px
  }
}
.trigger-holder ul li .icon {
  position:absolute;
  left:0;
  top:0
}
.trigger-holder ul li .icon svg {
  display:block
}
.trigger-holder ul li.item-1 .icon {
  width:39px;
  height:45px
}
.trigger-holder ul li.item-1 .icon svg {
  width:39px;
  height:45px
}
.trigger-holder ul li.item-2 .icon {
  width:45px;
  height:41px
}
.trigger-holder ul li.item-2 .icon svg {
  width:45px;
  height:41px
}
.trigger-holder ul li.item-3 .icon {
  width:48px;
  height:52px
}
.trigger-holder ul li.item-3 .icon svg {
  width:48px;
  height:52px
}
.trigger-holder ul li.item-4 .icon {
  width:46px;
  height:50px
}
.trigger-holder ul li.item-4 .icon svg {
  width:46px;
  height:50px
}
.trigger-holder ul li.item-5 .icon {
  width:39px;
  height:39px
}
.trigger-holder ul li.item-5 .icon svg {
  width:48px;
  height:37px
}
.trigger-holder ul li.item-6 .icon {
  width:48px;
  height:52px
}
.trigger-holder ul li.item-6 .icon svg {
  width:48px;
  height:52px
}
.trigger-holder .title {
  font-size:20px;
  line-height:22px;
  color:#333;
  margin:0 0 10px;
  display:block;
  text-transform:uppercase;
  font-weight:700
}
.trigger-holder .text {
  font-size:14px;
  line-height:16px;
  color:#666
}
.error-block.cap-page .error-holder span {
  font-weight:500;
  font-size:88px
}
.error-block.cap-page .error-holder strong {
  font-weight:600;
  font-size:22px
}
.cap-page-tel {
  display:inline-block;
  vertical-align:top;
  text-decoration:none;
  font-size:40px;
  line-height:42px;
  font-weight:700;
  color:#333;
  margin:0 0 40px
}
.cap-page .email-box {
  display:block
}
.cap-page .email-box>span {
  font-size:12px;
  color:#999
}
.cap-page .email-box>em {
  font-size:14px;
  color:#333;
  font-style:normal;
  font-weight:600
}
.cap-page .logo {
  width:201px;
  height:100px;
  background-size:100%
}
.holder span.text {
  font-size:14px;
  line-height:18px;
  color:#999
}
.holder span.text p {
  margin:0 0 0 15px
}
.tv_main {
  text-align:center;
  width:100%
}
.tv_content {
  display:inline-block;
  vertical-align:middle;
  width:163px;
  height:163px
}
.tv_image>img {
  width:128px;
  height:128px;
  transition:.1s linear;
  opacity:.8
}
.tv_image>img:hover {
  width:128px;
  height:128px;
  opacity:1;
  transform:scale(1.03)
}
@media only screen and (max-width:767px) {
  .tv_content {
    display:inline-block;
    vertical-align:middle;
    width:100px;
    height:130px
  }
  .tv_image>img {
    width:70px;
    height:70px;
    transition:.1s linear;
    opacity:.8
  }
  .tv_image>img:hover {
    width:70px;
    height:70px;
    opacity:1;
    transform:scale(1.03)
  }
}
.balance_nomoney {
  font-size:40px;
  line-height:1;
  color:#008fd9;
  font-weight:700
}
.map {
  width:100%;
  margin-bottom:60px
}
.map__dropdown {
  margin-bottom:30px;
  width:300px
}
.map__container {
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:stretch;
  background:#fff;
  position:relative
}
.map__sidebar {
  width:300px;
  height:520px;
  background:#fff;
  position:absolute;
  top:16px;
  left:16px;
  z-index:1;
  padding-top:48px;
  display:none;
  overflow:hidden
}
.map__sidebar.active {
  display:block
}
#map_filter {
  height:100%;
  height:600px;
  flex:1 1 auto;
  background:#f1f1f1
}
.map-info__item {
  width:100%;
  padding:16px;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #f1f1f1
}
.map-info__item--head {
  background:#008fd9;
  min-height:90px
}
.map-info__address {
  font-size:20px;
  line-height:24px;
  color:#fff
}
.map-info__title {
  font-size:20px;
  line-height:26px;
  color:#333;
  margin-bottom:5px
}
.map-info__description {
  font-size:14px;
  color:#666
}
.map-info__estimate {
  font-size:34px;
  color:#008fd9;
  margin-left:10px
}
.map-info__img {
  width:100%;
  height:200px
}
.map-info__img img {
  display:block;
  width:100%;
  height:100%
}
.map-filter {
  display:block;
  width:300px;
  background:#fff;
  height:48px;
  box-shadow:0 2px 4px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.02);
  border-radius:4px;
  overflow:hidden;
  position:absolute;
  top:16px;
  left:16px;
  z-index:200
}
body .map-filter__input {
  width:100%;
  height:48px;
  background:#fff;
  padding-left:10px;
  padding-right:58px;
  border:none;
  font-size:14px
}
body .map-filter__input::-webkit-input-placeholder {
  font-size:13px;
  color:#999;
  font-weight:300
}
body .map-filter__input:-moz-placeholder {
  font-size:13px;
  color:#999;
  font-weight:300
}
body .map-filter__input::-moz-placeholder {
  font-size:13px;
  color:#999;
  font-weight:300
}
body .map-filter__input:-ms-input-placeholder {
  font-size:13px;
  color:#999;
  font-weight:300
}
.map-filter__close {
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  width:48px;
  height:48px;
  position:absolute;
  top:0;
  right:0;
  border:none;
  border-left:1px solid #f1f1f1;
  background:#fff;
  cursor:pointer
}
.map-filter__close svg {
  display:block;
  width:15px;
  height:15px;
  fill:#008fd9
}
.map-result {
  width:300px;
  height:472px;
  background:#fff;
  overflow-y:auto;
  float:left;
  display:none
}
.map-result.active {
  display:block
}
.map-result__error,
.map-result__item {
  width:100%;
  height:38px;
  padding:0 10px;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  cursor:pointer;
  transition:background .14s ease-in-out
}
.map-result__error {
  cursor:default
}
.map-result__item:hover {
  background:rgba(0,143,217,.3)
}
.map__wrapper {
  width:600px;
  overflow:hidden;
  background:#ccc;
  position:relative
}
.map-infobar {
  width:300px;
  height:472px;
  float:left;
  background:#fff;
  overflow-y:auto
}
.map-info__back {
  width:100%;
  height:48px;
  padding:0 10px;
  display:-webkit-flex;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:center;
  cursor:pointer
}
.map-info__back svg {
  display:block;
  margin-right:5px;
  width:8px;
  fill:#008fd9
}
.map-info__back-title {
  color:#000;
  font-size:14px
}
.close-btn {
  cursor:pointer
}
.close-btn svg {
  width:12px
}
.map-info__container a {
  color:#008fd9
}
@media only screen and (max-width:767px) {
  .map-filter {
    width:100%;
    top:0;
    left:0
  }
  .map__sidebar {
    width:100%;
    left:0
  }
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:#ced2db
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color:#ced2db
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color:#ced2db
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color:#ced2db
}
p {
  line-height:1.3125rem
}
.comments {
  margin:2.5rem auto 0;
  max-width:60.75rem;
  padding:0 1.25rem
}
.comment-wrap {
  margin-bottom:1.25rem;
  display:table;
  width:100%;
  min-height:5.3125rem
}
.photo {
  padding-top:.625rem;
  display:table-cell;
  width:3.5rem
}
.photo2 {
  padding-top:.625rem;
  display:table-cell;
  width:3.5rem;
  padding:10px
}
.photo2 .avatar {
  height:2.25rem;
  width:2.25rem;
  border-radius:50%;
  background-size:contain
}
.photo .avatar {
  height:2.25rem;
  width:2.25rem;
  border-radius:50%;
  background-size:contain
}
.comment-block {
  padding:1rem;
  background-color:#f9f9f9;
  display:table-cell;
  vertical-align:top;
  border-radius:.5rem;
  box-shadow:0 1px 3px 0 rgba(0,0,0,.08)
}
.comment-block textarea {
  width:100%;
  resize:none
}
.comment-text {
  margin-bottom:1.25rem
}
.bottom-comment {
  color:#acb4c2;
  font-size:.875rem
}
.comment-date {
  float:left
}
.comment-actions {
  float:right
}
.comment-actions li {
  display:inline;
  margin:-2px;
  cursor:pointer
}
.comment-actions li.complain {
  padding-right:.75rem;
  border-right:1px solid #e1e5eb
}
.comment-actions li.reply {
  padding-left:.75rem;
  padding-right:.125rem
}
.comment-actions li:hover {
  color:#0095ff
}
.tag-on {
  padding:.3em;
  background:#39a204;
  color:#fff;
  border-radius:3px;
  display:inline
}
.tag-off {
  padding:.3em;
  background:red;
  color:#fff;
  border-radius:3px;
  display:inline
}
.forgot {
  float:right
}
.forgot a {
  color:#008fd9;
  text-decoration:none;
  border-bottom:1px dashed;
  font-size:12px;
  line-height:22px;
  font-weight:500
}
.forgot a:hover {
  border-color:transparent
}
@media only screen and (max-width:1023px) {
  .forgot a:hover {
    border-color:#008fd9
  }
}
.notification.notify:after {
  content:'i';
  display:block;
  position:absolute;
  top:0;
  right:-1.3333em;
  width:1em;
  border-radius:50%;
  font-size:.65em;
  line-height:1;
  text-align:center;
  background:#008fd9;
  box-shadow:0 0 0 .25em #1d5877;
  animation:pulse 1s infinite;
  color:#fff
}
@-webkit-keyframes pulse {
  0% {
    box-shadow:0 0 0 .2em #1d5877
  }
  25% {
    box-shadow:0 0 0 .05em #1d5877
  }
  50% {
    box-shadow:0 0 0 .375em #1d5877
  }
  75% {
    box-shadow:0 0 0 .2em #1d5877
  }
  100% {
    box-shadow:0 0 0 .3em #1d5877
  }
}
@-moz-keyframes pulse {
  0% {
    box-shadow:0 0 0 .2em #1d5877
  }
  25% {
    box-shadow:0 0 0 .05em #1d5877
  }
  50% {
    box-shadow:0 0 0 .375em #1d5877
  }
  75% {
    box-shadow:0 0 0 .2em #1d5877
  }
  100% {
    box-shadow:0 0 0 .3em #1d5877
  }
}
@keyframes pulse {
  0% {
    box-shadow:0 0 0 .2em #1d5877
  }
  25% {
    box-shadow:0 0 0 .05em #1d5877
  }
  50% {
    box-shadow:0 0 0 .375em #1d5877
  }
  75% {
    box-shadow:0 0 0 .2em #1d5877
  }
  100% {
    box-shadow:0 0 0 .3em #1d5877
  }
}
.login-form__alter {
  display:block;
  position:relative;
  margin-top:7px
}
.login-form__alter::after {
  clear:both;
  content:"";
  display:table
}
.connect {
  overflow:hidden;
  position:relative;
  display:block;
  width:100%;
  height:44px;
  line-height:44px;
  text-decoration:none;
  border-radius:5px
}
.connect::after {
  clear:both;
  content:"";
  display:table
}
.connect:focus,
.connect:hover,
.connect:visited {
  color:#fff;
  text-decoration:none
}
.connect__icon {
  vertical-align:middle;
  float:left;
  width:70px;
  text-align:center;
  font-size:22px
}
.connect__context {
  vertical-align:middle;
  text-align:center
}
.connect.facebook {
  background:#3b5998;
  color:#fff
}
.connect.facebook a {
  color:#fff
}
.connect.facebook .connect__icon {
  background:#283d68
}
.coltransfer .form-box .terms-box {
  text-align:center;
  margin:0 0 20px
}
.coltransfer .form-box .terms-box .jcf-checkbox {
  border:none;
  width:20px;
  height:20px;
  background:#ebebeb
}
.coltransfer .form-box .terms-box .jcf-checkbox span {
  border-color:#fff;
  border-width:0 0 2px 2px
}
.coltransfer .form-box .terms-box .jcf-checkbox.jcf-checked {
  background:#008fd9
}
.coltransfer .form-box .terms-box label {
  font-size:14px;
  line-height:24px;
  color:#999;
  display:inline-block;
  vertical-align:middle
}
@media only screen and (max-width:767px) {
  .coltransfer .form-box .terms-box label {
    max-width:160px;
    line-height:16px
  }
}
.coltransfer .form-box .btn-box {
  text-align:center
}
.connect.googleplus {
  background: #dd4b39;
  color: #FFF;
}
.connect.googleplus a {
  color: #FFF;
}
.connect.googleplus .connect__icon {
  background: #b52f1f;
}
.login-form__alter-container:not(:first-child) {
  margin-top: 7px;
}











.social-header {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .social-header {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 1023px) {
  .social-header {
    float: none;
    max-width: 650px;
    margin: 0 auto;
    margin-right: 25px;
    padding: 10px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
  }
}
.social-header ul {
  margin: 0 0 0 10px;
  padding: 0;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
}

.social-header .facebook {
  background-image:url(/images/messenger.png);
  width:32px;
  height:32px
}
.social-header .instagram {
  background-image: url(/images/instagram.png);
  width: 34px;
  height: 34px;
}
.social-header .linked {
  background-image: url(/images/linkedin.png);
  width: 34px;
  height: 34px;
}

.social-header .viber {
  background-image: url(/images/viber.png);
  width: 34px;
  height: 34px;
}


.social-header .telegram {
  background-image: url(/images/telegram.png);
  width: 34px;
  height: 34px;
}
.social-header .watsapp {
  background-image: url(/images/watsapp.png?1);
  width: 32px;
  height: 32px;
}

.social-header ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
}

/*.social-header li {
  text-indent: -9999px;
  opacity: 1;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  border-radius: 50%;
}*/



.social-header li {
  text-indent: -9999px;
}
.header .social-header li a {
  display: block;
  height: 100%;
}