@font-face {
    font-family: 'openSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'openSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'openSansBold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*  @Reset css  */
html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,input,select {
  margin:0;
  padding:0;
  outline: none;
}

* {
    -webkit-font-smoothing: antialiased;
}

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

a {
  color: #059bce;
  text-decoration: underline;
}

img,fieldset{
  border:none;
}
ul,ol{
  list-style: none;
}
blockquote,q{
  quotes:none;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}
div{
  text-align: left;
}
form{
  position: relative;
}
/*  @end Reset  */
html, body {
  height:100%;
}

body {
  background-color: #fff;
}

.wrap {
  min-height: 100%;
}
div.err {
  color:red;
  font:14px openSansRegular, Arial, sans-serif;
  margin: 2px 0 0 2px;
}
div.flex {
	display: flex;
}
div.flex.flex-center {
	align-items: center;
    justify-content: center;
}
.header {
  border: none;
  height: 88px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: #059bce;
}
  .header .inner {
    width:940px;
    margin: 0 auto;
  }
    .header .inner .logo {
      width:207px;
      height: 50px;
      background: url('../images/logonew.png') center no-repeat;
      text-indent: -9999px;
      float:left;
      margin-top: 17px;
    }
    .header .inner .contacts {
      float:right;
      font: 20px/27px openSansRegular, Arial, sans-serif;
      text-align: right;
      color: #fff;
      margin-top: 22px;

    }
    .header .inner .contacts a {
      color: inherit;
      text-decoration: none;
	  cursor: pointer;
	  transition: opacity .3s;
	}
	.header .inner .contacts a:hover {
		opacity: .5;
	}
    .header .inner .contacts .time {
      display: block;
      font-size: 12px;
      line-height: 17px;
    }

.affiliateUrl {
  background-color:#ecf3f6;
  padding: 24px 0 32px;
  min-width: 940px;
}
  .affiliateUrl .inner {
    width:820px;
    margin: 0 auto;
  }
  .affiliateUrl h1 {
    font:23px/30px openSansRegular, Arial, sans-serif;
    color:#012633;
    margin: 0 0 14px 2px;
  }
  #wheresLink {
    float:right;
    color:#059bce;
    border-bottom:#ddd 1px dashed;
    font:14px/18px openSansRegular, Arial, sans-serif;
    margin:6px 0;
    cursor:pointer;
  }

  #affiliateUrl {
    width:863px;
    font:16px/22px openSansRegular, Arial, sans-serif;
    height: 22px;
    padding:13px 20px;
    border:#ddd 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -border-radius: 4px;

  }
  #affiliateUrl.err {
    border-color:red;
  }
  #wheresLinkContent {
    display: none;
  }
    .popover {
      max-width: 480px;
    }
    .popover.left {
      margin-left: -20px;
    }
    .popover ul li {
      list-style: disc;
      color:#059bce;
      font:16px/22px Arial,Helvetica,sans-serif;
      margin-left: 15px;
    }
      .popover ul li span {
        color:#333333;
      }
      .popover ul li a {
        font-weight: bold;
        color:#059bce;
        text-decoration:underline;
      }
  .affiliateUrl > h2 {
    font:22px/30px openSansRegular, Arial, sans-serif;
    color:#2e3233;
    text-align:center;
    margin-top:61px;
  }

.content {
  margin: 0 auto;
  padding-bottom:150px;
  min-width: 940px;
  opacity: 0;
  transition: opacity .5s linear;
}

