.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}
hr,
img,
legend {
    border: 0
}
.bro-block2:after,
.bro-block4-item:after,
.bro-container:after,
.bro-footer:after,
.bro-header:after,
.bro-lastchange-container:after,
.bro-mainform:after,
.bro-menu-open .bro-header-menu ul:after,
.bro-tab-body-item1:after,
.bro-tab-body:after,
.bro-tab-body li:after,
.bro-tab-header:after,
.clearfix:after,
.owl-carousel .owl-stage:after,
.owl-stage:after {
    clear: both
}
.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name: a;
    animation-name: a
}
@-webkit-keyframes a {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
@keyframes a {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.owl-height {
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0)
}
pre,
textarea {
    overflow: auto
}
.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
    display: none
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn,
[hidden],
template {
    display: none
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale .1s ease;
    transition: scale .1s ease
}
body,
html,
sub,
sup {
    position: relative
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
main,
menu,
nav,
section,
summary {
    display: block
}

.personal-agreement {
    text-align: center;
    margin-top: 15px;
    font-family: Open Sans;
    color: #1f2225;
    font-weight: 300;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}
::selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
    box-sizing: content-box;
    height: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
body,
p,
ul {
    margin: 0
}
a,
input {
    background-color: transparent
}
.ie7 .title {
    padding-top: 20px
}
legend,
p,
td,
th,
ul {
    padding: 0
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    :after,
    :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.bro-filemore a,
.bro-footer a,
.bro-header-contact,
.bro-header-menu a,
.bro-panel a,
.bro-tab-header a,
.bro-yasam,
a {
    text-decoration: none
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
optgroup,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
.bro-number,
button,
input {
    font-weight: 300;
    line-height: 24px
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
.bro-col25,
.bro-col50,
.bro-col75,
.bro-lastchange-item,
.bro-tab-header a,
input {
    box-sizing: border-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.clearfix {
    zoom: 1
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: ''
}
body,
html {
    overflow-x: hidden
}
button {
    overflow: visible;
    font-family: Open Sans;
    font-size: 18px;
    padding: 27px 50px;
    color: #fff;
    border: none;
    border-radius: 8px;
    background-color: #0682dc
}
button:hover {
    background-color: #1e9afc
}
p,
ul {
    list-style: none
}
input {
    width: 100%;
    border: none;
    font-family: Open Sans;
    font-size: 16px
}
input[type=text] {
    border-bottom: 1px solid #9da2a7;
    outline: none;
}
input[type=text].error {
    border-bottom: 1px solid red
}
input[type=checkbox] {
    width: 1px;

    opacity: 0
}
input[type=checkbox]+label {
    position: relative;
    padding-left: 50px
}
input[type=checkbox]+label:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    border: 1px solid #ccd3db;
    border-radius: 4px;
    background-color: #fff
}
input[type=checkbox]:checked+label:before {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAALAA0DAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCv/EAB8QAAIDAAIDAQEAAAAAAAAAAAIDAQQFBhIAExQHFv/EABcBAQEBAQAAAAAAAAAAAAAAAAIDAQT/xAAkEQACAQMDBAMBAAAAAAAAAAABAhEAAyESMUEEUXHBEyJCYf/aAAwDAQACEQMRAD8A3SWv1vjuZ/R191F3D1uPk4gx74ANzZrS2VZ9nHlZGm6OgUriBUwvnkyNpfOsrHnUOluP8ZtkOrx91mEMSwfkafGcRkxUD1CLrDyrJ+TEsOCvBnzjnGaJ4Nj8hso0OScuuX06vJGotrw03rVelx7OQDBoZ6kqauIt+lve+ZRBk7qLB962sYbz2wVt2gpW2CNZUE3GOWbIOJwo7fw1tpXhnuE6nIOiSAgGy+Y3575FV+rxzC2bmVe1MupduY9r6s2y9fZtV0AUwQFExJhB9WwlvdMPWp/r9yVGEluOgZVYqHEMBsR6PEjMSJgmmyIzIWUEqcEjbB95jvnenngp1//Z) 50% no-repeat;
    background-size: 75%
}
.bro-col25 {
    float: left;
    width: 25%
}
.bro-col50 {
    float: left;
    width: 50%
}
.bro-col75 {
    float: left;
    width: 75%
}
.bro-textbg1 {
    position: relative;
	top:5px;
    color: #fff;
    display: inline-block;
	vertical-align:top;
	line-height:30px;
    padding: 0 10px 10px 10px !important;
	background: #ff7d05;
	background: -moz-linear-gradient(left,  #ff7d05 0%, #ffa70f 100%);
	background: -webkit-linear-gradient(left,  #ff7d05 0%,#ffa70f 100%);
	background: linear-gradient(to right,  #ff7d05 0%,#ffa70f 100%);
}
.bro-textbg1.typho1{line-height:40px;padding-bottom:10px !important;}
.bro-number/*,
.bro-textbg1:before*/{
    position: absolute;
    margin: auto;
    bottom: 0
}
/*.bro-textbg1:before {
    content: "";
    display: block;
    z-index: -1;
    top: 10%;
    right: 0;
    left: 0;
    background-image: -webkit-linear-gradient(left, #ff7d05, #ffa70f);
    background-image: linear-gradient(90deg, #ff7d05 0, #ffa70f)
}*/
.bro-container:after,
.bro-container:before,
.bro-header:after,
.bro-header:before {
    display: table;
    content: ''
}
.bro-number {
    font-family: Open Sans;
    font-size: 14px;
    top: 0;
    left: -50px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #ccd3db
}
.bro-container {
    max-width: 1600px;
    margin: auto;
    zoom: 1
}
.bro-header {
    padding-top: 30px;
    padding-bottom: 19px;
    zoom: 1
}
@media (max-width: 1300px) {
    .bro-number {
        top: -139px;
        right: 0;
        left: 0;
        margin: auto
    }
    .bro-header {
        padding-bottom: 30px
    }
    
    .bro-podkluchitsa, .bro-yasam {
        position: static;
    }

}
.bro-header-logo {
    z-index: 3;
    float: left;
    margin-right: 40px
}
@media (max-width: 1300px) {
    .bro-header-logo {
        max-width: 100%;
        position: absolute;
        width: 186px;
        top: 13px;
        right: 0;
        left: 0;
        margin: auto!important
    }
}
.bro-header-menu {
    float: left;
    max-height: 0;
    height: 100%;
    transition: max-height 0.15s ease-out;
}
.bro-header-menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.bro-header-menu li {
    display: block;
    float: left
}
@media (max-width: 1300px) {
    .bro-header-menu li {
        display: none
    }
    .bro-header-menu li:nth-child(1) {
        display: block;
        position: absolute;
        right: 0;
        left: 0;
        top: 60px;
        text-align: center
    }
    .bro-header-menu-button {
        z-index: 4;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASAgMAAAA8gvYNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACVBMVEUGgtwGgtz////8R1sAAAAAAXRSTlMAQObYZgAAAAFiS0dEAmYLfGQAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAASSURBVAjXYwgFAwYoRTygij4A8agL9fClaLUAAAAASUVORK5CYII=) 50% no-repeat;
        background-size: 100%;
        height: 27px;
        width: 27px;
        position: absolute;
        top: 13px;
        left: 13px
    }
}
.bro-header-contact-phone,
.bro-header-contact-rezim {
    text-align: right;
    font-family: Open Sans
}
.bro-header-menu a {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 300;
    display: block;
    padding: 0 12px;
    color: #0682dc
}
.bro-header-menu a:hover {
    color: #ff7e05
}
.bro-header-menu .typho1{
	font-family: Open Sans;
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
	vertical-align:top;
    padding: 0 12px;
    color: #1f2225
}



.bro-header-contact {
    display: block;
    float: right;
    z-index: 3;
    margin-top: -9px
}
.bro-header-contact-phone {
    font-size: 30px;
    font-weight: 300;
    color: #1e1f21
}
.bro-header-contact-rezim {
    font-size: 12px;
    font-weight: 400;
    color: #9da2a7
}
.bro-block1 .bro-container h2,
.bro-block1 .bro-container h1,
.bro-block1 .bro-container p {
    font-weight: 300;
    font-family: Open Sans
}
.bro-block2,
.bro-block3 {
    text-align: center
}
@media (max-width: 1300px) {
    .bro-header-contact {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAMAAAC6CgRnAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABiVBMVEUGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtwGgtz///9mXOUEAAAAgXRSTlMALppZN/B7Ncb8eDPvqQNa/lgy7qsEbOoMMe2sBcRfLeytBm+Ux7FeoLvOFYKEG9fRCNVHF+k0SuUw8gfTcgrShX7b2T1AH6aRDfMc5oYg4BAkyD8PvN/4vtTFDh2QteMjPCnrFucsk9DeavlOAm73yRgBjfplPplhg89SfFuSnUsQ0eC8AAAAAWJLR0SCi7P/RAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAUNJREFUKM910GVDAkEQBuBFRTnjxEBQQkXBDkxCQrFQkRDBxMDC7g7ef+4d6IEDzpd5Z5/9sDuMFShZUTH7p0rkQGlhKpNDwaG8EFVUooqv5pQ1+VRbh3oVYw1Qayg1NkGrE4MeBkLNLWg1plMb2omZYM4Q60AnsS5092RSL/qI9Q9g0JJOQximbxkZxZjYx2FVUbNxdofQdBNwUnK54RH7JKYshHgzvC6hT3PKGelwdm7ex5hDiwWZMC0uwS/RcgBQBENh2FeEKeLGKp9DpigCMUTFN7rWsB7JoY3NLS9i20FhMsaxs/uHhOt7PnEymqHeJ/T7iTgSNmlLAeizdKDA4ZE0HeMkS7YkkqHsd09xdv4TLy6vcH2Ts4rbO9w/pNNjGHgim/IAeufzyytgfaP7ZQY1xEq8R1h+aT4+v/wpBz3+BknlTOo4yIcyAAAAAElFTkSuQmCC) 50% no-repeat;
        background-size: 100%;
        height: 27px;
        width: 27px;
        position: absolute;
        top: 22px;
        right: 23px
    }
    .bro-header-contact>div {
        display: none
    }

    .bro-header-menu .typho1{
        display: none;
    }
}
.bro-block1 .bro-container {
    padding-top: 120px;
    padding-bottom: 100px;
    padding-left: 100px;
	padding-right:100px;
	box-sizing:border-box;
    background: url(images/mainimgbg.jpg) top no-repeat;
    background-size: cover
}
@media (max-width: 1300px) {
    .bro-block1 .bro-container {
        background-position-x: right;
        padding-left: 22px;
		padding-right: 22px;
        padding-top: 40px;
        padding-bottom: 40px
    }
    .bro-block1 .bro-container button {
        display: block;
        margin: auto;
    }
}
@media (max-width: 640px) {
    .bro-block1 .bro-container {
        background: url('images/bgmobile.png') no-repeat center;
		background-size:100% 100%;
    }
}
.bro-block1 .bro-container h2, 
.bro-block1 .bro-container h1 {
    font-size: 48px;
    line-height: 50px;
    margin: 0;
    padding: 0
}
@media (max-width: 1300px) {
    .bro-block1 .bro-container h2,
.bro-block1 .bro-container h1 {
        margin-bottom: 160px;
        text-align: center;
    }
    .bro-block1 .bro-container p {
        display: none
    }
}
.bro-block1 .bro-container p {
    font-size: 20px;
    line-height: 40px;
    margin: 0;
    padding: 32px 0;
    color: #1f2225
}
.bro-block2 h2,
.bro-block3 h3 {
    font-weight: 300;
    color: #1e1f21;
    line-height: 40px
}
.bro-block2 {
    margin-bottom: 70px;
    zoom: 1
}
.bro-block2:after,
.bro-block2:before {
    display: table;
    content: ''
}
.bro-block2 h2 {
    font-family: Open Sans;
    font-size: 48px;
    margin-top: 62px;
    margin-bottom: 45px
}
.bro-block3-line {
    display: inline-block;
    width: 94%;
    height: 0;
    margin: 70px 0;
    border-bottom: 2px dotted #ccd3db
}
.bro-block3-item {
    display: inline-block;
    width: 47%;
    padding: 0 1%;
    text-align: left;
    vertical-align: top
}
@media (max-width: 1300px) {
    .bro-block2 h2 {
        color: #1e1f21;
        font-family: Open Sans;
        font-size: 30px;
        font-weight: 300;
        line-height: 40px
    }
    .bro-block3-line {
        margin-top: 35px;
        margin-bottom: 35px
    }
    .bro-block3-item {
        width: 100%;
        padding: 5%;
        box-sizing: border-box
    }
}
.bro-block3 h3 {
    font-family: Open Sans;
    font-size: 36px;
    margin-top: 37px;
    margin-bottom: 30px
}
.bro-block3 li,
.bro-howwork-text {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 300;
    color: #1f2225;
    margin: 0 auto;
}
.bro-block3 h3 img {
    display: inline;
    float: left;
    margin-right: 10px
}
.bro-block3 img {
    float: left
}
.bro-block3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: 22px;
    margin-right: 26px;
}
.bro-block3 li {
    width: 100%;
    line-height: 40px;
    position: relative;
    margin-top: 20px;
    padding-left: 30px
}
.bro-block3 li:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -19px;
    display: block;
    margin: auto;
    content: '—'
}
.bro-howwork-img {
    text-align: center
}
.bro-howwork-img img {
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle
}
.bro-howwork-text {
    line-height: 30px;
    margin-top: 15px;
    padding: 0 40px;
}
.bro-block4 h2,
.bro-block4 h4 {
    line-height: 40px;
    font-family: Open Sans;
    font-weight: 300
}
.bro-block4 h4{text-align:center;}
.bro-howwork-text a {
    color: #0682dc
}
.bro-howwork-item {
    display: inline-block;
    width: 23%;
    vertical-align: top
}
@media (max-width: 1300px) {
    .bro-howwork-item {
        width: 100%
    }
    .bro-howwork-item img {
        display: block;
        margin: 10px auto
    }
    .bro-howwork-dp {
        display: none
    }
}
.bro-howwork-mb {
    display: none
}
@media (max-width: 1300px) {
    .bro-howwork-mb {
        display: block
    }
    .bro-block4 {
        padding-bottom: 0px
    }
}
.bro-block4-item:after,
.bro-block4-item:before,
.bro-mainform:after,
.bro-mainform:before {
    display: table;
    content: ''
}
.bro-mainform {
    zoom: 1
}
.bro-block4 {
    position: relative
}
.bro-block4 .bro-container {
    max-width: 775px
}
.bro-block4 h2 {
    font-size: 45px;
    color: #1e1f21;
    margin-top: 68px;
    margin-bottom: 31px
}
@media (max-width: 1300px) {
    .bro-block4 .bro-container {
        text-align: center
    }
    .bro-block4 h2 {
        font-size: 30px
    }
}
.bro-block4 h4 {
    font-size: 20px;
    color: #1f2225;
    margin-bottom: 37px
}
@media (max-width: 1300px) {
    .bro-block4 h4 {
        font-size: 18px
    }
}
.bro-block4 label {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #9da2a7
}
.bro-block4-item {
    margin-bottom: 30px;
    padding: 40px 95px;
    border-radius: 10px;
    background-color: #f5f7f9;
    zoom: 1
}
@media (max-width: 1300px) {
    .bro-block4-item {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0
    }
}
.bro-block4-item h5 {
    font-family: Open Sans;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    position: relative;
    display: block;
    margin: 0 0 36px;
    padding: 0;
    color: #1f2225
}
.bro-block4-item .bro-formcontrol {
    float: left;
    width: 48%;
}
.bro-formcontrol.marginMinus{
	margin-top:-35px;
}
.bro-block4-item .bro-formcontrol:nth-child(2) {
    margin-right: 1%
}
@media (max-width: 1300px) {
    .bro-block4-item h5 {
        margin-bottom: 30px
    }
    .bro-block4-item .bro-formcontrol {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .bro-block4-item .bro-formcontrol:nth-child(2) {
        margin-right: 0
    }
}
.bro-block4-item .bro-formalert {
    margin-top: 16px;
    float: left;
    text-align: left;
    display: none;
    color: red;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
}
#napomnit .bro-block4-item .bro-formalert {
	margin-top: 0;
}
.bro-block4-item label[for=licensaccept] {
    margin-top: 20px;
    float: left;
	cursor:pointer;
	font-weight:300;
	padding-left:38px !important;
}

@media (min-width: 590px) and (max-width: 1300px) {
    .bro-block4-item label[for=licensaccept] {
        text-align: center;
        float: unset !important;
        margin-top: 0px;
        margin-bottom: 20px;
    }
}

.bro-block4-item2-recall {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    display: block;
    margin-top: 40px;
    text-decoration: none;
    color: #1f2225;
}
.bro-block4-item2-radiocontainer:after,
.bro-block4-item2-radiocontainer:before,
.bro-tab-header:after,
.bro-tab-header:before {
    display: table;
    content: ''
}
.bro-block4-item2-recall:hover {

}
.bro-block4-item2-recall img {
    margin-right: 10px
}
.bro-block4-item2-radiocontainer {
    width: 100%;
    zoom: 1;
    margin-bottom: 37px
}
.bro-block4-item2-radiocontainer:after {
    clear: both
}
.bro-block4-item2-radio {
    padding: 20px;
    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    float: left;
    width: 100%;
    background-color: #fff;
    border: 2px solid #e6e9ed;
    border-radius: 8px;
    box-sizing: border-box
}
@media (max-width: 1300px) {
    .bro-block4-item2-radiocontainer {
        margin-bottom: 20px
    }
    .bro-block4-item2-radio {
        width: 100%;
        margin-bottom: 20px
    }
}
@media (max-width: 460px) {
    .bro-tab-header a {
        min-height: 90px
    }
	.bro-carusel-item>div.bro-carusel-item-image{width:100px !important; height:100px !important;}
	.bro-header-menu .typho1{font-weight:700;}
	.bro-number{top:-139px;}
    .bro-number.number-two { top:-170px; }
    .bro-number.number-one{ top:-202px; }
	.bro-block3 h3{font-size:30px;}
        
        
        .bro-carusel-item {
            min-height: 182px !important;
        }
        
        .bro-podkluchitsa {
            padding: 10px 30px 12px;
        }
        
}
        
        
.bro-block4-item2-radio:nth-child(1) {
	margin-right: 10%
}
.bro-block4-item2-radio small {
    color: #9da2a7;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px
}

.bro-tab-header li:nth-child(1) a {
    border: 1px solid #e6e9ed;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bro-filename,
.bro-tab-header a {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    font-family: Open Sans
}
.bro-block4-item2-radio.bro-select:before,
.bro-lastchange-item.bro-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 17px;
    height: 17px;
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAOABEDAREAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAACAcJCv/EACMQAAEEAgICAgMAAAAAAAAAAAQCAwUGAQcIEgATERRikuH/xAAWAQEBAQAAAAAAAAAAAAAAAAAHCAn/xAAjEQACAgMAAgMAAwEAAAAAAAACBAMFAQYHERIACBMUUpIV/9oADAMBAAIRAxEAPwDb5q3kxp/cFhudUp1mSqw0eUko+ViZZnMUYYJFv5FJn4doleFSEEklLjLhaMIfEWlCpAURsoJwkc593nmfTbradd1i+ErrUrB5KxrrGL/nMtLV82V57isjnLBO1GJxOI2BwEyxCBOLrAwobCxvXE+i87qNbvtjpCGn2hFNtB9CTD667D0WJ4amxkgHIp2uYSCUFyyUTAkeFJ2DXaGAQzWwL3zS5DxdL1BZ5yo6G0nPCTls2HWzXgC7PPiOutspiDmvhLqS+hcdXWFe4TIOZWzHtGtKjY5MnWm57f8Aaftlfq3NL+21rj/Kbha22PdqNmVNm/uVpJAiGtcj8DILPoylSQl+i+U82N85G3GSKI0/W6jqn1q4+9svQ6Or2Hq3TapiroNPuV4ml6OpYCM5M2CsnkoyX9l3LiUfzYw1/BpFJFZBdcK1b1/m5+3880R9Mf2P/WfkF++f6h/nHwIcpuD9c3gS7eqDKM64216nBjZ8XBI0Ta48phYJw1lZjMYKwauOefGTLiocILEWuMlWDxFjqAkH7CfUyj61Oe3adYRaN0j0OBu5XxPBW7EkzCSbcF7Gh4Yw0SUsq42S4nMwsRoWMLixwEnVXCftBdcvhDVtsRk3Pn/uEy1TPmGawoXIJRbVmpZHc5g/jC5HFOVcwQwrsCLyEqjAzYbTWktN1HRGu4TXlOH6hxzf2JOTdbQmQsM4QhvElOya0fPcs1baEob7KbCCZFjxuoojCEvXKOX61yDSarSdYg8Koh+z78gALt1bTAGHrd8h8+zLRgOAD2IFVY10oPC60QiJdO6RsPVdws9w2Obyy4f5IoxmRKU9XER5Tq0RLx6wLCZZM/UTZZkncm8zsSlmWfEf4f8Az//Z) no-repeat #fff;
}
.bro-block4-item2-radio.bro-select {
    position: relative;
    border: 2px solid #ff7f05;
}
.bro-block4-item2-radio:hover {
    border: 2px solid #0898ff;
    cursor: pointer
}
.bro-tab-header {
    margin-bottom: 30px;
    zoom: 1
}
.bro-tab-header a {
    display: block;
    float: left;
    width: 33.333%;
    padding: 20px 0;
    text-align: center;
    color: #1f2225;
    border: 1px solid #e6e9ed;
    border-left: 0;
    background-color: #fff
}
.bro-tab-header a:hover {
    color: #ff7e05
}
.bro-tab-header li:nth-child(1) a {
    border: 1px solid #e6e9ed;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}
.bro-tab-header li:nth-last-child(1) a {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}
.bro-tab-header li.bro-select a {
    background-color: #ff7f05;
    position: relative;
    color: #fff
}
.bro-tab-header li.bro-select a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0;
    border-color: #ff7f05 transparent transparent
}
.bro-tab-body-item1:after,
.bro-tab-body-item1:before,
.bro-tab-body:after,
.bro-tab-body:before,
.bro-tab-body li:after,
.bro-tab-body li:before {
    display: table;
    content: ''
}
.bro-tab-body,
.bro-tab-body li {
    zoom: 1
}
.bro-tab-body-item1 {
    padding: 25px 30px;
    border: 1px dashed #ccd3db;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    zoom: 1
}
.bro-tab-body-item1 .bro-col25 img {
    padding-top: 13px;
    width: auto;
    max-width: 100%;
}
.bro-file-before {
    display: block
}
.bro-file-before img {
    margin-right: 10px
}
.bro-file-after {
    display: none
}
.bro-filename {
    padding-top: 13px;
    padding-left: 17px;
    color: #1f2225;
    word-wrap: break-word;

}
@media (min-width: 375px) and ( max-width: 650px) {
    .bro-number.number-two {top: -139px !important;}
}
@media (max-width: 1300px) {
    .bro-tab-body-item1 .bro-col50 {
        width: 100%
    }
    .bro-filename {
        text-align: left
    }
    .bro-filemore {
        margin-top: 20px
    }
    .bro-number.number-two, .bro-number.number-three  {top: -111px;}
}
.bro-filename small {
    font-family: Open Sans;
    font-size: 12px;
    display: block;
    color: #9da2a7
}
.bro-filemore,
.bro-lastchange-item {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}
.bro-filemore {
    color: #1f2225;
    display: none;
    width: 100% !important;
}
.bro-filemore,
.bro-footer p,
.bro-lastchange-item,
.bro-yasam {
    font-family: Open Sans;
    font-weight: 300;
    padding-left: 30px;
}
.bro-filemore a {
    color: #0682dc
}
.bro-lastchange-container {
    zoom: 1
}
.bro-lastchange-container:after,
.bro-lastchange-container:before {
    display: table;
    content: ''
}
.bro-lastchange-item {
    float: left;
    padding: 20px;
    width: 23%;
    margin-right: 2.66666667%;
    background-color: #fff;
    border: 2px solid #e6e9ed;
    border-radius: 8px;
    color: #1f2225;
    min-height: 90px
}
.bro-lastchange-item:nth-last-child(1) {
    margin-right: 0
}
.bro-lastchange-item.bro-select {
    border: 2px solid #ff7f05;
    position: relative;
}
.bro-lastchange-item:hover {
    border: 2px solid #0898ff;
    cursor: pointer
}
.bro-yasam {
    display: block;
    color: #9da2a7;
    font-size: 18px;
    line-height: 78px;
	background:url('images/x1.png') no-repeat left center;
	padding-left:20px;
	margin-left:30px;
}
.bro-yasam:hover {
    color: #ff7f05;
	background:url('images/x2.png') no-repeat left center;
}
.bro-yasam img {
    margin-right: 10px
}
@media (max-width: 1300px) {
    .bro-lastchange-item {
        min-height: auto;
        width: 100%;
        margin-bottom: 20px
    }
    .bro-yasam {
        position: static;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        display: inline-block;
    }
}
.bro-podkluchitsa {
    width: 100%
}
.bro-podkluchitsa img {
    margin-right: 10px
}
@media (max-width: 1300px) {
    .bro-podkluchitsa {
        position: static;
        bottom: 70px;
        left: 0;
        right: 0;
        box-sizing: border-box;
        width: 90%;
        margin: auto
    }
    .bro-footer .bro-container>div {
        width: 100%
    }
}
.bro-footer {
    zoom: 1;
    margin-top: 100px;
}
.bro-footer .bro-container {
    border-top: 1px solid #ccd3db;
    border-bottom: 1px solid #ccd3db
}
.bro-footer:after,
.bro-footer:before {
    display: table;
    content: ''
}
.bro-footer .bro-container {
    padding: 40px 10px
}
.bro-footer .bro-container>div:nth-child(1) p {
    padding-left: 86px
}
@media (max-width: 1300px) {
    .bro-footer .bro-container>div:nth-child(1) p {
        padding: 0
    }
}
.bro-footer .bro-container>div:nth-last-child(1) {
    text-align: right
}
.bro-footer .bro-container>div:nth-last-child(1) p {
    margin-top: -10px;
    padding-right: 45px
}
@media (max-width: 1300px) {
    .bro-footer .bro-container>div:nth-last-child(1) {
        text-align: center;
        margin-top: 40px
    }
    .bro-footer .bro-container>div:nth-last-child(1) p {
        padding: 0
    }
}
.bro-footer .bro-container p.bro-copy:nth-last-child(1) {
    text-align: right;
    margin-top: 15px
}
.bro-footer p {
    font-size: 14px;
    line-height: 24px;
    color: #9da2a7;
	padding:0 100px!important;
}
@media (max-width: 462px) {
.bro-footer p {
	padding:0 0px!important;
}
}
@media (max-width: 655px) {
.bro-block1 .bro-container {
	padding-left: 0!Important;
	padding-right: 0!Important;
}
}

.bro-panel h2,
.bro-sucsespage h2{
    line-height: 50px;
    font-family: Open Sans;
    font-weight: 300
}
.bro-sucsespage h3{
	line-height: 30px;
    font-family: Open Sans;
    font-weight: 300
}
.bro-footer a {
    color: #0682dc
}

.bro-footer .bro-container {
    border-bottom: 0px;
}

.bro-sucsespage.bro-sucsespage_remind {
    padding-bottom: 0px;
}

.bro-sucsespage_icons {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.bro-sucsespage_icons div {
    margin: 50px;
    text-align: center;
    display: inline-block;
}

.bro-sucsespage_icons span {
    margin-top: 20px;
    display: block;
}

.bro-sucsespage_icons img {
    display: block;
    margin: 0 auto;
}


@media (max-width: 1300px) {
    .bro-footer .bro-container p.bro-copy:nth-last-child(1) {
        text-align: center
    }
    .bro-soci {
        display: block;
        margin-top: 10px
    }
}
.bro-soci a {
    display: inline-block;
    margin: 0 5px;
	position:relative;
}
.bro-soci a:hover{
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.bro-carusel {
    padding-bottom: 40px
}
.bro-carusel-item {
    display: block;
    margin: 15px;
    border: 2px solid #e6e9ed;
    background: #fff;
    border-radius: 8px;
    min-height: 229px;
    text-align: center;
    position: relative;
}
.owl-next,
.owl-prev {
    width: 26px;
    height: 49px
}
.bro-carusel-item>div {
    padding: 10px 20px 0;
}

.bro-carusel-item>div.bro-carusel-item-image {
	display:inline-block;
	vertical-align:top;
    width: 151px;
    height: 151px;
    margin: 5px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0px;
}


.bro-carusel-item.bro-select {
    border: 2px solid #ff7f05;
}

.bro-carusel-item.bro-select {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAOABEDAREAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAACAcJCv/EACMQAAEEAgICAgMAAAAAAAAAAAQCAwUGAQcIEgATERRikuH/xAAWAQEBAQAAAAAAAAAAAAAAAAAHCAn/xAAjEQACAgMAAgMAAwEAAAAAAAACBAMFAQYHERIACBMUUpIV/9oADAMBAAIRAxEAPwDb5q3kxp/cFhudUp1mSqw0eUko+ViZZnMUYYJFv5FJn4doleFSEEklLjLhaMIfEWlCpAURsoJwkc593nmfTbradd1i+ErrUrB5KxrrGL/nMtLV82V57isjnLBO1GJxOI2BwEyxCBOLrAwobCxvXE+i87qNbvtjpCGn2hFNtB9CTD667D0WJ4amxkgHIp2uYSCUFyyUTAkeFJ2DXaGAQzWwL3zS5DxdL1BZ5yo6G0nPCTls2HWzXgC7PPiOutspiDmvhLqS+hcdXWFe4TIOZWzHtGtKjY5MnWm57f8Aaftlfq3NL+21rj/Kbha22PdqNmVNm/uVpJAiGtcj8DILPoylSQl+i+U82N85G3GSKI0/W6jqn1q4+9svQ6Or2Hq3TapiroNPuV4ml6OpYCM5M2CsnkoyX9l3LiUfzYw1/BpFJFZBdcK1b1/m5+3880R9Mf2P/WfkF++f6h/nHwIcpuD9c3gS7eqDKM64216nBjZ8XBI0Ta48phYJw1lZjMYKwauOefGTLiocILEWuMlWDxFjqAkH7CfUyj61Oe3adYRaN0j0OBu5XxPBW7EkzCSbcF7Gh4Yw0SUsq42S4nMwsRoWMLixwEnVXCftBdcvhDVtsRk3Pn/uEy1TPmGawoXIJRbVmpZHc5g/jC5HFOVcwQwrsCLyEqjAzYbTWktN1HRGu4TXlOH6hxzf2JOTdbQmQsM4QhvElOya0fPcs1baEob7KbCCZFjxuoojCEvXKOX61yDSarSdYg8Koh+z78gALt1bTAGHrd8h8+zLRgOAD2IFVY10oPC60QiJdO6RsPVdws9w2Obyy4f5IoxmRKU9XER5Tq0RLx6wLCZZM/UTZZkncm8zsSlmWfEf4f8Az//Z) 95% 10% no-repeat #fff;
}

.owl-item .bro-carusel-item.bro-select {
    background: #fff;
}

.owl-item .bro-carusel-item.bro-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 14px;
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAOABEDAREAAhEBAxEB/8QAFwABAAMAAAAAAAAAAAAAAAAACAcJCv/EACMQAAEEAgICAgMAAAAAAAAAAAQCAwUGAQcIEgATERRikuH/xAAWAQEBAQAAAAAAAAAAAAAAAAAHCAn/xAAjEQACAgMAAgMAAwEAAAAAAAACBAMFAQYHERIACBMUUpIV/9oADAMBAAIRAxEAPwDb5q3kxp/cFhudUp1mSqw0eUko+ViZZnMUYYJFv5FJn4doleFSEEklLjLhaMIfEWlCpAURsoJwkc593nmfTbradd1i+ErrUrB5KxrrGL/nMtLV82V57isjnLBO1GJxOI2BwEyxCBOLrAwobCxvXE+i87qNbvtjpCGn2hFNtB9CTD667D0WJ4amxkgHIp2uYSCUFyyUTAkeFJ2DXaGAQzWwL3zS5DxdL1BZ5yo6G0nPCTls2HWzXgC7PPiOutspiDmvhLqS+hcdXWFe4TIOZWzHtGtKjY5MnWm57f8Aaftlfq3NL+21rj/Kbha22PdqNmVNm/uVpJAiGtcj8DILPoylSQl+i+U82N85G3GSKI0/W6jqn1q4+9svQ6Or2Hq3TapiroNPuV4ml6OpYCM5M2CsnkoyX9l3LiUfzYw1/BpFJFZBdcK1b1/m5+3880R9Mf2P/WfkF++f6h/nHwIcpuD9c3gS7eqDKM64216nBjZ8XBI0Ta48phYJw1lZjMYKwauOefGTLiocILEWuMlWDxFjqAkH7CfUyj61Oe3adYRaN0j0OBu5XxPBW7EkzCSbcF7Gh4Yw0SUsq42S4nMwsRoWMLixwEnVXCftBdcvhDVtsRk3Pn/uEy1TPmGawoXIJRbVmpZHc5g/jC5HFOVcwQwrsCLyEqjAzYbTWktN1HRGu4TXlOH6hxzf2JOTdbQmQsM4QhvElOya0fPcs1baEob7KbCCZFjxuoojCEvXKOX61yDSarSdYg8Koh+z78gALt1bTAGHrd8h8+zLRgOAD2IFVY10oPC60QiJdO6RsPVdws9w2Obyy4f5IoxmRKU9XER5Tq0RLx6wLCZZM/UTZZkncm8zsSlmWfEf4f8Az//Z) no-repeat #fff;
}


.bro-carusel-item:hover {
    border: 2px solid #0898ff;
    cursor: pointer
}
.bro-menu-open {
    overflow: hidden
}
.bro-menu-open .bro-header-contact,
.bro-menu-open .bro-header-logo {
    position: fixed
}

.bro-header-logo img {
    width: 186px;
}

.bro-menu-open .bro-header-contact>div {
    position: fixed;
    top: 225px;
    right: 0;
    left: 0;
    text-align: center;
    color: #0682dc;
}
.bro-menu-open .bro-header-contact>div:nth-child(2) {
    top: 268px;
    color: #9da2a7;
}
.bro-menu-open .bro-header-menu {
    position: fixed;
    top: 0;
    margin: auto;
    background-color: #fff;
    z-index: 2;
    max-height: 329px;
    width: 100%;
}
.bro-menu-open .bro-header-menu ul {
    zoom: 1;
    position: fixed;
    top: 0;
    text-align: center;
    right: 0;
    left: 0;
    margin: auto;
}
.bro-menu-open .bro-header-menu ul:after,
.bro-menu-open .bro-header-menu ul:before {
    display: table;
    content: ''
}

.bro-menu-open .bro-header-menu li {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center
}
.bro-menu-open .bro-header-menu li a {
    color: #0682dc
}
@media (min-width: 1300px) {
    .bro-menu-open .bro-header-menu li:nth-child(1) a {
        color: #1f2225
    }
}

.bro-menu-open .bro-header-menu li:nth-child(2) {
    top: 70px
}
.bro-menu-open .bro-header-menu li:nth-child(3) {
    top: 115px
}
.bro-menu-open .bro-header-menu li:nth-child(4) {
    top: 165px;
}
.owl-controls,
.owl-next,
.owl-prev {
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute
}
.owl-stage:after,
.owl-stage:before {
    display: table;
    content: ''
}
.bro-panel,
.bro-panel a,
.owl-dot {
    display: inline-block
}
.owl-controls {
    right: 0;
    left: 0;
    z-index: -1
}
.owl-stage {
    zoom: 1;
    z-index: 2
}
.owl-prev {
    left: -20px
}
.owl-next {
    right: -20px
}
.owl-dots {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    text-align: center
}
.owl-dot {
    width: 24px;
    height: 3px;
    background-color: #ccd3db;
    margin-right: 5px;
    margin-left: 5px
}
.owl-dot.active {
    background-color: #0682dc
}
.bro-tab-body-item1 * {
    pointer-events: none
}
.bro-sucsespage {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 120px
}
.bro-sucsespage h2 {
    color: #1e1f21;
    font-size: 48px;
    margin-bottom: 25px
}
.bro-sucsespage h3 {
    color: #1f2225;
    font-size: 20px;
    margin-bottom: 100px
}
.bro-panel {
    padding: 35px 50px;
    background-color: #f5f7f9;
    border-radius: 10px
}
.bro-panel h2 {
    color: #1e1f21;
    font-size: 36px
}
.bro-panel h2 img {
    margin-right: 10px
}
.bro-panel a {
    margin: 20px;
    color: #1f2225;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    padding: 20px 25px
}
@media (min-width: 1300px) {
    .bro-howwork-text {
        width: 1350px;
        padding: 0;
    }
}


.bro-formwarn {
    margin-top: 16px;
    float: left;
    text-align: left;
    display: none;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #ff7f05;
}


.remind-user-preview-img {
    max-width: 80px;
}

.del-user-img,
.add-user-img {
    pointer-events: auto !important;
}
.del-user-img {
    padding-left: 5px;
}

.user-img-drop {
    width: 100% !important;
    padding-bottom: 15px;
}

.filter-input-select{
    margin-top: 5px;
    float: left;
    padding: 6px;
    background-color: #fff;
    border: 2px solid #e6e9ed;
    border-radius: 8px;
    color: #1f2225;
    min-width: 100%;
    max-width: 586px;
    overflow: hidden;
    display: none;
}

span.filter-name-choose {
    width: 100%;
    display: block;
    text-align: center;
    font-family: Open Sans;
    font-size: 16px;
}



/* new style */

.input {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 0 1em 0;
	max-width: 350px;
	width: calc(100% - 2em);
	vertical-align: top;
}

.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #f0f0f0;
	color: #aaa;
	/*font-weight: bold; */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
	outline: none;
}

.input__label {
	display: inline-block;
	float: right;
	padding: 0 1em;
	width: 40%;
	color: #6a7989;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1.2em 0;
	width: 100%;
}

.graphic {
	position: absolute;
	top: 0;
	left: 0;
	fill: none;
}
input.error + .input__label--hoshi:after{width:0;}
input.error:focus + .input__label--hoshi:after{width:100%;}

.icon {
	color: #ddd;
	font-size: 150%;
}

/* Individual styles */

/* Haruki */

.input--haruki {
	margin: 4em 1em 1em;
}

.input__field--haruki {
	padding: 0.4em 0.25em;
	width: 100%;
	background: transparent;
	color: #AFB5BB;
	font-size: 1.55em;
}

.input__label--haruki {
	position: absolute;
	width: 100%;
	text-align: left;
	pointer-events: none;
}

.input__label-content--haruki {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--haruki::before,
.input__label--haruki::after {
	content: '';
	position: absolute;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 4px;
	background: #6a7989;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--haruki::before {
	top: 0;
}

.input__label--haruki::after {
	bottom: 0;
}

.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
	-webkit-transform: translate3d(0, -90%, 0);
	transform: translate3d(0, -90%, 0);
}

.input__field--haruki:focus + .input__label--haruki::before,
.input--filled .input__label--haruki::before {
	-webkit-transform: translate3d(0, -0.5em, 0);
	transform: translate3d(0, -0.5em, 0);
}

.input__field--haruki:focus + .input__label--haruki::after,
.input--filled .input__label--haruki::after {
	-webkit-transform: translate3d(0, 0.5em, 0);
	transform: translate3d(0, 0.5em, 0);
}

/* Hoshi */
.input--hoshi {
	overflow: hidden;
}
.input--hoshi input:focus, .input--filled input {
    border-bottom:0 !important;
}

.input__field--hoshi {
	margin-top: 1em;
	padding: 0.85em 0.15em;
	width: 100%;
	background: transparent;
	color: #595F6E;
}

.input__label--hoshi {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0.25em;
	width: 100%;
	height: calc(100% - 1em);
	text-align: left;
	border-bottom:1px solid #9da2a7;
	pointer-events: none;
}
.input__label--hoshi:focus{border-bottom:0;}

.input__label-content--hoshi {
	position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 10px);
}

.input__label--hoshi::after {
	margin-top: 8px;
	border-bottom: 4px solid red;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
	border-color: #ff7f05;
}

.input__label--hoshi-color-2::after {
	border-color: hsl(160, 100%, 50%);
}

.input__label--hoshi-color-3::after {
	border-color: hsl(20, 100%, 50%);
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
	-webkit-animation: anim-1 0.3s forwards;
	animation: anim-1 0.3s forwards;
    padding: 0 0;
}

@-webkit-keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

@keyframes anim-1 {
	50% {
		opacity: 0;
		-webkit-transform: translate3d(1em, 0, 0);
		transform: translate3d(1em, 0, 0);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(-1em, -40%, 0);
		transform: translate3d(-1em, -40%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}
}

/* Kuro */
.input--kuro {
	max-width: 320px;
	margin-bottom: 3em;
}

.input__field--kuro {
	width: 100%;
	background: transparent;
	color: #9196A1;
	opacity: 0;
	text-align: center;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--kuro {
	position: absolute;
	left: 0;
	width: 100%;
	color: #df6589;
	pointer-events: none;
}

.input__label--kuro::before,
.input__label--kuro::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	border: 4px solid #747981;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--kuro::before {
	border-right: none;
}

.input__label--kuro::after {
	left: 50%;
	border-left: none;
}

.input__field--kuro:focus,
.input--filled .input__field--kuro {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__field--kuro:focus + .input__label--kuro::before,
.input--filled .input__label--kuro::before {
	-webkit-transform: translate3d(-10%, 0, 0);
	transform: translate3d(-10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro::after,
.input--filled .input__label--kuro::after {
	-webkit-transform: translate3d(10%, 0, 0);
	transform: translate3d(10%, 0, 0);
}

.input__field--kuro:focus + .input__label--kuro .input__label-content--kuro,
.input--filled .input__label-content--kuro {
	-webkit-animation: anim-2 0.3s forwards;
	animation: anim-2 0.3s forwards;
}

@-webkit-keyframes anim-2 {
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 1);
		transform: scale3d(0.3, 0.3, 1);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
		transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 3.7em, 0);
		transform: translate3d(0, 3.7em, 0);
	}
}

@keyframes anim-2 {
	50% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 1);
		transform: scale3d(0.3, 0.3, 1);
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
		transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 3.7em, 0);
		transform: translate3d(0, 3.7em, 0);
	}
}

/* Jiro */
.input--jiro {
	margin-top: 2em;
}

.input__field--jiro {
	padding: 0.85em 0.5em;
	width: 100%;
	background: transparent;
	color: #DDE2E2;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--jiro {
	position: absolute;
	left: 0;
	padding: 0 0.85em;
	width: 100%;
	height: 100%;
	text-align: left;
	pointer-events: none;
}

.input__label-content--jiro {
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}

.input__label--jiro::before,
.input__label--jiro::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--jiro::before {
	border-top: 2px solid #6a7989;
	-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__label--jiro::after {
	z-index: -1;
	background: #6a7989;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.input__field--jiro:focus,
.input--filled .input__field--jiro {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__field--jiro:focus + .input__label--jiro .input__label-content--jiro,
.input--filled .input__label-content--jiro {
	-webkit-transform: translate3d(0, -80%, 0);
	transform: translate3d(0, -80%, 0);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--jiro:focus + .input__label--jiro::after,
.input--filled .input__label--jiro::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

/* Minoru */
.input__field--minoru {
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 0px 2px transparent;
	color: #eca29b;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}

.input__label--minoru {
	padding: 0;
	width: 100%;
	text-align: left;
}

.input__label--minoru::after {
	content: '';
  	position: absolute;
  	top: 0;
  	z-index: -1;
  	width: 100%;
  	height: 4em;
	box-shadow: 0px 0px 0px 0px;
	color: rgba(199,152,157, 0.6);
}

.input__field--minoru:focus {
	box-shadow: 0px 0px 0px 2px #eca29b;
}

.input__field--minoru:focus + .input__label--minoru {
	pointer-events: none;
}

.input__field--minoru:focus + .input__label--minoru::after {
	-webkit-animation: anim-shadow 0.3s forwards;
	animation: anim-shadow 0.3s forwards;
}

@-webkit-keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

@keyframes anim-shadow {
	to {
		box-shadow: 0px 0px 100px 50px;
    	opacity: 0;
	}
}

.input__label-content--minoru {
	padding: 0.75em 0.15em;
}

/* Yoko */
.input__field--yoko {
	z-index: 10;
	width: 100%;
	background: transparent;
	color: #f5f5f5;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--yoko {
	position: relative;
	width: 100%;
	color: #b04b40;
	text-align: left;
}

.input__label--yoko::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 4em;
	background: #c5564a;
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--yoko::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.25em;
	background: #ad473c;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--yoko {
	padding: 0.75em 0;
}

.input__field--yoko:focus,
.input--filled .input__field--yoko {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.input__field--yoko:focus + .input__label--yoko::before,
.input--filled .input__label--yoko::before {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.input__field--yoko:focus + .input__label--yoko,
.input--filled .input__label--yoko {
	pointer-events: none;
}

.input__field--yoko:focus + .input__label--yoko::after,
.input--filled .input__label--yoko::after {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
}

/* Kyo */
.input--kyo {
	z-index: auto;
}

.input__field--kyo {
	padding: 0.85em 1.5em;
	width: 100%;
	border-radius: 2em;
	background: #fff;
	color: #535d92;
}

.input__label--kyo {
	z-index: 0;
	padding: 0 0 0 2em;
	width: 100%;
	text-align: left;
}

.input__label--kyo::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(11, 43, 205, 0.6);
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	pointer-events: none;
}

.input__label-content--kyo {
	padding: 0.5em 0;
}

.input__field--kyo:focus,
.input__field--kyo:focus +  .input__label--kyo .input__label-content--kyo {
	z-index: 10000;
}

.input__field--kyo:focus + .input__label--kyo {
	color: #fff;
}

.input__field--kyo:focus + .input__label--kyo::after {
	opacity: 1;
}

/* Akira */
.input--akira {
	margin-top: 2em;
}

.input__field--akira {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	padding: 0 1em;
	width: 100%;
	height: 100%;
	background: transparent;
	text-align: center;
}

.input__label--akira {
	padding: 0;
	width: 100%;
	background: #696a6e;
	color: #cc6055;
	cursor: text;
}

.input__label--akira::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2f3238;
	-webkit-transform: scale3d(0.97, 0.85, 1);
	transform: scale3d(0.97, 0.85, 1);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--akira {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--akira:focus + .input__label--akira::before,
.input--filled .input__label--akira::before {
	-webkit-transform: scale3d(0.99, 0.95, 1);
	transform: scale3d(0.99, 0.95, 1);
}

.input__field--akira:focus + .input__label--akira,
.input--filled .input__label--akira {
	cursor: default;
	pointer-events: none;
}

.input__field--akira:focus + .input__label--akira .input__label-content--akira,
.input--filled .input__label-content--akira {
	-webkit-transform: translate3d(0, -3.5em, 0);
	transform: translate3d(0, -3.5em, 0);
}

/* Ichiro */
.input--ichiro {
	margin-top: 2em;
}

.input__field--ichiro {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 100;
	display: block;
	padding: 0 0.55em;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	background: #f0f0f0;
	color: #7F8994;
	opacity: 0;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.input__label--ichiro {
	width: 100%;
	text-align: left;
	cursor: text;
}

.input__label--ichiro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--ichiro {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__field--ichiro:focus,
.input--filled .input__field--ichiro {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.input__field--ichiro:focus + .input__label--ichiro,
.input--filled .input__label--ichiro {
	cursor: default;
	pointer-events: none;
}

.input__field--ichiro:focus + .input__label--ichiro::before,
.input--filled .input__label--ichiro::before {
	-webkit-transform: scale3d(1, 1.5, 1);
	transform: scale3d(1, 1.5, 1);
}

.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
.input--filled .input__label-content--ichiro {
	-webkit-transform: translate3d(0, -3.15em, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(0, -3.15em, 0) scale3d(0.8, 0.8, 1) translateZ(1px);
}

/* Juro */
.input--juro {
	overflow: hidden;
}

.input__field--juro {
	position: absolute;
	z-index: 100;
	padding: 2.15em 0.75em 0;
	width: 100%;
	background: transparent;
	color: #1784cd;
	font-size: 0.85em;
}

.input__label--juro {
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: left;
}

.input__label-content--juro {
	padding: 2em 1em;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	transition: transform 0.3s, color 0.3s;

	text-rendering: geometricPrecision;
}

.input__label--juro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	-webkit-transition: border-width 0.3s, border-color 0.3s;
	transition: border-width 0.3s, border-color 0.3s;
}

.input__field--juro:focus + .input__label--juro::before,
.input--filled .input__label--juro::before {
	border-width: 8px;
	border-color: #1784cd;
	border-top-width: 2em;
}

.input__field--juro:focus + .input__label--juro .input__label-content--juro,
.input--filled .input__label--juro .input__label-content--juro {
	color: #fff;
	-webkit-transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);
	transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1) translateZ(1px);
}

/* Hideo */
.input--hideo {
	overflow: hidden;
	background: #fff;
}

.input__field--hideo {
	padding: 0.85em 0.85em 0.85em 3em;
	width: 100%;
	background: transparent;
	-webkit-transform: translate3d(1em, 0, 0);
	transform: translate3d(1em, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label--hideo {
	position: absolute;
	padding: 1.25em 0 0;
	width: 4em;
	height: 100%;
}

.input__label--hideo::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 4em;
	height: 100%;
	background: #899dda;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.icon--hideo {
	color: #fff;
	-webkit-transform: scale3d(1, 1, 1); /* Needed for Chrome bug */
	transform: scale3d(1, 1, 1);
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--hideo {
	position: absolute;
	top: 100%;
}

.input__field--hideo:focus {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--hideo:focus + .input__label--hideo::before {
	-webkit-transform: scale3d(0.8, 1, 1);
	transform: scale3d(0.8, 1, 1);
}

.input__field--hideo:focus + .input__label--hideo .icon--hideo {
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
}

/* Madoka */
.input--madoka {
	margin: 1.1em;
}

.input__field--madoka {
	width: 100%;
	background: transparent;
	color: #7A7593;
}

.input__label--madoka {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #7A7593;
	text-align: left;
	cursor: text;
}

.input__label-content--madoka {
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.graphic--madoka {
	-webkit-transform: scale3d(1, -1, 1);
	transform: scale3d(1, -1, 1);
	-webkit-transition: stroke-dashoffset 0.3s;
	transition: stroke-dashoffset 0.3s;
	pointer-events: none;

	stroke: #7A7593;
	stroke-width: 4px;
	stroke-dasharray: 962;
	stroke-dashoffset: 558;
}

.input__field--madoka:focus + .input__label--madoka,
.input--filled .input__label--madoka {
	cursor: default;
	pointer-events: none;
}

.input__field--madoka:focus + .input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka {
	stroke-dashoffset: 0;
}

.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
	-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
	transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
}

/* Kaede */
.input--kaede {
	display: block;
	overflow: hidden;
	margin: 1em auto 2em;
	background: #EFEEEE;
}

.input__field--kaede {
	position: absolute;
	top: 0;
	right: 100%;
	width: 60%;
	height: 100%;
	background: #fff;
	color: #9DABBA;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label--kaede {
	z-index: 10;
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
	cursor: text;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label-content--kaede {
	padding: 1.5em 0;
}

.input__field--kaede:focus,
.input--filled .input__field--kaede {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition-delay: 0.06s;
	transition-delay: 0.06s;
}

.input__field--kaede:focus + .input__label--kaede,
.input--filled .input__label--kaede  {
	-webkit-transform: translate3d(60%, 0, 0);
	transform: translate3d(60%, 0, 0);
	pointer-events: none;
}

@media screen and (max-width: 34em) {
	.input__field--kaede:focus + .input__label--kaede,
	.input--filled .input__label--kaede  {
		-webkit-transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
		transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
		pointer-events: none;
	}
}

/* Isao */
.input__field--isao {
	z-index: 10;
	padding: 0.75em 0.1em 0.25em;
	width: 100%;
	background: transparent;
	color: #afb3b8;
}

.input__label--isao {
	position: relative;
	overflow: hidden;
	padding: 0;
	width: 100%;
	color: #dadada;
	text-align: left;
}

.input__label--isao::before {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 7px;
	background: #dadada;
	-webkit-transform: scale3d(1, 0.4, 1);
	transform: scale3d(1, 0.4, 1);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__label--isao::after {
	content: attr(data-content);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.75em 0.15em;
	color: #da7071;
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	pointer-events: none;
}

.input__field--isao:focus + .input__label--isao::before {
	background-color: #da7071;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.input__field--isao:focus + .input__label--isao {
	pointer-events: none;
}

.input__field--isao:focus + .input__label--isao::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__label-content--isao {
	padding: 0.75em 0.15em;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.input__field--isao:focus + .input__label--isao .input__label-content--isao {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.input--filled{padding-top:1px;}

.mainWrap{position:relative;max-width:1600px;margin:0 auto;padding:0 60px;box-sizing:border-box;}
.mainWrap:after{content:"";clear:both;font-size:1px;line-height:1px;height:0;overflow:hidden;display:block;}
@media (max-width: 1510px) {
.mainWrap {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 0px;
    box-sizing: border-box;
}
.bro-header-logo {
    margin-right: 10px;
}
.bro-header-contact-phone {
    font-size: 26px;
}
}
.bro-carusel-item{font-size:12px;}

.sepDotte{display:inline-block;vertical-align:top;width:5px;height:25px;background:url('images/dotted.png') no-repeat left center;}
@media (max-width: 1300px) {
    .sepDotte {
        display: none;
    }
}
    .bro-number.active {
        background-color: #ff7f05;
    }
.bro-container {
    padding: 0;
}
@media (max-width: 1510px) {
.bro-container {
    padding: 0 24px;
}
}
    .dropSearch {
        border-top: 1px solid #ccc;
        z-index: 97 !important;
    }

    .dropSearch {
        overflow: hidden;
        margin-top: 7px;
        left: -99999999px;
        width: 1px;
        height: 1px;
    }

    .dropSearch.active {
        overflow: visible;
        left: 0;
        width: 390px;
        height: auto;
        background: #fff;
        padding: 15px 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 4px 15px 0 #afb9bc;
        box-shadow: 0 4px 15px 0 #afb9bc;
    }

    .dropSearchList {
        margin-bottom: 15px;
    }

    .dropSearchList:after {
        content: "";
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .dslItem {
        display: block;
        font-size: 0;
        padding: 5px 15px;
    }

    .dslItem:after {
        content: "";
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .dslItem:hover {
        background: #f2f2f2;
    }

    .dslItemImg {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .dslItemText {
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        width: 270px;
        height: 40px;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
    }

    .dslItemText {
        width: auto !important;
        height: auto !important;
        white-space: normal !important;
    }

    .dslItemText .typho1 {
        display: block;
        color: #0066cc;
        padding-top: 4px;
        margin-bottom: 4px;
    }

    .dslItemText .typho2 {
        display: block;
        color: #000;
    }

    .dropSearchBottom {
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .dropSearchBottom:after {
        content: "";
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .dropSearchBottom ul {
        list-style-type: none;
        font-size: 0;
    }

    .dropSearchBottom ul li {
        display: block;
        height: auto !important;
        font-size: 14px;
        line-height: 20px;
        color: #000;
    }

    .dropSearchBottom ul li a {
        display: inline-block !important;
        vertical-align: top !important;
        color: #0066cc !important;
        padding: 0 !important;
        text-decoration: none;
    }

    .allResult {
        padding: 0 15px;
        margin-bottom: 5px;
    }

    .allResult:after {
        content: "";
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 0;
        overflow: hidden;
        display: block;
    }

    .allResult a {
        font-size: 14px;
        line-height: 14px;
        color: #0066cc;
        text-decoration: none;
    }

    .dropSearchSep {
        height: 1px;
        background: #e6e6e6;
        margin: 0 15px 15px 15px;
    }

    .dropSearchSep:after {
        content: "";
        clear: both;
        font-size: 1px;
        line-height: 1px;
        height: 0;
        overflow: hidden;
        display: block;
    }


#loyal .bro-header-menu {
    display: none;
}

.cities-dropdown {
    position: relative;
}

.popup.region-choose-popup {
    display: block;
    position: absolute;
    top: 0;
    max-width: 350px;
    width: calc(100% - 2em);
    overflow: hidden;
    max-height: none;
    border-radius: 8px;
    border: 1px solid #dbdee3;
    border-collapse: separate;
    box-shadow: 0px 4px 12px rgba(0,0,0,.07);
    background: #fff;
    z-index: 2;
}

.popup.region-choose-popup .close,
.popup.region-choose-popup .title,
.popup.region-choose-popup label { display:none; }
.popup.region-choose-popup input { border-bottom: 1px solid #dbdee3; box-sizing:border-box;padding:0 30px;margin:0;width:100%;height:50px;font:normal 14px/50px "Open Sans";color:#555;border-radius:0;
    background:#fff url(../site/images/icons/quick-search.svg) 95% 18px no-repeat; background-size: 16px; }
/*
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
*/
.popup.region-choose-popup .city-list {
    display: block;
    margin:0;
    border:0;
    height: 165px;
    padding-right: 5px;
    margin-right: 6px;
    overflow-x: hidden;
    overflow-y:scroll;
}
.popup.region-choose-popup .city-list::-webkit-scrollbar {  }

.popup.region-choose-popup .city-list ul { padding:0; }
.popup.region-choose-popup .city-list ul > li { box-sizing:border-box;margin:0;padding:0 0 0 30px !important;width:100%;font: normal 14px/40px "Open Sans";color:#555;border:0;cursor:pointer; }
.popup.region-choose-popup .city-list ul > li:hover { color:#fff;background-color:#ff7f05; }

.regions-sites__current { position:absolute;top:50px;left:-40px;display: block;z-index:10; }
.regions-sites__current .region_proposal {position:relative;top:auto;right:auto;display:block;box-sizing:border-box;margin:0;padding:22px 8px 8px 30px;width:270px;height:140px;font:300 16px/22px "Open Sans";color:#555;text-align:left;border:0;border-radius:8px;background-color:#fff;z-index:10;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.07);
}
.regions-sites__current .region_proposal::after { content:'';position:absolute;top:-32px;left:30px;border:20px solid transparent;border-bottom-color:#fff; }
.regions-sites__current .region_proposal a { display:inline-block;box-sizing:border-box;margin: 0;padding: 0;min-width:0;width:auto;font:600 12px/40px "Open Sans";color:#0680d9;letter-spacing:0.05em;text-transform:uppercase;text-align:center;text-decoration:none;

    border:1px solid #dbdee3;border-radius:20px;background:none; }
.regions-sites__current .region_proposal a:nth-of-type(1) { margin:14px 21px 0 0;width:56px; }
.regions-sites__current .region_proposal a:nth-of-type(2) { width:90px; }
.regions-sites__current .region_proposal a:hover { opacity: 0.8; }
.regions-sites__current .region_proposal .rs-rp-btn-close { position:absolute;top:10px;right:10px;width:10px;height:10px;background:url('../images/icons/close-button-mini.html') 0 0 no-repeat;cursor:pointer; }

.city-list::-webkit-scrollbar {
    width: 7px;
}

.city-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 6px;
}

.popup.display-none {
    display: none;
}

@media (max-width: 1300px) {
    .popup.region-choose-popup {
        left: 50%;
        overflow: hidden;
        text-align: left;
        transform: translateX(-50%);
    }

}

.serial-image-block .serial-image
{
    height: 114px;
    width: auto;
}

@media (min-width: 1300px) {
    .serial-image-block {
        margin-top: -70px;
        float: right !important;
        width: auto !important;
    }
}