.section-1 .button,
.section-1 h2,
.section-2 .item-1,
h1 {
    font-family: Calibri-Bold
}

.section-2 .bgr-1-2,
.section-4 .bgr-1-2 {
    opacity: .5
}

button {
    border: 0;
    outline: 0
}

.section-1 {
    position: relative;
    min-height: 700px;
    background: url(../img/bgr/1.jpg) center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 5
}

.section-1 .container {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.bgr-1-2_2 {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotateY(180deg)
}

h1 {
    font-size: 36px;
    position: relative;
    margin-top: 200px;
    line-height: 1.5;
    width: 100%
}

.section-1 .button,
.section-1 .items>div>div,
.section-1 h2 {
    font-size: 24px;
    position: relative
}

h1 span {
    padding: 3px 23px;
    width: auto;
    border: 3px solid red
}

.section-1 h2 {
    width: 100%;
    padding: 0 0 0 24px;
    max-width: 600px;
    line-height: 1.2
}

.section-1 .button {
    margin-top: 90px;
    width: 300px;
    height: 64px;
    text-transform: uppercase;
    cursor: pointer
}

.section-1 .items {
    margin-top: 90px
}

.section-1 .items>div>div {
    padding: 10px 12px;
    text-align: center;
    width: 90%;
    margin: auto;
    border: 2px solid #fff
}

.section-1 .direction {
    display: block;
    margin: 40px auto 0
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    h1 {
        font-size: 33px;
        margin-top: 131px;
        border: 3px solid red;
        padding: 5px
    }
    .section-1 h2,
    h1 span {
        padding: 0
    }
    h1 span {
        border: 0
    }
    .section-1 .button {
        margin-top: 43px
    }
    
   .mobile-only {display: block;}
    .nav-top {display: none;}
}

.section-2 {
    position: relative;
    min-height: 700px;
    background: url(../img/bgr/2_2.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 125px;
    padding-bottom: 15px
}

.section-2 .item-1 {
    color: #363636;
    font-size: 36px
}

.section-2 .item-1 span {
    border: 2px solid red;
    padding: 2px 3px;
    font-size: 48px
}

.section-2 .item-2 {
    margin-top: 40px;
    color: #231f20;
    font-size: 24px
}

.section-2 .item-3 {
    margin-top: 110px;
    color: #231f20;
    font-size: 18px
}

.section-2 form {
    position: relative;
    width: 100%;
    max-width: 378px;
    min-height: 444px;
    padding: 24px 38px;
    margin: auto;
    background: url(../img/blocks/2/1.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center
}

.section-2 form input {
    width: 100%;
    height: 58px;
    background: #fff;
    outline: 0;
    margin: 0 auto 24px;
    border: 1px solid #414042;
    font-size: 18px;
    padding: 0 15px;
    color: #231f20
}

.section-2 form .caption {
    font-size: 18px;
    font-family: Calibri-Light;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 24px
}

.section-2 form button {
    width: 180px;
    height: 62px;
    font-size: 24px;
    font-family: Calibri-Bold;
    position: relative;
    margin: auto;
    text-transform: uppercase
}

.section-3 .caption,
.section-4 .item,
.section-4 h2 {
    font-family: Calibri-Bold
}

.section-2 form .label_sndok {
    color: #fff;
    margin-top: 162px
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-2 .item-3 {
        margin-top: 20px
    }
    .section-2 {
        padding-top: 55px
    }
    .section-2 form {
        padding: 24px 10px
    }
}

.section-3 {
    position: relative;
    min-height: 700px;
    background: url(../img/bgr/3.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px;
    z-index: 5
}

.section-3 .caption {
    font-size: 36px;
    border: 2px solid red;
    padding: 2px 10px
}

.section-3 .item img {
    margin: 50px 0 20px
}

.section-3 .text {
    font-size: 18px
}

.section-3 .text span {
    text-decoration: underline;
    cursor: pointer
}

.section-3 .text span:hover {
    text-decoration: none
}

.section-3 .citatu {
    position: relative;
    width: 1155px;
    margin: 100px auto 0;
    overflow: auto
}

.section-3 .wrapp-citatu {
    overflow: hidden
}

.section-3 .item {
    display: block;
    float: left;
    width: 1155px
}

.section-3 .mCSB_scrollTools {
    position: relative;
    width: 400px!important;
    margin: 70px auto
}

@media only screen and (min-width:992px) and (max-width:1200px),
only screen and (min-device-width:992px) and (max-device-width:1200px) {
    .section-3 .citatu,
    .section-3 .item {
        width: 950px
    }
}

@media only screen and (min-width:768px) and (max-width:992px),
only screen and (min-device-width:768px) and (max-device-width:992px) {
    .section-3 .citatu,
    .section-3 .item {
        width: 730px
    }
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-3 .citatu,
    .section-3 .item {
        width: 320px
    }
    .section-3 .mCSB_scrollTools {
        width: 290px!important
    }
    .section-3 .caption {
        margin-top: 15px
    }
    .section-3 .citatu {
        margin: 30px auto 0;
        position: relative;
        left: -15px
    }
}

.section-4 {
    position: relative;
    min-height: 1000px;
    background: url(../img/bgr/4.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px
}

.section-5,
.section-6,
.section-7,
.section-8,
.section-9 {
    min-height: 700px
}

.section-4 h2 {
    color: #231f20;
    font-size: 36px;
    border: 3px solid red;
    padding: 2px 0;
    text-align: center;
    position: relative;
    margin: 60px auto 50px;
    width: 100%;
    max-width: 530px
}

.section-4 .item {
    float: left;
    width: 32%;
    border: 1px solid #111;
    margin: 1px;
    color: #414042;
    height: 110px;
    font-size: 24px;
    cursor: pointer;
    line-height: 1;
    position: relative;
    overflow: hidden
}

.section-4 .item p {
    width: 100%
}

.section-4 .item>div {
    float: left;
    height: 100%
}

.section-4 .item>div:nth-of-type(1) {
    width: 40%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.section-4 .item>div:nth-of-type(2) {
    width: 60%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: left!important;
    padding-right: 8px
}

.section-4 .bottom-table {
    margin-top: 70px
}

.section-4 .bottom-table p {
    color: #231f20;
    font-size: 18px
}

.section-4 .bottom-table .button,
.section-4 .bottom-table .price,
.section-4 .hover .button {
    font-family: Calibri-Bold;
    font-size: 24px
}

.section-4 .bottom-table p:nth-of-type(1) {
    margin: 15px 0 50px
}

.section-4 .bottom-table .button {
    width: 210px;
    height: 62px;
    text-transform: uppercase;
    margin-bottom: 24px;
    cursor: pointer
}

.section-4 .bottom-table .price {
    width: 252px;
    height: 64px;
    border: 1px solid red;
    cursor: pointer;
    color: red
}

.section-4 .bottom-table .price:hover {
    color: #231f20;
    border: 1px solid #fff
}

.section-4 .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 0, 0, .7);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.section-4 .hover .button {
    width: 170px;
    height: 62px;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -31px 15px 0 0;
    text-transform: uppercase;
    color: #fff
}

.section-5,
.section-5 .img-group,
.section-5 .instruments,
.section-5 .mCSB_scrollTools,
.section-5 h2,
.section-6,
.section-6 h2,
.section-6 img,
.section-7,
.section-7 h2,
.section-8,
.section-8 h3 {
    position: relative
}

.section-4 .item:hover .hover {
    opacity: 1
}

.section-4 .mCustomScrollbar {
    width: 100%;
    height: 560px
}

@media only screen and (min-width:992px) and (max-width:1200px),
only screen and (min-device-width:992px) and (max-device-width:1200px) {
    .section-4 .item {
        font-size: 18px
    }
}

@media only screen and (min-width:768px) and (max-width:992px),
only screen and (min-device-width:768px) and (max-device-width:992px) {
    .section-4 .item {
        width: 48%
    }
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-4 .item {
        width: 90%;
        font-size: 18px
    }
    .section-4 .bottom-table {
        margin-top: 25px
    }
    .section-4 .item>div:nth-of-type(1),
    .section-4 .item>div:nth-of-type(2) {
        width: 50%
    }
}

.section-5 {
    background: url(../img/bgr/5.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px
}

.section-5 h2 {
    width: 100%;
    font-size: 36px;
    font-family: Calibri-Bold;
    margin: 68px 0 50px;
    line-height: 1.3
}

.section-5 .caption,
.section-5 .caption-2 {
    font-size: 24px;
    font-family: Calibri-Bold
}

.section-5 h2 span {
    border: 2px solid red;
    padding: 0 10px
}

.section-5 .caption {
    margin-left: -15px
}

.section-5 .caption span {
    border: 2px solid #fff;
    padding: 0 10px
}

.section-5 .caption-2 {
    margin-top: 21px
}

.section-5 .text {
    font-size: 16px
}

.section-5 .instruments {
    width: 1155px;
    overflow: auto
}

.section-5 .wrapp-instruments,
.section-8 {
    overflow: hidden
}

.section-5 .item {
    display: block;
    float: left;
    width: 1155px
}

.section-5 .mCSB_scrollTools {
    width: 400px!important;
    margin: auto
}

.section-5 .button-1,
.section-5 .button-2 {
    padding: 0 15px;
    width: 100%;
    height: 60px;
    font-size: 24px;
    font-family: Calibri-Bold;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 21px;
    text-align: center
}

.section-5 .button-1 {
    max-width: 390px
}

.section-5 .button-2 {
    max-width: 200px
}

.section-5 .img-group {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:992px) and (max-width:1200px),
only screen and (min-device-width:992px) and (max-device-width:1200px) {
    .section-5 .instruments,
    .section-5 .item {
        width: 950px
    }
}

@media only screen and (min-width:768px) and (max-width:992px),
only screen and (min-device-width:768px) and (max-device-width:992px) {
    .section-5 .instruments,
    .section-5 .item {
        width: 730px
    }
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-5 .instruments,
    .section-5 .item {
        width: 320px;
        margin: auto
    }
    .section-5 .instruments {
        position: relative;
        left: -15px
    }
    .section-5 .mCSB_scrollTools {
        width: 290px!important
    }
    .section-5 .caption span {
        border: 0;
        padding: 0
    }
    .section-5 .caption {
        border: 2px solid #fff;
        margin-left: 0;
        padding: 5px
    }
}

.section-6 .button,
.section-6 h2 {
    width: 100%;
    font-family: Calibri-Bold
}

@media only screen and (min-width:0px) and (max-width:992px),
only screen and (min-device-width:0px) and (max-device-width:992px) {
    .section-5 h2 {
        border: 2px solid red;
        font-size: 26px;
        padding: 5px
    }
    .section-5 h2 span {
        border: 0;
        padding: 0
    }
    .section-5 .img-group {
        margin-top: 20px
    }
}

.section-6 {
    background: url(../img/bgr/6.jpg) center no-repeat ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px;
    z-index: 5
}

.section-6 h2 {
    font-size: 36px;
    margin: 68px 0;
    line-height: 1.3
}

.section-6 h2 span {
    border: 2px solid red;
    padding: 0 10px
}

.section-6 p {
    font-size: 18px;
    margin-bottom: 40px
}

.section-6 .caption {
    font-size: 24px!important;
    margin-bottom: 66px!important
}

.section-6 .button {
    padding: 0 15px;
    max-width: 300px;
    height: 60px;
    font-size: 24px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 21px;
    text-align: center
}

.section-6 img {
    display: block;
    margin: 50px auto
}

@media only screen and (min-width:0px) and (max-width:992px),
only screen and (min-device-width:0px) and (max-device-width:992px) {
    .section-6 h2 {
        border: 2px solid red;
        font-size: 26px;
        padding: 5px
    }
    .section-6 h2 span {
        border: 0;
        padding: 0
    }
    .section-6 .button {
        margin-bottom: 15px
    }
    .section-6 .caption {
        font-size: 24px!important;
        margin-bottom: 20px!important
    }
}

@media only screen and (min-width:0px) and (max-width:400px),
only screen and (min-device-width:0px) and (max-device-width:400px) {
    .section-6 img {
        width: 220px;
        margin: auto
    }
}

.section-7 {
    background: url(../img/bgr/7.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px
}

.section-7 h2 {
    width: 100%;
    font-size: 36px;
    font-family: Calibri-Bold;
    margin: 85px 0 50px;
    line-height: 1.3;
    text-align: center
}

.section-7 .discas,
.section-7 form input {
    font-family: Calibri-Light
}

.section-7 h2 span {
    border: 2px solid red;
    padding: 0 10px
}

.section-7 .discas {
    margin-top: 40px;
    font-size: 16px;
    text-align: center
}

.section-7 .discas img {
    display: block;
    margin: 0 auto 17px
}

.section-7 .form {
    padding-top: 90px;
    text-align: center
}

.section-7 .form p {
    font-size: 16px
}

.section-7 form button,
.section-7 form input {
    height: 38px;
    width: 30%;
    font-size: 18px;
    background: rgba(0, 0, 0, 0);
    float: left;
    outline: 0
}

.section-7 form {
    margin-top: 46px
}

.section-7 form button {
    border: 1px solid red;
    text-align: center;
    color: red
}

.section-7 form button:hover {
    color: #fff
}

.section-7 form input {
    border: 1px solid #fff;
    padding: 0 23px;
    color: #fff
}

.section-7 form .label_sndok {
    color: #fff!important
}

@media only screen and (min-width:0px) and (max-width:992px),
only screen and (min-device-width:0px) and (max-device-width:992px) {
    .section-7 h2 {
        border: 2px solid red;
        font-size: 26px;
        padding: 5px
    }
    .section-7 h2 span {
        border: 0;
        padding: 0
    }
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-7 form button,
    .section-7 form input {
        width: 100%
    }
    .section-7 .discas img {
        margin: 20px auto 7px
    }
    .section-7 .discas {
        margin-top: 0
    }
    .section-7 h2 {
        margin: 20px 0
    }
}

.section-8 h3,
.section-9 h3 {
    font-family: Calibri-Bold;
    line-height: 1.3;
    text-align: center
}

.section-8 {
    background: url(../img/bgr/5.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.section-8 h3 {
    font-size: 36px;
    margin: 50px 0 60px;
    width: 100%
}

.section-8 .bx-next,
.section-8 .bx-prev {
    left: 50%;
    margin-left: -7px;
    background: url(../img/blocks/strel.png) no-repeat
}

.section-8 h3 span {
    border: 2px solid red;
    padding: 0 10px
}

.section-8 .caption {
    font-size: 24px;
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

.section-8 .bxslider img {
    width: 100%
}

.section-8 .captionTop {
    font-size: 18px;
    width: 100%;
    margin-bottom: 35px
}

.section-8 .captionTop.right {
    text-align: center;
    margin-bottom: 70px
}

.section-8 .bxslider {
    width: 240px
}

.section-8 .bxslider li {
    padding: 5px 0
}

.section-8 .bx-controls-direction a {
    width: 15px;
    height: 30px
}

.section-8 .bx-prev {
    margin-bottom: -50px;
    bottom: 0;
    transform: rotate(270deg)
}

.section-8 .bx-next {
    top: 0;
    margin-top: -50px;
    transform: rotate(90deg)
}

.section-8 .man-bootm {
    position: absolute;
    bottom: 0
}

.section-8 .specialist {
    position: relative;
    width: 100%;
    max-width: 444px;
    overflow: auto;
    margin: auto
}

.section-8 .wrapp-specialist {
    overflow: hidden
}

.section-8 .wrapp-specialist .item {
    display: block;
    float: left;
    width: 444px
}

.section-8 .name {
    font-size: 24px;
    font-family: Calibri-Bold
}

.section-8 .name span {
    background: red;
    padding: 8px 12px
}

.section-8 .text-1 {
    position: relative;
    width: 100%;
    margin: 10px 0 25px;
    font-size: 18px
}

.section-8 .text-2 {
    position: relative;
    width: 100%;
    margin: 0 0 25px;
    font-size: 16px
}

.section-8 .text-2 span {
    border: 1px solid red;
    padding: 0 5px;
    font-size: 18px;
    font-family: Calibri-Bold
}

@media only screen and (min-width:768px) and (max-width:992px),
only screen and (min-device-width:768px) and (max-device-width:992px) {
    .section-8 .man-bootm {
        width: 275px
    }
}

@media only screen and (min-width:0px) and (max-width:992px),
only screen and (min-device-width:0px) and (max-device-width:992px) {
    .section-8 {
        padding-bottom: 60px
    }
    .section-8 .captionTop.left {
        width: 100%;
        max-width: 444px;
        margin: auto
    }
    .section-8 .captionTop.right {
        margin-top: 30px
    }
}

@media only screen and (min-width:0px) and (max-width:767px),
only screen and (min-device-width:0px) and (max-device-width:767px) {
    .section-8 .bx-wrapper {
        position: relative;
        margin: inherit!important;
        left: 50%
    }
    .section-8 .man-bootm {
        width: 50%
    }
    .section-8 h3 {
        border: 2px solid red;
        font-size: 26px;
        padding: 5px
    }
    .section-8 h3 span {
        border: 0;
        padding: 0
    }
}

@media only screen and (min-width:0px) and (max-width:480px),
only screen and (min-device-width:0px) and (max-device-width:480px) {
    .section-8 .bx-wrapper {
        margin: auto!important;
        left: 0
    }
    .section-8 .man-bootm {
        display: none
    }
    .section-8 .specialist {
        width: 300px;
        max-width: 300px
    }
    .section-8 .wrapp-specialist .item {
        width: 300px
    }
    .section-8 h3 {
        font-size: 29px
    }
}

.section-9 {
    position: relative;
    background: url(../img/bgr/8.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 15px;
    color: #fff
}

.section-9 h3 {
    font-size: 36px;
    position: relative;
    margin: 70px 0;
    width: 100%;
    color: #fff
}

.section-9 h3 p:nth-of-type(1) {
    border: 3px solid red
}

#mymap,
#mymap-xs {
    height: 300px;
    border: 1px solid #053e5e
}

.section-9 h3 p {
    padding: 0 23px;
    width: auto;
    display: table;
    margin: auto
}

address {
    font-size: 18px;
    font-family: Calibri-Light
}

.FormGroupLabel .caption,
.section-9 .button,
address a,
address span {
    font-family: Calibri-Bold
}

address a {
    font-size: 30px;
    position: relative;
    width: 100%
}

address span {
    font-size: 24px
}

.section-9 .keys {
    font-size: 18px;
    margin-top: 32px;
    margin-bottom: 76px
}

#mymap {
    width: 100%
}

#mymap-xs {
    width: 100%;
    margin-top: 15px
}

.section-9 .button {
    font-size: 24px;
    padding: 15px 11px;
    cursor: pointer;
    margin-top: 75px;
    text-align: center
}

.section-9 a:hover {
    text-decoration: underline
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .section-9 .keys,
    address {
        text-align: center
    }
    .pandora {
        position: relative;
        display: block;
        margin: 0 auto 15px
    }
    .section-9 h3 {
        margin: 40px 0
    }
    .section-9 .button {
        margin-top: 0;
        margin-bottom: 15px
    }
}

.bgr-1-2 {
    position: absolute;
    right: 0;
    bottom: 0
}

.FormGroupLabel {
    position: fixed;
    height: 100%;
    width: 100%;
    background: url(../img/bgr/2.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.FormGroupLabel .closes {
    font-size: 60px;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color: #414042;
    line-height: .55;
    opacity: 1;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease
}

.FormGroupLabel .closes:hover {
    opacity: .6;
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.FormGroupLabel .caption {
    font-size: 24px;
    color: #414042;
    text-align: center;
    width: 100%;
    position: relative
}

.FormGroupLabel .content-popup {
    position: relative;
    width: 100%;
    height: 100%
}

.FormGroupLabel form {
    position: relative;
    max-width: 500px;
    margin: auto;
    padding: 0 15px;
    text-align: center
}

.FormGroupLabel input,
.FormGroupLabel textarea {
    width: 100%;
    height: 40px;
    outline: 0;
    border: 1px solid #414042;
    padding: 0 23px;
    font-size: 18px;
    color: #414042;
    font-family: Calibri-Light;
    margin: 0 auto 17px
}

.FormGroupLabel textarea {
    height: 116px;
    resize: none;
    margin-top: 5px;
    padding: 10px 25px
}

.FormGroupLabel .caption {
    margin-bottom: 10%
}

#form-question .caption {
    margin-bottom: 2%
}

.FormGroupLabel button {
    width: 300px;
    height: 62px;
    position: relative;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: Calibri-Bold;
    text-transform: uppercase;
    margin: 5% auto 0
}

#form-question button {
    margin: 2% auto 0
}

.centerinput {
    margin: 0 3.3333%
}

@media only screen and (min-width:0px) and (max-width:768px),
only screen and (min-device-width:0px) and (max-device-width:768px) {
    .FormGroupLabel .closes {
        top: 5px;
        right: 5px
    }
    .centerinput {
        margin: 15px 0
    }
    .FormGroupLabel .caption {
        margin-top: 50px;
        font-size: 16px
    }
}

.hvr-shutter-in-vertical {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.hvr-shutter-in-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
    color: #fff
}

.hvr-shutter-in-vertical:active:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:hover:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.hvr-red {
    background: #ca0000
}

.hvr-red:before {
    background: red
}

.hvr-grey {
    background: #0b0b0b
}

.hvr-grey:before {
    background: #262626
}

.hvr-white {
    background: #192835;
    color: #192835
}

.hvr-white:before {
    background: #fff
}

@media only screen and (min-width:992px) {
    .margin-left-md-12 {
        margin-left: 12.5%
    }
}

@media only screen and (min-width:0px) and (max-width:992px),
only screen and (min-device-width:0px) and (max-device-width:992px) {
    h3 {
        font-size: 30px!important
    }
}

@media only screen and (min-width:0px) and (max-width:500px),
only screen and (min-device-width:0px) and (max-device-width:500px) {
    h3 {
        font-size: 26px!important
    }
}

.cssload-loader {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -30px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px
}

.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.cssload-inner.cssload-one {
    left: 0;
    top: 0;
    animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid #fff
}

.cssload-inner.cssload-two {
    right: 0;
    top: 0;
    animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 3px solid #fff
}

.cssload-inner.cssload-three {
    right: 0;
    bottom: 0;
    animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 3px solid #fff
}

@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}
.pandora{
	margin-top: 30px;
}
.keys-2{
	text-align: center;
	margin-bottom: 30px;
}

#form-call button {
    margin: 11% auto 0;
}
#form-call .caption {
    margin-bottom: 20%;
}

.content-popup .condition{
	color: #414042;
	font-family: Calibri-Regular;
}
.condition{
	float: left;
	width: 100%;
	margin: 15px 0px 10px;
}
.condition input{
	width: 15px !important;
    float: none !important;
    height: 15px !important;
    position: relative;
    top: 4px;
    left: 5px;
}
.condition a{
	text-decoration: underline;
}
.cond-1{
	    margin-top: 27px;
	    font-size: 13px;
}

.man-bootm {
    display: none;
}
@media only screen and (min-width:0px) and (max-width:768px){
	.man-bootm {
		max-width: 100px;
		position: relative !important;
		left: 50%;
		margin-left: -50px;
	}
}