.content.loaded {
	opacity: 1;
}

  .sectionTabs {
    font: 14px openSansRegular, Arial, Helvetica, sans-serif;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border:0;
    padding: 0;
    background: none;
  }
  .sectionTabs .ui-tabs-panel {
    padding: 0;
  }
  .sectionTabs .ui-tabs-nav {
    text-align: center;
    background:#ecf3f6;
    border:0;
    border-bottom:#ddd 1px solid;
    padding: 0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    vertical-align: top;
  }
  .sectionTabs .ui-tabs-nav li {
    margin: 0;
    display: inline-block;
    float: none;
    border:#c8d2d7 1px solid;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-width: 1px 1px 1px 0;
    background: none;
    padding: 0!important;
    height:59px;
	border-bottom:#ddd 1px solid;
	margin-bottom: -5px!important;
  }
  .sectionTabs .ui-tabs-nav li:first-child {
    border-left:#ddd 1px solid;
  }
  .sectionTabs .ui-tabs-nav li a {
    font: 16px/18px openSansSemibold, Arial, Helvetica, sans-serif;
    color:#7a7f80;
    width:180px;
    padding: 12px 10px 11px 57px;
    height:36px;
    white-space:normal;
    text-align:left;
  }
    .sectionTabs .ui-tabs-nav li a sup {
      display:block;
      position:absolute;
      top:-1px;
      padding:1px 3px;
      right:-1px;
      text-transform: uppercase;
      background-color:#61bc1e;
      border:#4e9718 1px solid;
      color:#fff;
      font:9px/10px openSansBold, Arial, Helvetica, sans-serif;
    }

  .sectionTabs .ui-tabs-nav li.ui-state-active {
    background:#fff;
    border-bottom:#fff 1px solid;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
  }
  .sectionTabs .ui-tabs-nav li.ui-state-hover {
    background:#fff;
  }

  .sectionTabs .ui-tabs-nav li.ui-state-active a {
    color:#f78e31;
  }

  .sectionTabs .ui-tabs-nav li.ui-state-hover a {

  }
  .sectionTabs .ui-tabs-nav li i {
    position: absolute;
    left:12px;
    top:13px;
    width:32px;
    height:32px;
    background:#7a7f80 url('../images/tabsIcos.png');
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
  }


  .sectionTabs .ui-tabs-nav li.link-constructor i {
	background-repeat: no-repeat;
    background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7753 2.75071C13.9069 1.65776 15.4225 1.05299 16.9957 1.06666C18.5689 1.08033 20.0738 1.71135 21.1862 2.8238C22.2986 3.93624 22.9297 5.44112 22.9433 7.0143C22.957 8.58748 22.3522 10.1031 21.2593 11.2347L21.2471 11.2471L18.2472 14.247C17.639 14.8555 16.907 15.326 16.1009 15.6267C15.2947 15.9274 14.4334 16.0512 13.5752 15.9898C12.717 15.9283 11.8821 15.683 11.1271 15.2705C10.3721 14.858 9.71458 14.2879 9.19924 13.599C8.86843 13.1567 8.95877 12.53 9.40102 12.1992C9.84327 11.8684 10.47 11.9588 10.8008 12.401C11.1443 12.8603 11.5827 13.2404 12.086 13.5154C12.5894 13.7904 13.146 13.9539 13.7181 13.9949C14.2902 14.0359 14.8644 13.9533 15.4018 13.7528C15.9393 13.5524 16.4273 13.2387 16.8328 12.833L19.8264 9.83937C20.5514 9.0856 20.9525 8.07773 20.9434 7.03168C20.9343 5.98289 20.5136 4.97964 19.772 4.23801C19.0304 3.49638 18.0271 3.0757 16.9783 3.06659C15.9318 3.05749 14.9235 3.4589 14.1696 4.18453L12.455 5.88916C12.0634 6.27855 11.4302 6.2767 11.0408 5.88504C10.6515 5.49338 10.6533 4.86021 11.045 4.47083L12.765 2.76083L12.7753 2.75071Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.89915 8.37328C8.70526 8.07258 9.56661 7.94876 10.4248 8.01022C11.283 8.07168 12.1179 8.31698 12.8729 8.72949C13.6279 9.142 14.2854 9.71206 14.8008 10.401C15.1316 10.8433 15.0412 11.47 14.599 11.8008C14.1567 12.1316 13.53 12.0412 13.1992 11.599C12.8557 11.1397 12.4173 10.7596 11.914 10.4846C11.4106 10.2096 10.854 10.0461 10.2819 10.0051C9.7098 9.96413 9.13557 10.0467 8.59816 10.2471C8.06075 10.4476 7.57274 10.7613 7.16724 11.167L4.17359 14.1606C3.44856 14.9144 3.0475 15.9223 3.05659 16.9683C3.06571 18.0171 3.48638 19.0203 4.22802 19.762C4.96965 20.5036 5.9729 20.9243 7.02168 20.9334C8.06773 20.9425 9.0756 20.5414 9.82937 19.8164L11.5329 18.1129C11.9234 17.7224 12.5566 17.7224 12.9471 18.1129C13.3376 18.5034 13.3376 19.1366 12.9471 19.5271L11.2371 21.2371L11.2247 21.2493C10.0931 22.3422 8.57749 22.947 7.00431 22.9333C5.43113 22.9197 3.92625 22.2886 2.8138 21.1762C1.70135 20.0637 1.07034 18.5589 1.05667 16.9857C1.043 15.4125 1.64776 13.8969 2.74071 12.7653L2.75289 12.7529L5.75277 9.75302C5.75272 9.75306 5.75281 9.75297 5.75277 9.75302C6.361 9.1446 7.0931 8.67396 7.89915 8.37328Z' fill='white'/%3E%3C/svg%3E");
  }


  .sectionTabs .ui-tabs-nav li.searchWidget i {
    background-position:-33px 0;
  }

  .sectionTabs .ui-tabs-nav li.calendarWidget i {
    background-image: url('data:image/svg+xml;utf8,<svg width="22" height="21" viewBox="0 0 22 21" xmlns="http://www.w3.org/2000/svg"><title>6A318A68-CAB0-4147-98FC-ABA066C41191</title><g fill="rgb(255,255,255)" fill-rule="evenodd"><path d="M20.12 19.6c0 .218-.184.4-.41.4H1.422c-.226 0-.412-.182-.412-.4V3.4c0-.218.187-.4.413-.4H19.71c.226 0 .41.182.41.4v16.2zm1.006 0V3.4c0-.772-.637-1.4-1.417-1.4H1.42C.642 2 .006 2.628.006 3.4v16.2c0 .772.637 1.4 1.417 1.4H19.71c.78 0 1.416-.628 1.416-1.4z"/><path d="M6.04.5v4c0 .276.225.5.503.5s.503-.224.503-.5v-4c0-.276-.225-.5-.503-.5S6.04.224 6.04.5zm8.046 0v4c0 .276.225.5.503.5.276 0 .5-.224.5-.5v-4c0-.276-.224-.5-.502-.5-.28 0-.504.224-.504.5zM14.59 11h2.01c.278 0 .503-.224.503-.5v-2c0-.276-.225-.5-.502-.5h-2.01c-.28 0-.503.224-.503.5v2c0 .276.225.5.503.5zm0-1l.502.5v-2l-.503.5h2.01l-.503-.5v2l.503-.5h-2.01zm0 7h2.01c.278 0 .503-.224.503-.5v-2c0-.276-.225-.5-.502-.5h-2.01c-.28 0-.503.224-.503.5v2c0 .276.225.5.503.5zm0-1l.502.5v-2l-.503.5h2.01l-.503-.5v2l.503-.5h-2.01zM4.532 11h2.01c.28 0 .504-.224.504-.5v-2c0-.276-.225-.5-.503-.5h-2.01c-.28 0-.504.224-.504.5v2c0 .276.223.5.5.5zm0-1l.502.5v-2l-.502.5h2.01l-.502-.5v2l.503-.5h-2.01zm0 7h2.01c.28 0 .504-.224.504-.5v-2c0-.276-.225-.5-.503-.5h-2.01c-.28 0-.504.224-.504.5v2c0 .276.223.5.5.5zm0-1l.502.5v-2l-.502.5h2.01l-.502-.5v2l.503-.5h-2.01zm5.028-5h2.012c.278 0 .503-.224.503-.5v-2c0-.276-.225-.5-.503-.5H9.56c-.277 0-.503.224-.503.5v2c0 .276.226.5.503.5zm0-1l.503.5v-2L9.56 9h2.012l-.503-.5v2l.5-.5H9.56zm0 7h2.012c.278 0 .503-.224.503-.5v-2c0-.276-.225-.5-.503-.5H9.56c-.277 0-.503.224-.503.5v2c0 .276.226.5.503.5zm0-1l.503.5v-2l-.503.5h2.012l-.503-.5v2l.5-.5H9.56z"/></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px;
  }


  .sectionTabs .ui-tabs-nav li.banner i {
    background-position:-99px 0;
  }
    .sectionTabs .ui-tabs-nav li.ui-state-active i {
      background-color:#f78e31;
    }

  .widgetType {}
  .options label.animated {
    text-align: center;
    font: 18px/22px openSansRegular, Arial, Helvetica, sans-serif;
    color:#333;
    margin:0px 0 0px 53px;
  }
  .options label.animated sup {
    position: relative;
    top:-6px;
    font-size: 11px;
    color:#61bc1e;
  }
  .widgetType .inner {
    width:550px;
    height:60px;
    padding: 34px 0 37px;
    margin: 0 auto;
  }
  .widgetType .inner > p {
    float: left;
    font: 24px/60px openSansRegular, Arial, Helvetica, sans-serif;
    color:#2e3233;
  }
  .widgetType .inner fieldset {
    position: relative;
    overflow: hidden;
    width:374px;
    float: right;
  }
    .widgetType .inner fieldset input {
      position: absolute;
      top:-30px;
      left:-30px;
    }
    .widgetType .inner fieldset > label {
      color:#c7c6c6;
      border:#dddddd 1px solid;
      background:#ecf3f6;
      display: block;
      float: left;
      width:185px;
      height: 30px;
      padding-top: 30px;
      text-align: center;
      cursor:pointer;
      font: 18px/21px openSansRegular, Arial, Helvetica, sans-serif;
      position: relative;
      margin-right: -1px;
    }
    .widgetType .inner fieldset > input:checked + label {
      background-color:#059bce;
      cursor:default;
      color:#fff;
      border-color:#0884ae;
      position: relative;
      z-index: 1;
    }
      .widgetType .inner fieldset > label.vertical i,
      .widgetType .inner fieldset > label.horizontal i {
        background:url('../images/wiggetTypeIco.png');
        position: absolute;
        left:50%;
        display: block;
      }
      .widgetType .inner fieldset > label.vertical i {
        width:16px;
        height:18px;
        margin-left: -8px;
        top:9px;
        background-position: -17px 0;
      }
      .widgetType .inner fieldset > input:checked + label.vertical i {
        background-position: 0 0;
      }
      .widgetType .inner fieldset > label.horizontal i {
        width:41px;
        height:8px;
        top:15px;
        margin-left: -20px;
        background-position:0 -28px;
      }
      .widgetType .inner fieldset > input:checked + label.horizontal i {
        background-position: 0 -19px;
      }

  .paramsBlock {
    border:#dce3e6 1px solid;
  }
    .paramsBlock .preview {
      padding:19px 25px 57px;
    }
      .paramsBlock .preview .inner {
        position: relative;
      }
      .paramsBlock.vertical .preview .width .horizontal {
        display: none;
      }
      .paramsBlock .preview .width .vertical {
        display: none;
      }
      .paramsBlock.vertical .preview .width .vertical {
        display: inline;
      }

      .paramsBlock.vertical .preview .height .horizontal {
        display: none;
      }

      .paramsBlock .preview .height .vertical,
      .paramsBlock.vertical .preview .height .vertical.wn {
        display: none;
      }
      .paramsBlock.vertical .preview .height .vertical {
        display: inline;
      }

      .paramsBlock.vertical.wn .preview .height .vertical {
        display: none;
      }
      .paramsBlock.vertical.wn .preview .height .vertical.wn {
        display: inline;
      }

      .paramsBlock .preview #widgetPreview {
        margin:15px auto 0;
        min-height:58px;
        width: 700px;
      }
      .paramsBlock .preview .inner > .height,
      .paramsBlock .preview .inner > .width,
      .paramsBlock .preview .inner > s,
      .paramsBlock .preview .inner > b {
        display: block;
        position: absolute;
        text-align:center;
        color:#8fa8b3;
        font:9px/12px openSansRegular, Arial, Helvetica, sans-serif;
        text-transform:uppercase;
        overflow:hidden;;
      }
      .paramsBlock .preview .inner > .height strong,
      .paramsBlock .preview .inner > .width strong {
        font:10px/12px openSansBold, Arial, Helvetica, sans-serif;
      }
      .paramsBlock .preview .inner > .width {
        left:4px;
        bottom:-34px;
        width:140px;
        height:24px;
        left:50%;
        margin-left: -70px;
      }
      .paramsBlock .preview .inner > .height {
        width:50px;
        height:24px;
        text-align: center;
        top:50%;
        margin-top: -12px;
        left:-19px
      }
      .paramsBlock.vertical .preview .inner > .height {
        left:0;
      }

      .paramsBlock .preview .inner > s {
        width:4px;
        height:56px;
        border:#8fa8b3 1px solid;
        border-width:1px 0;
        left:50%;
        margin-left: -359px
      }
      .paramsBlock.vertical .preview .inner > s {
        height:230px;
        margin-left: -94px;
      }
      .paramsBlock.vertical.wn .preview .inner > s {
        height:188px;
      }

      .paramsBlock .preview .inner > b {
        width:698px;
        height:4px;
        border:#8fa8b3 1px solid;
        border-width:0 1px;
        left:50%;
        margin-left: -350px;
        bottom:-9px;
      }
      .paramsBlock.vertical .preview .inner > b {
        width:168px;
        margin-left: -85px;
      }


      .paramsBlock.vertical .preview #widgetPreview {
        margin:40px auto 0;
        width:170px;
      }
      .paramsBlock h2 {
        font: 24px/30px openSansRegular, Arial, Helvetica, sans-serif;
        margin-left:12px;
      }

    .paramsBlock .options {
      padding:24px 25px 20px;
      border-top:#dce3e6 1px solid;
      background-color:#ecf3f6;
      overflow: visible;
    }
    .paramsBlock .options h2 {
      margin-bottom: 21px;
    }
    .paramsBlock fieldset {
      border-radius: 0;
      -moz-border-radius:0;
      -webkit-border-radius: 0;
      border:#dce3e6 1px solid;
      padding: 10px 20px 23px;

    }
      .paramsBlock fieldset legend {
        margin-left: -13px;
        padding: 0 13px;
        font: 18px openSansRegular, Arial, Helvetica, sans-serif;
        color:#059bce;
      }
      .paramsBlock fieldset label,
      .paramsBlock fieldset div.to {
        margin-right: 25px;
        color:#808080;
        font: 18px openSansRegular, Arial, Helvetica, sans-serif;
        text-align: left;
      }
      .paramsBlock fieldset label.first {
        margin-left: 0;
      }
        .paramsBlock fieldset label input {
          margin-right: 3px;
        }


    .paramsBlock fieldset.background {
      float:left;
      width:348px;
      height: 137px;
    }
    .paramsBlock fieldset.theme,
    .paramsBlock fieldset.hidenights {
      float: right;
      width:318px;
      height: 47px;
    }
    .paramsBlock fieldset.hidenights {
      margin-top: 8px;
    }

      .paramsBlock fieldset.background .colors {
        overflow: hidden;
        position: relative;
        height:42px;
        margin-top: 20px;
      }
      .paramsBlock fieldset.background.url .colors {
        display: none;
      }
        .paramsBlock fieldset.background .colors .myColor {
          float: right;
          width:87px;
          font: 14px/16px openSansSemibold, Arial, Helvetica, sans-serif;
          color:#807e7e;
        }
          .paramsBlock fieldset.background .colors .myColor span {
            display: block;
            margin-top: 4px;
          }
        .paramsBlock fieldset.background .colors label {
          float: left;
          margin-left:6px;
        }
        .paramsBlock fieldset.background .colors label.first {
          margin: 0;
        }

        .paramsBlock fieldset.background .colors label input {
          position: absolute;
          top:-100px;
          left:-100px;
        }
        .paramsBlock fieldset.background .colors .myColor label {
          float: right;
        }
        .paramsBlock fieldset.background .colors i {
          width:36px;
          height:36px;
          display: block;
          border:#ecf3f6 2px solid;
          border-radius:20px;
          -moz-border-radius:20px;
          -webkit-border-radius:20px;
          cursor:pointer;
          background-color: #fff;
        }
        .paramsBlock fieldset.background .colors input:checked + i {
          border-color:#fff;
          box-shadow: 0 1px 1px  rgba(0,0,0,.25);
          -moz-box-shadow: 0 1px 1px  rgba(0,0,0,.25);
          -webkit-box-shadow: 0 1px 1px  rgba(0,0,0,.25);
          cursor:default;
        }
        .paramsBlock fieldset.background .colors .myColor i,
        .paramsBlock fieldset.background .colors .myColor input:checked + i {
          background-color:#fff;
          cursor:pointer;
        }
        .paramsBlock fieldset.background .colors i.blue {
          background-color:#059bce;
        }
        .paramsBlock fieldset.background .colors i.orange {
          background-color:#f78e31;
        }
        .paramsBlock fieldset.background .colors i.green {
          background-color:#61bc1e;
        }
        .paramsBlock fieldset.background .colors i.red {
          background-color:#fa3f4e;
        }
        .paramsBlock fieldset.background .colors i.cyan {
          background-color:#05c2ce;
        }
      .paramsBlock fieldset.background .url {
        display: none;
      }
      .paramsBlock fieldset.background.url .url {
        display:block;
        margin-top:20px;
      }
          .paramsBlock fieldset.background.url .url label span {
            font: 14px/21px openSansRegular, Arial, Helvetica, sans-serif;
          }
            .paramsBlock fieldset.background.url .url label span strong {
              font-family:openSansSemibold, Arial, Helvetica, sans-serif;
              font-weight:normal;
            }
          .paramsBlock fieldset.background.url .url label input {
            width: 312px;
            font: 16px/22px openSansRegular, Arial, sans-serif;
            height: 22px;
            padding: 8px 17px;
            border: #dfdfdf 1px solid;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -border-radius: 4px;
            margin: 0;
          }
    .paramsBlock.vertical {
      overflow: hidden;
    }
      #searchWidget .paramsBlock.vertical .preview {
        float: left;
        width: 284px;
      }
      #searchWidget .paramsBlock.vertical h2 {
        margin:0 0 21px 0;
      }

      .paramsBlock.vertical .options {
        float: right;
        width:433px;
        border-top:0;
        border-left:#dce3e6 1px solid;
      }
      .paramsBlock.vertical fieldset.background,
      .paramsBlock.vertical fieldset.theme,
      .paramsBlock.vertical fieldset.hidenights {
        float: none;
        width:auto;
      }
      .paramsBlock.vertical fieldset.background.url .url label input {
        width: 355px;
      }
      .paramsBlock.vertical fieldset.background.url .url label input.err {
        border-color:red;
      }
      .paramsBlock.vertical h2 {
        text-align: center;
      }

      #compSearchWidget .paramsBlock .preview .inner {
        text-align: center;
      }
      .paramsBlock .preview .inner .compWidgetPreview {
        display: inline-block;
        margin: 15px auto 0;
        width:700px;
      }
      .paramsBlock.vertical .preview .inner .compWidgetPreview {
        width:180px;
      }

      .paramsBlock .preview #widgetPreview {
      }
      #compSearchWidget .paramsBlock h2 {
        margin: 0;
      }
      #compSearchWidget .paramsBlock .preview .inner > s {
        margin-top: 15px;
        height:118px;
        margin-left:-362px;
      }
      #compSearchWidget .paramsBlock.vertical .preview .inner > s {
        margin-left:-100px;
        height: 430px;
      }
      #compSearchWidget .paramsBlock.vertical .preview .inner > .height {
        left: 230px;
      }
      #compSearchWidget .paramsBlock.vertical .preview .inner > b {
        width:178px;
        margin-left: -90px;
      }

