html
{
    min-height: 100%;
    min-width: 1200px;
    width:100%
}

body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    border-color: transparent;
    font-family: sans-serif;
    font-weight: normal;
}
a{
    text-decoration:none;
    color: white;
}
@font-face {
    font-family: "NeoSansProBold";
    src: url('../fonts/neosanspro-bold.woff') format('woff');
}
@font-face {
    font-family: "NeoSansProLight";
    src: url('../fonts/neosanspro-light.woff') format('woff');
}
@font-face {
    font-family: "NeoSansProMedium";
    src: url('../fonts/neosanspro-medium.woff') format('woff');
}
@font-face {
    font-family: "NeoSansProRegular";
    src: url('../fonts/neosanspro-regular.woff') format('woff');
}

.page {
    z-index: 1;
    width: 100%;
    min-height: 800px;
    background-image: none;
    border-width: 0px;
    border-color: #000000;
    background-color: transparent;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.header{
    border-width: 0px;
    border-color: transparent;
    background: transparent url("../images/dom.jpg") no-repeat center center;
    background-size: cover;
    width:100%;
    height:15%;
    min-height: 116px;
}
.ccolumn{
    min-width: 800px;
    width:80%;
    margin: 0 auto;
}
.slide1{
    border-width: 0px;
    border-color: transparent;
    background: transparent url("../images/zabor_bled_2.jpg") repeat-x;
    width:100%;
    min-height: 590px;
    box-shadow: 0px 15px 5px 0px rgba(0,0,0,0.75);
}
.f8n{
    font-size: 8px;
    line-height: 9px;
    font-family: 'NeoSansProRegular';
    font-weight: 200;
}
.f10n{
    font-size: 10px;
    line-height: 11px;
    font-family: 'NeoSansProRegular';
    font-weight: 200;
}
.f14n{
    font-size: 14px;
    line-height: 16px;
    font-family: 'NeoSansProRegular';
    font-weight: 400;
}
.f16n{
    font-size: 16px;
    line-height: 19px;
    font-family: 'NeoSansProRegular';
    font-weight: 400;
}
.f18n{
    font-size: 18px;
    line-height: 20px;
    font-family: 'NeoSansProRegular';
    font-weight: 400;
}
.f20b{
    font-size: 20px;
    line-height: 22px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f20n{
    font-size: 20px;
    line-height: 22px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f20l{
    font-size: 20px;
    line-height: 22px;
    font-family: 'NeoSansProLight';
    font-weight: 300;
}
.f24n{
    font-size: 24px;
    line-height: 28px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f26n{
    font-size: 26px;
    line-height: 38px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f26b{
    font-size: 26px;
    line-height: 28px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f30n{
    font-size: 28px;
    line-height: 32px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f30b{
    font-size: 28px;
    line-height: 32px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f30l{
    font-size: 28px;
    line-height: 32px;
    font-family: 'NeoSansProLight';
    font-weight: 300;
}
.f34b{
    font-size: 34px;
    line-height: 36px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f34n{
    font-size: 34px;
    line-height: 36px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f41n{
    font-size: 41px;
    line-height: 45px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}
.f46b{
    font-size: 46px;
    line-height: 52px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f50b{
    font-size: 50px;
    line-height: 55px;
    font-family: 'NeoSansProBold';
    font-weight: normal;
}
.f70n{
    font-size: 70px;
    line-height: 85px;
    font-family: 'NeoSansProRegular';
    font-weight: normal;
}

.shadowdown{
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.75);
}
.shadowup{
    box-shadow: -0px -0px 15px 0px rgba(0,0,0,0.50);
}
.orderblue{
    box-shadow: -0px -0px 15px 0px rgba(0,0,0,0.50);
    background-color: #0071bc;
    color:white;
    border: 3px solid #ffffff;
}
.orderwhite{
    box-shadow: -0px -0px 15px 0px rgba(0,0,0,0.50);
    background-color: white;
    color:#0071bc;
    border: 3px solid #0071bc;
}

#u519-4_img{
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}
.rotate1{
    -ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}

.circle120 {
    width: 120px;
    height: 120px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background-color:#3f90bb;
}
.border3s{
    border: 3px solid #ffffff;
}

.arrowright{
  transform: rotate(270deg) translate(0px, 25px);
  -webkit-transform: rotate(270deg) translate(0px, 25px);
  -moz-transform: rotate(270deg) translate(0px, 25px);
  -o-transform: rotate(270deg) translate(0px, 25px);
  -ms-transform: rotate(270deg) translate(0px, 25px);
}
//radio
/* Cначала обозначаем стили для IE8 и более старых версий
т.е. здесь мы немного облагораживаем стандартный чекбокс. */
.checkbox {
    vertical-align: top;
    margin: 0 3px 0 0;
    width: 17px;
    height: 17px;
}
/* Это для всех браузеров, кроме совсем старых, которые не поддерживают
селекторы с плюсом. Показываем, что label кликабелен. */
.checkbox + label {
    cursor: pointer;
}

/* Далее идет оформление чекбокса в современных браузерах, а также IE9 и выше.
Благодаря тому, что старые браузеры не поддерживают селекторы :not и :checked,
в них все нижеследующие стили не сработают. */

/* Прячем оригинальный чекбокс. */
.checkbox:not(checked) {
    position: absolute;
    opacity: 0;
}
.checkbox:not(checked) + label {
    position: relative; /* будем позиционировать псевдочекбокс относительно label */
    padding: 0 0 0 60px; /* оставляем слева от label место под псевдочекбокс */
}
/* Оформление первой части чекбокса в выключенном состоянии (фон). */
.checkbox:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 50px;
    height: 26px;
    border-radius: 13px;
    background: #CDD1DA;
    box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}
/* Оформление второй части чекбокса в выключенном состоянии (переключатель). */
.checkbox:not(checked) + label:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    //transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */
}
/* Меняем фон чекбокса, когда он включен. */
.checkbox:checked + label:before {
    background: #9FD468;
}
/* Сдвигаем переключатель чекбокса, когда он включен. */
.checkbox:checked + label:after {
    left: 26px;
}
/* Показываем получение фокуса. */
.checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}

.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #e39a41;
    border-radius: 50%;
    background: #ffffff;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e39a41;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(227,154,65,.5);
}

.inputtext{
    width: 496px;
    min-height: 27px;
    padding: 6px;
    border-radius: 5px;
}
.c7F7F7F{
    color: #7F7F7F;
}
.c000000{
    color: #000000;
}
.arrow.right{
  transform: rotate(270deg) translate(0px, 25px);
  -webkit-transform: rotate(270deg) translate(0px, 25px);
  -moz-transform: rotate(270deg) translate(0px, 25px);
  -o-transform: rotate(270deg) translate(0px, 25px);
  -ms-transform: rotate(270deg) translate(0px, 25px);
}