/********** FONTS **********/

@font-face {
    font-family: "Penta";
    src: url("./fonts/penta-bold.eot"); /* IE9 Compat Modes */
    src: url("./fonts/penta-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/penta-bold.otf") format("opentype"), /* Open Type Font */
    url("./fonts/penta-bold.svg") format("svg"), /* Legacy iOS */
    url("./fonts/penta-bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/penta-bold.woff") format("woff"), /* Modern Browsers */
    url("./fonts/penta-bold.woff2") format("woff2"); /* Modern Browsers */
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Penta";
    src: url("./fonts/penta.eot"); /* IE9 Compat Modes */
    src: url("./fonts/penta.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/penta.otf") format("opentype"), /* Open Type Font */
    url("./fonts/penta.svg") format("svg"), /* Legacy iOS */
    url("./fonts/penta.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/penta.woff") format("woff"), /* Modern Browsers */
    url("./fonts/penta.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensanslight.woff2') format('woff2'), url('fonts/opensanslight.woff') format('woff'), url('fonts/opensanslight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('fonts/opensanslightitalic.woff2') format('woff2'), url('fonts/opensanslightitalic.woff') format('woff'), url('fonts/opensanslightitalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/opensansitalic.woff2') format('woff2'), url('fonts/opensansitalic.woff') format('woff'), url('fonts/opensansitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('fonts/opensanssemibold.woff2') format('woff2'), url('fonts/opensanssemibold.woff') format('woff'), url('fonts/opensanssemibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('fonts/opensanssemibolditalic.woff2') format('woff2'), url('fonts/opensanssemibolditalic.woff') format('woff'), url('fonts/opensanssemibolditalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensansbold.woff2') format('woff2'), url('fonts/opensansbold.woff') format('woff'), url('fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/opensansbolditalic.woff2') format('woff2'), url('fonts/opensansbolditalic.woff') format('woff'), url('fonts/opensansbolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('fonts/opensansextrabold.woff2') format('woff2'), url('fonts/opensansextrabold.woff') format('woff'), url('fonts/opensansextrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('fonts/opensansextrabolditalic.woff2') format('woff2'), url('fonts/opensansextrabolditalic.woff') format('woff'), url('fonts/opensansextrabolditalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

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

@font-face {
    font-family: 'nx';
    src: url('fonts/nx.woff2?27685185') format('woff2'),
    url('fonts/nx.woff?27685185') format('woff'),
    url('fonts/nx.ttf?27685185') format('truetype'),
    url('fonts/nx.svg?27685185#nx') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********** H1 - H6 **********/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    display: block;
    font-weight: normal;
    line-height: 1.1;
    color: inherit;
    text-align: left;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
    font-family: 'Penta', "Open Sans", sans-serif;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
    font-weight: normal;
    line-height: 1;
    font-size: 70%;
}

h1, .h1 {
    font-size: 48px;
    line-height: 1.1;
}

h1.template,
.h1.template {
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 40px;
}

h2, .h2 {
    font-size: 36px;
    /*padding-bottom: 0.5em;*/
}

h3, .h3 {
    font-size: 24px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    line-height: 1.3;
}

h4, .h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    text-transform: none;
    line-height: 1.3;
}

h5, .h5 {
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

h6, .h6 {
    font-size: 15px;
    font-style: italic;
    font-weight: normal;
}

@media only screen and (max-width: 640px) {

    h1, .h1 {
        font-size: 32px;
        line-height: 1.1;
    }

    h2, .h2 {
        font-size: 28px;
    }

    h3, .h3 {
        font-size: 24px;
    }

    h4, .h4 {
        font-size: 20px;
    }

    h1.template, .h1.template {
        margin-top: 20px;
        padding-bottom: 0;
        margin-bottom: 20px;
    }
}

/********** LINK STYLE **********/

a {
    color: #4cb3ba;
    background-color: transparent;
}

a:focus {
    outline: none;
}

a:active, a:hover {
    outline: none;
}

a.file,
a.video-file,
.not-found-file {
    display: inline-block;
    padding: 0.1em 0 0.3em 4.9em;
    position: relative;
    line-height: 1.7;
    font-size: 16px;
    color: #002c3e;
    text-decoration: none;
    margin-bottom: 20px;
    font-weight: 500;
}

a.video-file {
    min-height: 65px;
    padding-top: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

a.file .size {
    display: inline-block;
    width: 100%;
    color: #4cb3ba;
    font-weight: 300;
}

.not-found-file {
    min-height: 60px;
    font-weight: 600;
}

a.file:before,
.not-found-file:before,
a.video-file:before {
    content: "";
    position: absolute;
    top: 30px;
    z-index: 3;
}

a.file:before,
.not-found-file:before {
    left: 10px;
    -webkit-transform: translateY(-53%);
    -ms-transform: translateY(-53%);
    transform: translateY(-53%);
    width: 46px;
    height: 46px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNjYgMTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNjYgMTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTgyLjUsMTg4Yy0yMi41LDAtNDUsMC02Ny41LDBjLTcuNywwLTEwLjQtMi42LTEwLjQtMTBjLTAuMS0xNC4zLTAuMS0yOC43LDAtNDNjMC02LjMsMy44LTkuOCw5LjItOS4xCgkJYzQuMiwwLjYsNi43LDMuNyw2LjcsOS4xYzAuMSwxMC43LDAuMiwyMS4zLDAsMzJjLTAuMSwzLjksMS4xLDUsNSw1YzM4LjMtMC4xLDc2LjYtMC4xLDExNC45LDBjNCwwLDUuMS0xLjEsNS01CgkJYy0wLjItMTAuNy0wLjItMjEuMywwLTMyYzAuMS02LjMsMy45LTkuOSw5LjItOS4xYzQuMiwwLjcsNi42LDMuNCw2LjYsNy41YzAuMSwxNS41LDAuMiwzMSwwLDQ2LjVjLTAuMSw1LjQtMy4zLDgtOS4zLDgKCQlDMTI4LjgsMTg4LDEwNS42LDE4OCw4Mi41LDE4OHoiLz4KCTxwYXRoIGQ9Ik03NSwxMDAuNWMwLTIyLjIsMC00My40LDAtNjQuNWMwLTYuMiwwLTEyLjMsMC0xOC41YzAtNS45LDMuMS05LjUsNy45LTkuNWM0LjksMCw4LDMuNSw4LDkuNGMwLDI2LjUsMCw1MywwLDc5LjUKCQljMCwwLjgsMCwxLjYsMCwyLjRjMS45LDAuNiwyLjUtMSwzLjMtMS44YzUuNS01LjQsMTAuOC0xMC45LDE2LjItMTYuM2M0LjEtNCw4LjUtNC4yLDExLjktMC45YzMuNCwzLjMsMy40LDguMS0wLjQsMTIKCQljLTExLDExLjItMjIsMjIuMy0zMy4xLDMzLjNjLTMuNywzLjctOC4yLDMuNy0xMS45LDBjLTExLjItMTEuMi0yMi40LTIyLjQtMzMuNS0zMy43Yy0zLjUtMy42LTMuNC04LjQtMC4xLTExLjYKCQljMy4zLTMuMiw3LjgtMy4yLDExLjYsMC41QzYxLjUsODcuMSw2Ny44LDkzLjUsNzUsMTAwLjV6Ii8+CjwvZz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 46%;
}

.not-found-file:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjAuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MDAuNiA1MTMuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAwLjYgNTEzLjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjE5LjUsMEM5OC42LDAsMCw5OC42LDAsMjE5LjVDMCwzNDAuNSw5OC42LDQzOSwyMTkuNSw0MzljMzkuMiwwLDc4LjQtMTAuNiwxMTIuNi0zMS40bDguNC01bDEwMC44LDEwMC44CgkJYzYuNyw2LjcsMTUuNywxMC4xLDI0LjYsMTAuMWM5LjUsMCwxOC41LTMuOSwyNC42LTEwLjFjNi43LTYuNywxMC4xLTE1LjcsMTAuMS0yNC42YzAtOS0zLjktMTguNS0xMC4xLTI0LjZsLTk4LTk5LjFsOS0xMi45CgkJYzI0LjYtMzYuNCwzNy41LTc5LDM3LjUtMTIyLjZDNDM5LDk4LjYsMzQxLDAsMjE5LjUsMEwyMTkuNSwweiBNMjE5LjUsMzc5LjdDMTMxLDM3OS43LDU5LjQsMzA4LDU5LjQsMjE5LjVTMTMxLDU5LjQsMjE5LjUsNTkuNAoJCVMzNzkuNywxMzEsMzc5LjcsMjE5LjVTMzA4LDM3OS43LDIxOS41LDM3OS43eiIvPgoJPHBhdGggZD0iTTI5MS44LDE3Ny41TDI2My4yLDE0OUwyMTksMTkzLjJMMTc0LjcsMTQ5bC0yOC42LDI4LjZsNDQuMiw0NC4yTDE0Ni4yLDI2NmwyOC42LDI4LjZsNDQuMi00NC4ybDQ0LjIsNDQuMmwyOC42LTI4LjYKCQlsLTQ0LjItNDQuMkwyOTEuOCwxNzcuNXoiLz4KPC9nPgo8L3N2Zz4K');
    background-size: 50%;
}

a.video-file:before {
    left: 31px;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-top: 12px solid transparent;
    border-left: 19px solid #fff;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
    transition: all 0.5s ease;
}

a.file:after,
a.video-file:after,
.not-found-file:after {
    content: "";
    position: absolute;
    top: 30px;
    left: 10px;
    width: 46px;
    height: 46px;
    background: #4cb3ba;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

a.video-file:after {
    background: #002c3e;
}

.not-found-file:after {
    background: #ee8990;
}

a.file:hover:after,
a.video-file:hover:after {
    background: #ee8990
}

@media(max-width: 900px) {
    .not-found-file {
        min-height: 0px;
    }

    a.file,
    .not-found-file {
        padding: 0.1em 0 0.3em 3.5em;
    }

    a.file:after, a.file:before,
    .not-found-file:after, .not-found-file:before,
    a.video-file:after {
        width: 30px;
        height: 30px;
        top: 25px;
    }

    a.video-file:before {
        left: 22px;
        top: 25px;
        border-top: 8px solid transparent;
        border-left: 12px solid #fff;
        border-bottom: 8px solid transparent;
    }

    a.video-file {
        min-height: 55px;
    }
}

@media only screen and (max-width: 375px) {
    a.file,
    a.video-file {
        padding: 0.1em 0 0.3em 4em;
        font-size: 14px;
    }
}

.back {
    display: block;
    color: #788690;
    font-size: 12px;
    margin-top: 30px;
}

.back:before {
    content: "\2190";
    padding-right: 1em;
}

.back a {
    color: inherit;
}

/********** TEXT STYLE **********/

abbr[title] {
    border-bottom: 1px dotted;
}

ins {
    color: #f7444e;
    text-decoration: none;
}

p {
    padding: 0;
    margin: 1em 0;
}

pre {
    margin: 1em 0;
}

.otdel_prodaj_item {
    padding: 1em;
    margin: 1em 0 1em 0;
    font-size: 1.2em;
    border-left: 5px solid #ccc;
    background: #F9F9F9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.otdel_prodaj_item_block {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.otdel_prodaj_item p {
    margin: 0.5em 0;
}

@media only screen and (max-width: 640px) {
    .otdel_prodaj_item {
        font-size: 1.1em;
    }

}

.author {
    text-align: right;
    font-style: italic;
}

.ps {
    text-align: right;
    font-style: italic;
    font-size: 14px;
}

dfn {
    font-style: italic;
    border-bottom: 1px dashed #000;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

samp {
    display: block;
    margin: 1em 0;
    padding: 1em;
    background: #cfcfcf;
}

.pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.demo {
    padding: 2em 1em 1em 1em;
    border: 1px solid #ccc;
    margin: 1em 0;
    position: relative;
}

.demo:before {
    content: "Пример";
    position: absolute;
    border: 1px solid #ccc;
    top: -1px;
    left: -1px;
    z-index: 10;
    padding: 3px;
    font-weight: bold;
    font-size: 12px;
}

.container_block .milestone-title {
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.container_block .milestone-desc {
    padding-left: 30px;
    margin-top: 0;
}

/********** TABLE STYLE **********/

.tbl {
    border: none;
    border-collapse: collapse;
    /*margin-left: -10px;*/
    margin-bottom: 15px;
}

.tbl caption {
    color: #232323;
    padding: 12px 0;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
}

.tbl thead {
    font-weight: bold;
}

.tbl td,
.tbl th {
    padding: 0.5em;
    border: 1px solid #eaeaea;
    text-align: center;
}

.tbl td.num,
.tbl th.num {
    text-align: right;
}

.tbl thead tr td,
.tbl thead tr th {
    background: #ee8990;
    border-bottom: 2px solid #ddd;
    font-weight: bold;
}
/*
.tbl > tbody > tr.strip,
.tbl > tbody > tr:nth-of-type(2n) {
    background-color: #f9f9f9;
    border-color: #fff;
}
*/
.tbl-resp {
    display: inline-block;
    margin-top: 30px;
}

.tbl tr, .tbl thead {
    position: relative;
}

.tbl tr::before, .tbl thead::before,
.tbl tr::after, .tbl thead::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 100%;
    height: 1px;
    width: 100%;
    background-color: #d9d9d9;
}

.tbl tr::after, .tbl thead::after {
    left: 100%;
}

.tbl thead::before, .tbl thead::after {
    top: 0;
}

@media only screen and (max-width: 750px) {
    .tbl-resp {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .tbl td,
    .tbl th {
        font-size: 80%;
    }
}

.tbl_red_row th {
    font-weight: bold;
}

.tbl_red_row td {
    width: 100vw;
    height: 75px;
}

.tbl_red_row td span {
    margin: 0 auto;
}

.tbl_red_row td, .tbl_red_row th {
    background-color: #fff;
}

/* .tbl_red_row tr td:nth-child(1), .tbl_red_row tr th:nth-child(1),
.tbl_red_row tr td:nth-child(4), .tbl_red_row tr th:nth-child(4) {
  border-right: 0;
  border-left: 0;
}

.tbl_red_row tr td:nth-child(2), .tbl_red_row tr th:nth-child(2){
  border-left: 0;
}

.tbl_red_row tr td:nth-child(3), .tbl_red_row tr th:nth-child(3)  {
  border-right: 0;
} */

.tbl_bold {
    font-weight: bold;
}

/********** IMAGES & VIDEO STYLE **********/

a img {
    border: none;
}

figcaption {
    font-style: italic;
    color: #666;
    padding: 0.2em 0.5em;
    font-size: 0.8em
}

.main img,
a .main img {
    border: none
}

@media only screen and (max-width: 500px) {
    .main img {
        width: 100%;
        height: auto;
    }

    .main img.noscale {
        width: auto;
        height: auto;
    }

    figure {
        width: 100%;
    }
}

.toright {
    float: right;
    margin: 5px 0 5px 20px;
}

.toleft {
    float: left;
    margin: 5px 20px 5px 0;
}

.tocenter {
    margin: auto;
}

.nofloat:after {
    content: "";
    display: table;
    width: 100%;
    height: 0px;
    clear: both;
    overflow: hidden;
    font-size: 0;
}

.nofloat-overflow {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin: 0;
    padding: 0;
}

.with_big {
    cursor: pointer;
}

.drag {
    display: none;
    position: absolute;
    left: 50%;
    padding: 7px;
    z-index: 1000;
    top: 100px;
    border: 1px double #aaa;
    background: #efefef;
    cursor: pointer;
}

.boxshadow .drag {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}

.IRESIZER {
    position: absolute;
    z-index: 1010;
    bottom: 0;
    right: 0;
    padding: 5px 0 0 5px;
    background: #133D8D;
    font-size: 12px;
    line-height: 1;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-bottom: 6px solid #133D8D;
    border-right: 6px solid #133D8D;
    color: #fff;
    text-transform: uppercase;
    display: none;
}

.drag .IDESCRIPTION {
    font-size: 10px;
    display: none;
}

.drag .IDESCRIPTION b {
    display: block;
}

strong, dt {
    color: #002c3e;
    font-weight: bold;
}

dl {
    margin-bottom: 40px;
}

.drag .IDESCRIPTION p {
    padding: 0.5em 0;
    margin: 0;
}

.drag .IDESCRIPTION a {
    display: block;
}

.abs_clear, .abs-clear {
    display: block;
    width: 100%;
    height: 0;
    font-size: 1px;
    overflow: hidden;
    line-height: 0;
    clear: both;
}

.video-elem {
    position: relative;
}

.video-link img {
    width: 100%;
}

.video-link::before {
    content: '';
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    background: #3ea7ad;
    border-radius: 50%;
    opacity: 0.6;
    /*border: 2px solid #cd353e;*/
    transform: translate(-50%, -50%);
}

.video-link::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 150;
    border-top: 20px solid transparent;
    border-left: 30px solid rgba(255, 255, 255, 0.7);
    border-bottom: 20px solid transparent;
    margin-left: 5px;
    transition: all 0.5s ease;
}

.video-link:hover::after {
    border-left: 30px solid rgba(255, 255, 255, 1);
}

.iframe_video {
    width: 100%;
    max-width: 880px;
    height: 0px;
    padding-bottom: 56.2%;
    position: relative;
}
.iframe_video iframe {
    width: 100%;
    height: 100%;
    max-height: 470px;
    position: absolute;
}

/********** TOP SCROLLER **********/

.b-top {
    width: 34%;
    z-index: 2600;
    position: fixed;
    right: 0;
    bottom: 2vh;
    margin-left: 50%;
    opacity: 0.7;
    display: none;
}

.b-top:hover {
    opacity: 1;
    cursor: auto;
}

.b-top-but {
    z-index: 2600;
    position: absolute;
    display: block;
    right: 2vh;
    bottom: 55px;
    margin: 0 0 0 100%;
    padding: 0;
    color: #333;
    background: #fff;
    font-size: 10px;
    -webkit-box-shadow: 1px 1px 5px #000;
    -moz-box-shadow: 1px 1px 5px #000;
    box-shadow: 1px 1px 5px #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -1000px;
    cursor: pointer;
}

.b-top-but:after {
    content: "";
    width: 0;
    height: 0;
    margin-right: -16px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #3ea7ad;
    position: absolute;
    z-index: 2601;
    top: 14px;
    right: 50%;
}

/********** FORM & INPUTS **********/

input.inpt,
textarea.inpt,
select {
    padding: 0.5em 1em;
    font-size: 16px;
    line-height: 1.3;
    outline: none;
    border: 1px solid #d9d9d9;
    font-family: inherit;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top: 15px;
    background: #fff;
}

textarea.inpt {
    height: 100px;
    width: auto;
    overflow: hidden;
    font-family: inherit;
}

input.inpt:focus,
textarea.inpt:focus {
    border-color: #aaa;
}

label {
    font-weight: bold;
}

.name_prop {
    font-weight: bold;
}

.radio label,
.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.radio label::before,
.checkbox label::before {
    content: "";
    display: inline-block;
    padding: 0;
    width: 17px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #b4bfc7;
}

.radio label::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.checkbox label::before {
    -webkit-border-radius: 25%;
    border-radius: 25%;
}

.radio input[type=radio]:checked + label:before,
.checkbox input[type=checkbox]:checked + label:before {
    content: "";
    border-color: #666;
}

.radio input[type=radio]:checked + label:after, .checkbox input[type=checkbox]:checked + label::after {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    left: 3px;
    top: 50%;
    background: #022e3f;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.checkbox input[type=checkbox]:checked + label::after {
    content: "";
    -webkit-border-radius: 25%;
    border-radius: 25%;
}


/********** BUTTONS **********/

submit.btn, button.btn,.btn {
    border-radius: 10px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    margin: 2px auto;
    font-weight: bold;
    color: #fff;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: inline-block;
    line-height: normal;
    -webkit-appearance: none;
}

a.btn {
    text-decoration: none;
    text-align: center;
}

.btn-extra-small {
    min-width: 150px;
    font-size: 14px;
    padding: 10px 10px;
}

.btn-small {
    min-width: 170px;
    font-size: 14px;
    padding: 9px 10px;
}

.btn-big {
    min-width: 230px;
    font-size: 18px;
    padding: 15px 10px;
}

.btn-pink {
    background: #cd353e;
}

.btn-pink:hover {
    background: #f7444e;
}

.btn-cian {
    background: #3ea7ad;
}

.btn-cian:hover {
    background: #2e9096;
}

.btn-blue {
    background: #005bff;
}

.btn-blue:hover {
    background: #0047e0;
}

.btn-border-cian,
.btn.btn-border-cian {
    background: #fff;
    color: #3ea7ad;
    border: 2px solid  #3ea7ad;
    padding: 7px 10px;
}

.btn-border-cian:hover,
.btn.btn-border-cian:hover {
    color: #2e9096;
    border: 2px solid #2e9096;
}

.btn-dark {
    background: #022e3f;
}

.btn-dark:hover {
    background: #012634;
}

.btn-grey {
    background: #d9d9d9;
}

.btn-grey:hover {
    background: #c7c7c7;
}

.btn-white {
    background: #fff;
}

/********** LISTS **********/

.main ol, .main ul {
    padding-left: 0;
    list-style-type: none;
    line-height: 1.7
}

.main li {
    /*font-size: 18px;*/
    /*font-family: inherit;*/
    /*line-height: 1.7;*/
    /*padding-left: 32px;*/
    margin-bottom: 7px;
    position: relative;
    margin-left: 32px;
}

/*ol li::marker,
ul li::marker {
    font-weight: bold;
    color: #022e3f;
}*/

.main ol {
    counter-reset: section;
}

.main ol li:before {
    counter-increment: section;
    content: counters(section,'');
    display: inline-block;
    font-weight: bold;
    color: #022e3f;
    margin-right: 23px;
}

.main ul li:before {
    content: '';
    /*position: absolute;
    top: 0.65em;
    left: 0;*/
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #022e3f;
    border-radius: 50%;
    margin-right: 27px;
    margin-left: -32px;
    margin-bottom: 0.2em;
}


.main ul.not-list li:before {
    display: none;
}

.main ul.not-list li {
    padding-left: 0;
}


@media only screen and (max-width: 640px) {
    .main li {
        margin-left: 22px;
    }

    .main ul li:before {
        margin-right: 15px;
        margin-left: -20px;
    }
}

/********** TABS AND SPECIAL **********/

.tab,
.tab_opened {
    display: block;
    cursor: pointer;
    position: relative;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
}

.tab + div {
    display: none;
}

.tab:after,
.close:after,
.open:after,
.tab_opened:after {
    display: block;
    position: absolute;
    top: 45%;
    right: 0;
    z-index: 44;
    width: 12px;
    height: 4px;
    background: url('images/arrow.svg') top left no-repeat;
}

.tab_opened:after {
    content: "";
    background-position: 0 -3px;
}

.tab:after {
    content: "";
    background-position: 0 0;
}

.open:after {
    content: "";
    background-position: 0 -3px;
}

.close:after {
    content: "";
    background-position: 0 0;
}

.nx-modal {
    background: #000;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    z-index: 905;
    opacity: 0.8;
}

.nx-icon {
    font-family: nx, Tahoma, Geneva, sans-serif;
    font-size: 20px;
}

s.r {
    padding-left: 3px;
    font-family: nx, Tahoma, Geneva, sans-serif;
    text-decoration: none;
    font-size: 16px;
}

.nx-load {
    color: #666;
    font-size: 30px;
    font-family: nx, Tahoma, Geneva, sans-serif;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/********** FLEXBOX PRESET **********/

.nx-flex-row,
.nx-flex-col,
.nx-flex-col-st,
.nx-flex-row-btw,
.nx-flex-col-btw,
.nx-flex-row-btw-st,
.nx-flex-col-btw-st,
.nx-flex-row-btw-c,
.nx-flex-row-c-c,
.nx-flex-col-c-c,
.nx-flex-row-b-c,
.nx-flex-row-t-c,
.nx-flex-col-t-c,
.nx-flex-row-t-r,
.nx-flex-col-t-r,
.nx-flex-row-l-c,
.nx-flex-col-l-c,
.nx-flex-col-l-st,
.nx-flex-row-r-c,
.nx-flex-col-r-c {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.nx-flex-row-btw,
.nx-flex-col-btw,
.nx-flex-row-btw-st,
.nx-flex-col-btw-st,
.nx-flex-row-btw-c {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.nx-flex-col-st,
.nx-flex-row-btw-st,
.nx-flex-col-btw-st,
.nx-flex-col-l-st {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.nx-flex-row-t-r,
.nx-flex-row-r-c,
.nx-flex-col-r-c {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.nx-flex-row-c-c,
.nx-flex-col-c-c,
.nx-flex-row-b-c,
.nx-flex-col-l-c,
.nx-flex-row-t-c,
.nx-flex-col-r-c {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nx-flex-row-btw-c,
.nx-flex-row-c-c,
.nx-flex-col-c-c,
.nx-flex-col-t-c,
.nx-flex-row-l-c,
.nx-flex-row-r-c {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.nx-flex-col-t-r,
.nx-flex-row-b-c,
.nx-flex-col-r-c {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.nx-flex-col,
.nx-flex-col-st,
.nx-flex-col-btw,
.nx-flex-col-btw-st,
.nx-flex-col-t-c,
.nx-flex-col-t-r,
.nx-flex-col-c-c,
.nx-flex-col-l-c,
.nx-flex-col-r-c {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

/********** HTML 5 **********/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer,
header, hgroup, main, nav, section, summary, div {
    display: block;
    font-weight: normal;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

/*! jQuery UI - v1.12.1 - 2017-05-17
/* Layout helpers
----------------------------------*/
.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:before,
.ui-helper-clearfix:after {
    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); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.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;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.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: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 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 .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.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;
}

/* RTL support */
.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;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-tabs {
    position: relative;
    width: 100%;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

.ui-tabs .ui-tabs-nav::before, .ui-tabs .ui-tabs-nav::after {
    /* content: '';
    position: absolute;
    bottom: -1px;
    right: -100%;
    height: 1px;
    width: 100%;
    background: #d9d9d9; */
}

.ui-tabs .ui-tabs-nav::after {
    left: -100%;
}

.ui-tabs .ui-tabs-nav li {
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: auto;
    min-width: 230px;
    margin-left: 0;
    margin-right: 1px;
    border-bottom: none;
    padding: 0;
    white-space: nowrap;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
}

.ui-tabs .ui-tabs-nav li:before {
    display: none;
}

.ui-tabs .ui-tabs-nav li:last-child {
    margin-right: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    display: block;
    width: 100%;
    padding: 0.1em 0.5em;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    /*border: 1px solid #d9d9d9;*/
    /*padding: 2.3em 1.4em 2em 1.6em;*/
    background: none;
    width: 100%;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: none;
}

.ui-widget-content {
    /*border: 1px solid #dddddd;*/
    background: #ffffff;
    color: #333333;
}

/*.ui-widget-content a {
    color: #333333;
}*/

.ui-widget-header {
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #d9d9d9;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #232323;
}

.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,
.ui-button {
    color: #868686;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #fbfbfb;
    font-weight: normal;
    color: #ededed;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #868686;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #3ea7ad;
    background: #3ea7ad;
    font-weight: 400;
    color: #fff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #b22764;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.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: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.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);
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.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 is deprecated, use ui-icon-seek-start instead */
.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;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
    background: #000;
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666;
    box-shadow: 0px 0px 5px #666;
}

/********* *PAGES *********/

/*********Test Page*************/
.select-pink {
    color: #f7444e;
}

.select-blue {
    color: #4cb3ba;
}

.photo-text .image-block, .photo-text .text-block {
    width: 50%;
}

.photo-text.image-right .image-block {
    order: 2;
}

.photo-text .text-block {
    padding: 0 0 0 30px;
}

.photo-text.image-right .text-block {
    padding: 0 30px 0 0;
}

.button-wrapper {
    margin-top: 50px;
}

.button-wrapper div {
    margin-top: 30px;
}
/*** ***/

/********** Profile pages **********/

.profile-aside {
    width: calc(20% - 10px);
    background: #f3f4ee;
    padding: 25px 0;
    margin-left: 10px;
    order: 1;
}

.profile-aside .logout-block {
    text-align: center;
}

.profile-content {
    width: 80%;
    padding-right: 20px;
}

.profile-content .note p:first-child, .profile-content  p.note:first-child {
    margin-top: 0;
}

font.errortext {
    color: #cd353e;
}

font.notetext {
    color: #3ea7ad;
}

@media screen and (max-width: 1024px) {
    .profile-content {
        width: 100%;
        padding-right: 0;
    }

    .profile-aside{
        display: none;
    }
}
/*** ***/

address.personal {
    font-style: normal;
}

ul.about_links {
    overflow: hidden;
}

ul.about_links li {
    margin-left: 0;
}

ul.about_links li::before {
    content: none;
}

ul.about_links li a {
    text-decoration: none;
    font-weight: 700;
    color: #002c3e;
}

ul.about_links li a:hover {
    color: #f6444e;
}

@media only screen and (max-width: 1024px) {
    .about-title_image {
        float: none;
        margin: 0;
    }
}