.button {
  height: 50px;
  margin: 36px auto 0;
  color:#fff;
  background: #049dcf;
  text-align:center;
  font: 16px/48px openSansBold, Arial, Helvetica, sans-serif;
  font-weight: normal;
  cursor:pointer;
  border-radius: 3px;
  padding: 0 35px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;
  text-shadow: 0 1px 0 rgba(0,0,0,0.25);
  display: inline-block;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  border: none;
}

.button:hover {
  background: #0caadd;
}

.button:active {
  background: #0689b4;
  color: #ccc;
  text-shadow: none;
}

.button:focus {
  outline: none;
}

.button-orange {
  background: #f78e31;
}

.button-orange:hover {
  background: #f99841;
}

.button-orange:active {
  background:#e97e20;
}

.button-disabled {
  background: #ccc !important;
  text-shadow: none;
}

  #codeDialog {
    display: none;
    font:14px/20px "Courier New", Courier, monospace;
    padding: 15px 19px;
  }
  .ui-dialog.ui-widget-content {
    background: #fff;
    border:0;
    padding: 0;

  }
  .ui-dialog .ui-widget-header {
    background: none;
    border:0;
    border-bottom:#ecf3f6 1px solid;
    font:26px/81px openSansRegular, Arial, sans-serif;
    text-align: center;
    color:#333;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
  }
  .ui-dialog .ui-dialog-titlebar {
    padding:0;
  }
  .ui-dialog .ui-dialog-title {
    float: none;
    width:auto;
    margin: 0;
    text-align: center;
  }
  .ui-state-default.ui-dialog-titlebar-close,
  .ui-state-hover.ui-dialog-titlebar-close,
  .ui-state-active.ui-dialog-titlebar-close {
    width:34px;
    height:34px;
    position: absolute;
    top:0;
    right:0;
    margin:-16px -17px 0 0;
    background:url('../images/close.png') left top no-repeat;
    border:0;
    outline:none;
  }
  .ui-state-default.ui-dialog-titlebar-close > span,
  .ui-state-hover.ui-dialog-titlebar-close > span,
  .ui-state-active.ui-dialog-titlebar-close > span {
    display: none;
  }
  .ui-state-hover.ui-dialog-titlebar-close {
    background-position: 0 -35px;
  }

  .ui-state-active.ui-dialog-titlebar-close {
    background-position: 0 -70px;
  }

	.widgetType {}
	.widgetType fieldset.animated {
		text-align: center;
		font: 18px/22px openSansRegular, Arial, Helvetica, sans-serif;
		color:#333;
		margin: -26px 0 15px 137px;
	}
	.widgetType fieldset.animated sup {
		position: relative;
		top:-6px;
		font-size: 11px;
		color:#61bc1e;
	}
	.widgetType .inner {
		width:550px;
		height:60px;
		padding: 34px 0 37px;
		margin: 0 auto;
	}
	.widgetType .inner > p {
		float: left;
		font: 24px/60px openSansRegular, Arial, Helvetica, sans-serif;
		color:#2e3233;
	}
	.widgetType .inner fieldset {
		position: relative;
		overflow: hidden;
		width:374px;
		float: right;
	}
		.widgetType .inner fieldset input {
			position: absolute;
			top:-30px;
			left:-5000px;
		}
		.widgetType .inner fieldset > label {
			color:#c7c6c6;
			border:#dddddd 1px solid;
			background:#ecf3f6;
			display: block;
			float: left;
			width:185px;
			height: 30px;
			padding-top: 30px;
			text-align: center;
			cursor:pointer;
			font: 18px/21px openSansRegular, Arial, Helvetica, sans-serif;
			position: relative;
			margin-right: -1px;
		}
		.widgetType .inner fieldset > input:checked + label {
			background-color:#059bce;
			cursor:default;
			color:#fff;
			border-color:#0884ae;
			position: relative;
			z-index: 1;
		}
			.widgetType .inner fieldset > label.vertical i,
			.widgetType .inner fieldset > label.horizontal i {
				background:url('../images/wiggetTypeIco.png');
				position: absolute;
				left:50%;
				display: block;

			}
			.widgetType .inner fieldset > label.vertical i {
				width:16px;
				height:18px;
				margin-left: -8px;
				top:9px;
				background-position: -17px 0;
			}
			.widgetType .inner fieldset > input:checked + label.vertical i {
				background-position: 0 0;
			}
			.widgetType .inner fieldset > label.horizontal i {
				width:41px;
				height:8px;
				top:15px;
				margin-left: -20px;
				background-position:0 -28px;
			}
			.widgetType .inner fieldset > input:checked + label.horizontal i {
				background-position: 0 -19px;
			}

			.widgetType.tizerParams .inner fieldset > label.feed i,
			.widgetType.tizerParams .inner fieldset > label.grid i {
				background:url('../images/tizerTypeIco.png');
				position: absolute;
				left: 50%;
				display: block;
			}


			.widgetType.tizerParams .inner fieldset > label.feed i {
				width: 41px;
				height: 15px;
				margin-left: -20px;
				top: 10px;
				background-position: 0 -22px;
			}

			.widgetType.tizerParams .inner fieldset > label.grid i {
				width: 41px;
				height: 10px;
				margin-left: -20px;
				top: 13px;
				background-position: 0 0;
			}

			.widgetType.tizerParams .inner fieldset > input:checked + label.feed i {
				background-position: 0 -38px;
			}

			.widgetType.tizerParams .inner fieldset > input:checked + label.grid i {
				background-position: 0 -11px;
			}


  .searchWidgetPreview,
  .calendarWidgetPreview {
    margin-top: 15px;
  }
	.paramsBlock {
		border:#dce3e6 1px solid;
	}
		.paramsBlock .preview {
			padding:19px 25px 57px;
		}
			.paramsBlock .preview .inner {
				position: relative;
			}
			.paramsBlock.vertical .preview .width .horizontal {
				display: none;
			}
			.paramsBlock .preview .width .vertical {
				display: none;
			}
			.paramsBlock.vertical .preview .width .vertical {
				display: inline;
			}

			.paramsBlock.vertical .preview .height .horizontal {
				display: none;
			}

			.paramsBlock .preview .height .vertical,
			.paramsBlock.vertical .preview .height .vertical.wn {
				display: none;
			}
			.paramsBlock.vertical .preview .height .vertical {
				display: inline;
			}

			.paramsBlock.vertical.wn .preview .height .vertical {
				display: none;
			}
			.paramsBlock.vertical.wn .preview .height .vertical.wn {
				display: inline;
			}

			.paramsBlock .preview #widgetPreview {
				margin:15px auto 0;
				min-height:58px;
				width: 700px;
			}
			.paramsBlock .preview .inner > .height,
			.paramsBlock .preview .inner > .width,
			.paramsBlock .preview .inner > s,
			.paramsBlock .preview .inner > b {
				display: block;
				position: absolute;
				text-align:center;
				color:#8fa8b3;
				font:9px/12px openSansRegular, Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				overflow:hidden;;
			}
			.paramsBlock .preview .inner > .height strong,
			.paramsBlock .preview .inner > .width strong {
				font:10px/12px openSansBold, Arial, Helvetica, sans-serif;
			}
			.paramsBlock .preview .inner > .width {
				left:4px;
				bottom:-34px;
				width:140px;
				height:24px;
				left:50%;
				margin-left: -70px;
			}
			.paramsBlock .preview .inner > .height {
				width:50px;
				height:24px;
				text-align: center;
				top:50%;
				margin-top: -12px;
				left:-19px
			}
			.paramsBlock.vertical .preview .inner > .height {
				left:0;
			}

			.paramsBlock .preview .inner > s {
				width:4px;
				height:56px;
				border:#8fa8b3 1px solid;
				border-width:1px 0;
				left:50%;
				margin-left: -359px
			}
			.paramsBlock.vertical .preview .inner > s {
				height:230px;
				margin-left: -94px;
			}
			.paramsBlock.vertical.wn .preview .inner > s {
				height:188px;
			}

			.paramsBlock .preview .inner > b {
				width:698px;
				height:4px;
				border:#8fa8b3 1px solid;
				border-width:0 1px;
				left:50%;
				margin-left: -350px;
				bottom:-9px;
			}
			.paramsBlock.vertical .preview .inner > b {
				width:168px;
				margin-left: -85px;
			}


			.paramsBlock.vertical .preview #widgetPreview {
				margin:40px auto 0;
				width:170px;
			}
			.paramsBlock h2 {
				font: 24px/30px openSansRegular, Arial, Helvetica, sans-serif;
				margin-left:12px;
			}

			#tizer .paramsBlock .preview .inner > .width span {
				display: none;
			}
			#tizer .paramsBlock.feed .preview .inner > .width span {
				display: inline;
			}

		.paramsBlock .options h2 {
			margin-bottom: 21px;
		}
		.paramsBlock fieldset {
			border-radius: 0;
			-moz-border-radius:0;
			-webkit-border-radius: 0;
			border:#dce3e6 1px solid;
			padding: 10px 20px 23px;

		}
			.paramsBlock fieldset legend {
				margin-left: -13px;
				padding: 0 13px;
				font: 18px openSansRegular, Arial, Helvetica, sans-serif;
				color:#059bce;
			}
			.paramsBlock fieldset label.first {
				margin-left: 0;
			}
				.paramsBlock fieldset label input {
					margin-right: 3px;
				}

			.paramsBlock fieldset.size {
				position: relative;
			}
				.paramsBlock fieldset.size .byDefault {
					position: absolute;
					margin-top: -34px;
					left: 86px;
					background:#ECF3F6;
					padding: 0 10px;
				}

				.paramsBlock fieldset.size label.width,
				.paramsBlock fieldset.size label.height {
					width:180px;
					display: inline-block;
				}
				.paramsBlock fieldset.size label > span {
					font-size: 14px;
				}

		.paramsBlock.vertical fieldset.background {
			float:left;
			width:348px;
			height: 104px;
		}
		.paramsBlock fieldset.theme,
		.paramsBlock fieldset.hidenights {
			float: right;
			width:318px;
			height: 47px;
		}
		.paramsBlock fieldset.hidenights {
			margin-top: 8px;
		}

			.paramsBlock fieldset.background .colors {
				overflow: hidden;
				position: relative;
				height:42px;
				margin-top: 20px;
			}
			.paramsBlock fieldset.background.url .colors {
				display: none;
			}
				.paramsBlock fieldset.background .colors .myColor {
					float: right;
					width:87px;
					font: 14px/16px openSansSemibold, Arial, Helvetica, sans-serif;
					color:#807e7e;
				}
					.paramsBlock fieldset.background .colors .myColor span {
						display: block;
						margin-top: 4px;
					}
				.paramsBlock fieldset.background .colors label {
					float: left;
					margin-left:6px;
				}
				.paramsBlock fieldset.background .colors label.first {
					margin: 0;
				}

				.paramsBlock fieldset.background .colors label input {
					position: absolute;
					top:-100px;
					left:-100px;
				}
				.paramsBlock fieldset.background .colors .myColor label {
					float: right;
				}
				.paramsBlock fieldset.background .colors i {
					width:36px;
					height:36px;
					display: block;
					border:#ecf3f6 2px solid;
					border-radius:20px;
					-moz-border-radius:20px;
					-webkit-border-radius:20px;
					cursor:pointer;
					background-color: #fff;
				}
				.paramsBlock fieldset.background .colors input:checked + i {
					border-color:#fff;
					box-shadow: 0 1px 1px  rgba(0,0,0,.25);
					-moz-box-shadow: 0 1px 1px  rgba(0,0,0,.25);
					-webkit-box-shadow: 0 1px 1px  rgba(0,0,0,.25);
					cursor:default;
				}
				.paramsBlock fieldset.background .colors .myColor i,
				.paramsBlock fieldset.background .colors .myColor input:checked + i {
					background-color:#fff;
					cursor:pointer;
				}
				.paramsBlock fieldset.background .colors i.blue {
					background-color:#059bce;
				}
				.paramsBlock fieldset.background .colors i.orange {
					background-color:#f78e31;
				}
				.paramsBlock fieldset.background .colors i.green {
					background-color:#61bc1e;
				}
				.paramsBlock fieldset.background .colors i.red {
					background-color:#fa3f4e;
				}
				.paramsBlock fieldset.background .colors i.cyan {
					background-color:#05c2ce;
				}
			.paramsBlock fieldset.background .url {
				display: none;
			}
			.paramsBlock fieldset.background.url .url {
				display:block;
				margin-top:20px;
			}
					.paramsBlock fieldset.background.url .url label span {
						font: 14px/21px openSansRegular, Arial, Helvetica, sans-serif;
					}
						.paramsBlock fieldset.background.url .url label span strong {
							font-family:openSansSemibold, Arial, Helvetica, sans-serif;
							font-weight:normal;
						}
					.paramsBlock fieldset.background.url .url label input {
						width: 312px;
						font: 16px/22px openSansRegular, Arial, sans-serif;
						height: 22px;
						padding: 8px 17px;
						border: #dfdfdf 1px solid;
						border-radius: 4px;
						-moz-border-radius: 4px;
						-border-radius: 4px;
						margin: 0;
					}
		.paramsBlock.vertical {
			overflow: hidden;
		}
			#searchWidget .paramsBlock.vertical .preview {
				float: left;
				width: 284px;
			}
			#searchWidget .paramsBlock.vertical h2 {
				margin:0 0 21px 0;
			}

			.paramsBlock.vertical .options {
				float: right;
				width:433px;
				border-top:0;
				border-left:#dce3e6 1px solid;
			}
			.paramsBlock.vertical fieldset.background,
			.paramsBlock.vertical fieldset.theme,
			.paramsBlock.vertical fieldset.hidenights {
				float: none;
				width:auto;
			}
			.paramsBlock.vertical fieldset.background.url .url label input {
				width: 355px;
			}
			.paramsBlock.vertical fieldset.background.url .url label input.err {
				border-color:red;
			}
			.paramsBlock.vertical h2 {
				text-align: center;
			}

			#compSearchWidget .paramsBlock .preview .inner {
				text-align: center;
			}
			.paramsBlock .preview .inner .compWidgetPreview {
				display: inline-block;
				margin: 15px auto 0;
				width:700px;
			}
			.paramsBlock.vertical .preview .inner .compWidgetPreview {
				width:180px;
			}

			.paramsBlock .preview #widgetPreview {
			}
			#compSearchWidget .paramsBlock h2 {
				margin: 0;
			}
			#compSearchWidget .paramsBlock .preview .inner > s {
				margin-top: 15px;
				height:118px;
				margin-left:-362px;
			}
			#compSearchWidget .paramsBlock.vertical .preview .inner > s {
				margin-left:-100px;
				height: 430px;
			}
			#compSearchWidget .paramsBlock.vertical .preview .inner > .height {
				left: 230px;
			}
			#compSearchWidget .paramsBlock.vertical .preview .inner > b {
				width:178px;
				margin-left: -90px;
			}


	#codeDialog {
		display: none;
		font:14px/20px "Courier New", Courier, monospace;
		padding: 15px 19px;
	}
	.ui-dialog.ui-widget-content {
		background: #fff;
		border:0;
		padding: 0;

	}
	.ui-dialog .ui-widget-header {
		background: none;
		border:0;
		border-bottom:#ecf3f6 1px solid;
		font:26px/81px openSansRegular, Arial, sans-serif;
		text-align: center;
		color:#333;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
	}
	.ui-dialog .ui-dialog-titlebar {
		padding:0;
	}
	.ui-dialog .ui-dialog-title {
		float: none;
		width:auto;
		margin: 0;
		text-align: center;
	}
	.ui-state-default.ui-dialog-titlebar-close,
	.ui-state-hover.ui-dialog-titlebar-close,
	.ui-state-active.ui-dialog-titlebar-close {
		width:34px;
		height:34px;
		position: absolute;
		top:0;
		right:0;
		margin:-16px -17px 0 0;
		background:url('../images/close.png') left top no-repeat;
		border:0;
		outline:none;
	}
	.ui-state-default.ui-dialog-titlebar-close > span,
	.ui-state-hover.ui-dialog-titlebar-close > span,
	.ui-state-active.ui-dialog-titlebar-close > span {
		display: none;
	}
	.ui-state-hover.ui-dialog-titlebar-close {
		background-position: 0 -35px;
	}

	.ui-state-active.ui-dialog-titlebar-close {
		background-position: 0 -70px;
	}

.ui-widget-overlay {
  background: url('../images/overlayBg.png');
  background: rgba(0,0,0,.8);
  opacity: 1;
  filter: Alpha(Opacity=100);
}

#banner {

}
  #banner .bannerSize {}
    #banner .bannerSize .inner {
      width: 550px;
      height: 50px;
      padding: 33px 0 37px;
      margin: 0 auto;
      width: 467px;
    }
    #banner .bannerSize .inner > p {
      float: left;
      font: 24px/50px openSansRegular, Arial, Helvetica, sans-serif;
      color: #059bce;
    }
    #banner .bannerSize .inner > select {
      float: right;
      color:#333;
      font:18px/22px Arial, Helvetica, sans-serif;
      width:240px;
      height:50px;
      border:#ddd 1px solid;
      background:none;
      border-radius:4px;
      padding: 13px 12px 13px 14px;

    }
    #banner .bannerPlace {
      padding:34px 45px;
      border:#dce3e6 1px solid;
      text-align: center;
    }
    #banner .bannerPlace img {
      max-width:728px;
    }

#tizerPreview {
  display: inline-block;
}
#tizer {
  text-align:center;
}

#tizer .paramsBlock {
	min-width:818px;
	margin:0 auto;
	display: inline-block;
}
#tizer .paramsBlock .preview {
  padding-left:70px;
  overflow: hidden;
}
  #tizer .paramsBlock .preview.loading {
    min-height: 198px;
    background: url('../images/loading.gif') center center no-repeat;
  }
#tizer .paramsBlock h2 {
  margin-bottom: 20px;
  margin-left: -45px;
}
#tizer .paramsBlock .inner {
   text-align: center;
}
  #tizer .paramsBlock .preview.loading .inner {
    min-height: 198px;
  }
  #tizer .paramsBlock .preview.loading .inner > * {
    display: none;
  }
#tizer .paramsBlock .preview .inner > .height {
  left:50%;
}


  #tizer .paramsBlock fieldset label:first-child {
    margin-left: 0;
  }
  #tizer .paramsBlock fieldset label.number {
    width:82px;
  }
  #tizer .paramsBlock fieldset label.number .ui-spinner input {
    width:70px;
  }
  #tizer .paramsBlock fieldset label.width {
    width: 170px;
  }
    #tizer .paramsBlock fieldset label.width .ui-spinner input {
      width:158px;
    }

	#tizer .paramsBlock fieldset label.to select {
		display: inline-block;
	}
	#searchWidget .paramsBlock fieldset label.to input {
		padding: 0 6px;
		border: none;
	}
	#searchWidget .search-widget__first-field fieldset:first-child {
    margin-right: 20px;
  }
  .ui-spinner {
    background: #fff;
  }
    .ui-spinner input {
      height: 29px;
      font-size: 16px;
      color: #333;
      font-weight: normal;
    }
.footer {
  margin-top: -100px;
  text-align: center;
  background:#dce3e6;
  height:100px;
  font:18px/normal openSansRegular, Arial, sans-serif;
  color:#b8c6cc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
	.footer > span {
		font-weight: bold;
		color: #909A9E;
		display: block;
	}
  .footer .cityAds {
    width:194px;
    height:49px;
    background: url('../images/cityadsLogo.png');
    display: inline-block;
    text-indent: -9999px;
    vertical-align: middle;
    margin-left: 12px;
    position:relative;
    top:-2px;
  }

.preText,
.preReg {
  width:820px;
  padding: 0 20px;
  margin: 0 auto;
  padding-bottom: 40px;
}
  .preText > h1,
  .preReg > h1 {
    font:36px openSansRegular, Arial, sans-serif;
    font-weight: normal;
    color:#012633;
    margin: 40px 0 0;
  }
  .preText > p,
  .preReg > p {
    margin: 0 0 27px;
    color:#808080;
    font:18px/24px openSansRegular, Arial, sans-serif;
  }
  .preText > ul {
    border: 1px solid #dde3e6;
    padding: 18px 26px;
    background-color:#f1f7f9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  .preText > ul li {
    font:18px/30px openSansRegular, Arial, sans-serif;
    color:#012633;
    margin-top: 20px
  }
    .preText > ul li:first-child {
      margin-top:0;
    }
    .preText > ul li a {
      color:#059bce;
      text-decoration: underline;
    }
    .preText > ul li i {
      font:16px/28px openSansSemibold, Arial, sans-serif;
      color:#fff;
      border-radius: 30px;
      -moz-border-radius: 30px;
      -webkit-border-radius: 30px;
      background:#f78e31;
      border:#c9680b 1px solid;
      display: block;
      width:28px;
      text-align: center;
      float: left;
      margin-right: 20px;
    }
    .preText .button {
      margin: 30px 20px 0 0;
    }

.preReg h4 {
  margin: 50px 0 0;
  color: #ec933d;
  font: normal 18px/28px openSansBold, Arial, sans-serif;
}

#searchWidget,
#calendarWidget,
#banner {
  max-width:1300px;
  margin: 0 auto;
}


.ui-multiselect-header ul li {
  display: block;
  width: 88px;
  padding:1px 4px 4px;
}
.ui-multiselect-header ul li .ui-icon {
  position: relative;
  top:4px;
}
.ui-widget-content button.countriesMultiselect {
  display: block;
  width: 100%;
  height: 38px;
  background: #fff;
  border: 1px solid #DDD;
  padding: 0;
  margin: 0;
  font-size: 13px;
  line-height: 38px;
  padding: 0 18px 0 6px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left;
  width: 200px !important;
  top: 2px;
}

.ui-widget-content .countriesMultiselect > span {
  font-size: 16px;
  line-height: 38px;
  color:#333;
  font-weight: normal;
}
.ui-widget-content .countriesMultiselect.ui-multiselect span.ui-icon {
  position: absolute;
  background: url(../images/form-select.png) 100% center no-repeat;
  right:6px;
  top:10px;
}
.countriesMultiselect .ui-widget-header {
  -moz-border-radius:0;
  -webkit-border--radius:0;
  -khtml-border-radius:0;
  border-radius:0;
  background: none;
  border:#dddddd 1px solid;
  border-width:0 0 1px 0;
  padding: 0;
}
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon
.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_b3b3b3_256x240.png);
}
.messageBlock {
  border:#bde18b 1px solid;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:#e5f6d9;
  color:#424241;
  font:16px/22px openSansRegular, Arial, sans-serif;
  padding:17px 15px 17px 95px;
  position: relative;
  margin-top: 29px;
}
  .messageBlock i {
    width:36px;
    height:36px;
    background:url('../images/icoInfo.png') center center no-repeat;
    position:absolute;
    top:50%;
    left:28px;
    margin-top: -18px;
  }

  .messageBlock .click {
    cursor:pointer;
  }

.messageBlock.warning {
  background:#f7f3e2;
  border-color:#dbce98;
}
  .messageBlock.warning i {
    background-image:url('../images/icoWarning.png');
  }


/*
* Form
*/

.subscribe-form-inner {
  margin-left: -25px;
}

#generateCode.button {
  width: 320px;
  display: block;
}

.preReg ul li {
  color: #808080;
  font: 18px/24px openSansBold, Arial, sans-serif;
}

.preReg ul > li:before{
    content: "—";
    margin-left: 0;
    margin-right: 4px;
  }

.preReg form {
    border-radius: 4px;
    background: #f1f7f9;
    padding: 40px 65px;
    min-height: 862px;
    font: 18px openSansRegular, Arial, sans-serif;
    color: #737d80;
    margin-top: 40px;
    border: 1px solid #dde3e6;
  }

  .preReg label {
    color: #737d80;
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
    float: left;
  }
  .preReg label.error {
    background: #fff;
    position: absolute;
    padding: 5px 10px;
    font-size: 12px;
    color: #f75108;
    top: 35px;
    left: 3px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    max-width: 300px;
    border-radius: 2px;
    z-index: 2;
  }

  .preReg .checkbox-group label.error {
    bottom: -27px;
    left: 10px;
    top: auto;
  }

  .preReg label.error:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -6px;
  }
  .preReg label.error:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-bottom: 6px solid rgba(0,0,0,0.2);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -7px;
  }

  .preReg input[type="text"],
  .preReg input[type="password"],
  .preReg input[type="email"] {
    border: 1px solid #dde3e6;
    padding: 5px 12px;
    height: 28px;
    font-size: 16px;
    border-radius: 2px;
    width: 290px;
  }


  .full-width input[type="text"],
  .full-width input[type="password"],
  .full-width input[type="email"] {
    width: 631px;
  }

  .control-group.fourth-width .controls {
    margin-left: -15px;
  }

  .fourth-width .controls:after {
    display: block;
    content: "";
    clear: both;
  }

  .fourth-width input[type="text"],
  .fourth-width input[type="password"],
  .fourth-width input[type="email"] {
    width: 125px;
    margin-left: 15px;
    display: block;
    float: left;
  }

  .fourth-width label.error {
    left: 18px;
  }

  .preReg input.valid {
    border-color: #89cc7a;
  }

  .preReg input.error {
    border-color: #f75108;
  }

  .preReg input[type="text"]:focus,
  .preReg input[type="email"]:focus {
    outline: 0;
    border-color: #7fb6ca;
  }

  .preReg .button {
    margin-top: 0;
  }

  .preReg .small {
    font-size: 14px;
    padding-left: 3px;
  }

  .preReg .astr {
    color: #f75108;
    position: relative;
  }

.preReg textarea {
  display: none;
  border: 1px solid #dde3e6;
  padding: 5px 12px;
  height: 28px;
  border-radius: 2px;
  margin: 10px 0 0;
  font: normal 16px openSansRegular, Arial, sans-serif;
  resize: none;
  height: 77px;
}
.preReg textarea:focus {
  outline: none;
  border-color: #7fb6ca;
}

.left-side {
  float: left;
  width: 50%;
}

.right-side {
  float: right;
  width: 50%;
}

.control-group  {
  display: block;
  float: left;
  width: auto;
  margin: 0 0 17px 25px;
}

.control-group  .controls {
  position: relative;
  clear: both;
}

.action-group .controls {
  clear: both;
  padding-top: 18px;
  text-align: center;
}

.checkbox-group {
  border-radius: 2px;
  border: 1px solid #dee4e7;
  padding: 5px 15px;
  width: 280px;
  position: relative;
}
.checkbox-group input {
  display: block;
  float: left;
  margin: 5px 5px 10px 5px;
}

#otherSource {
  position: relative;
}

#otherSourceText {
  width: 260px;
  margin: 0;
}

.checkbox-group label {
  display: block;
  margin: 8px 0;
  float: none;
  color: #293033;
  font-size: 16px;
}

.full-width {
  clear: both;
  text-align: center;
  float: none;
}
.full-width .controls {
  text-align: center;
  width: 312px;
  margin: 0 auto;
}
.full-width label {
  float: none;
}

.fourth-width label.error {
  width: 127px;
}

.fourth-width #icq + label.error {
  left: 183px;
}


.form-footer {
  text-align: center;
  margin-top: 30px;
  font-size: 16px;
  color: #293033;
}

.support-text {
  margin-top: 20px;
  font: normal 14px/17px openSansRegular, Arial, sans-serif;
  color: #737d80;
}

.support-text a {
  color: #737d80;
  text-decoration: underline;
}

/*
* Form ajax messages
*/

.form-msg-success,
.form-msg-error,
.form-msg-sending {
  text-align: center;
  display: none;
  margin-top: 380px;
}

  .form-msg h2 {
    font-size: 24px;
    font-family: "openSansSemibold";
    margin-bottom: 5px;
  }

  .form-msg p {
    font-size: 16px;
    color: #737d80;
  }

.form-msg-success h2 {
  color: #57b347;
}

.form-msg-error h2 {
  color: #f75108;
}

.form-msg-sending h2 {
  color: #737d80;
}


form.success .form-msg-success {
  display: block;
}

form.sending .form-msg-sending {
  display: block;
}

form.error .form-msg-error {
  display: block;
}

form.sending .form-inner,
form.error .form-inner,
form.success .form-inner {
  display: none;
}

.deeplinkWrap {
	font-family: "openSansRegular";
	font-size: 14px;
	margin: 50px 0 0;
	padding-top: 20px;
	border-top: 1px solid #dce3e6;
	overflow: hidden;
	display: none;
}

.deeplinkInner {
	width: 600px;
	margin: 30px auto;
}

.deeplinkInputs {
	border: #dce3e6 1px solid;

}

	.deeplinkInputs label {
		display: block;
		margin: 20px 0;
		padding: 0 20px;
		color: #777;
	}

		.deeplinkInputs label.error {
			padding: 0;
			margin: 0;
			color: red;
			font-size: 12px;
		}

	.deeplinkInputs h2 {
		margin: 0 auto;
		padding: 10px 20px ;
		background: #ecf3f6;
		text-align: center;
		color: #7a7f80;
		font: 22px/30px openSansSemibold, Arial, sans-serif;
		border-bottom: #dce3e6 1px solid;

	}

	.deeplinkInner input {
		display: block;
		background: #fff;
		border: 1px solid #DDD;
		padding: 0;
		margin: 10px 0;
		font-size: 14px;
		line-height: 20px;
		padding: 6px;
		position: relative;
		z-index: 1;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		width: 546px;
		border-radius: 3px;
	}

		.deeplinkInner input.error {
			border-color: red;
		}

	.deeplinkBtnGroup {
		overflow: hidden;
		display: none;
	}

		.deeplinkBtnGroup .deeplinkBtn {
			float: left;
			border-radius: 0 3px 3px 0;
		}

		.deeplinkBtnGroup input {
			float: left;
			border-radius: 3px 0 0 3px;
			width: 407px;
			border-right: none;
			margin: 30px 0 0;
			border-color: #adadad;
		}

		.deeplinkBtnGroup.noFlash .deeplinkBtn {
			display: none;
		}

		.deeplinkBtnGroup.noFlash input {
			border-right-width: 1px;
			border-right-style: solid;
			width: 585px;
			border-radius: 3px;
		}

	.deeplinkBtn {
		display: block;
		text-align: center;
		color: #fff;
		background: #059bce;
		box-shadow: 0 0 0 1px rgba(0,0,0,0.25) inset;
		text-shadow: 0 1px 0 rgba(0,0,0,0.25);
		border: none;
		margin: 30px auto 0;
		font-size: 14px;
		line-height: 22px;
		padding: 6px;
		position: relative;
		z-index: 1;
		font-family: "openSansRegular",Arial, Helvetica, sans-serif;
		width: 180px;
		border-radius: 3px;
		cursor: pointer;
		outline: none;
	}

	.deeplinkBtnCopy {
		background: #f78e31;
		color: #fff;
	}

		.deeplinkBtnCopy p {
			display: none;
		}

	.deeplinkBtnDisabled {
		background: #f7f7f7;
	}

	.deeplinkCopyMsg {
		color: #69b73f;
		font-size: 12px;
		padding: 10px;
		text-align: center;
		clear: both;
		height: 16px;
	}

	.jq-toast-loaded {
		opacity: 0;
	}

    select option:disabled {
      color:#eee;
    }

  .field-wrap {
    display: flex;
    align-items: end;
    justify-content: center;
  }

  .form__submit-button {
    margin: 0;
  }