.tc {
    text-align: center;
}

.pt40 {
    padding-top: 40px;
}

.pt45 {
    padding-top: 45px;
}

@media(max-width: 991px) {
    .pt45 {
        padding-top: 35px;
    }
    .pt40 {
        padding-top: 30px;
    }
}

.mx {
    margin: 0 auto;
}

.mt8 {
    margin-top: 8px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.mt25 {
    margin-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb70 {
    padding-bottom: 70px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt65 {
    padding-top: 65px;
}

.pt70 {
    padding-top: 75px;
}

.pad {
    padding: 80px 0 100px 0;
}

.pb {
    padding-bottom: 95px;
}

.pad2 {
    padding: 50px 0 145px 0;
}

.pb-big {
    padding-bottom: 145px;
}

.pb-bottom {
    padding-bottom: 180px;
}

.mb-bottom {
    margin-bottom: 180px;
}

@media(max-width: 991px) {
    .mt50, .mt40, .mt35 {
        margin-top: 30px;
    }
    .mt60 {
        margin-top: 35px;
    }
    .mt70 {
        margin-top: 40px;
    }
    .pb50 {
        padding-bottom: 30px;
    }
    .pb70 {
        padding-bottom: 40px;
    }
    .pt40, .pt50 {
        padding-top: 30px;
    }
    .pt60 {
        padding-top: 30px;
    }
    .pt65, .pt70 {
        padding-top: 40px;
    }
    .pad {
        padding: 50px 0 60px 0;
    }
    .pb {
        padding-bottom: 60px;
    }
    .pad2 {
        padding-bottom: 80px;
    }
    .pb-big {
        padding-bottom: 110px;
    }
    .pb-bottom {
        padding-bottom: 100px;
    }
    .mb-bottom {
        margin-bottom: 100px;
    }
}

@media(max-width: 767px) {
    .pad2 {
        padding-bottom: 0;
    }
    .pb-bottom {
        padding-bottom: 90px;
    }
    .mb-bottom {
        margin-bottom: 90px;
    }
}

.block2 {
    background-color: #f3f6f8;
    padding: 40px 60px;
}

@media(max-width: 1260px) {
    .block2 {
        padding: 35px 30px;
    }
}

.block2 {
    padding-bottom: 15px;
}

.last {
    padding-bottom: 65px;
}

@media(max-width: 767px) {
    .block2 {
        padding: 30px 15px;
        padding-bottom: 30px;
    }
}

.mtm {
    margin-top: -205px;
}

.mtm2 {
    margin-top: -100px;
}

@media(max-width: 991px) {
    .mtm {
        margin-top: -80px;
    }
    .mtm2 {
        margin-top: 30px;
    }
}

.block-bottom {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1280px;
}

@media(max-width: 991px) {
    .block-bottom {
        max-width: 750px;
    }
}

@media(max-width: 500px) {
    .block-bottom {
        max-width: 450px;
    }
}
/*block -end*/

/*button with arrows - begin*/
.btn-arrows {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.btn-arrows .btn-block {
    margin: 0 25px;
}

.btn-arrows img {
    position: relative;
}

@media(max-width: 991px) {
    .btn-arrows img {
        max-height: 55px;
    }
    .btn-arrows .btn-block {
        margin: 0 10px;
    }
}

@media(max-width: 767px) {
    .btn-arrows img {
        max-height: 25px;
    }
    .btn-arrows .btn-block {
        width: 100%;
        flex: 1 1;
    }
    .btn-arrows .btn {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 375px) {
    .btn-arrows img {
        display: none;
    }
}

.arr-right {
    left: 0;
    animation: arr_right 3s infinite;
}

@keyframes arr_right {
    0% {
        left: 0;
    }
    25% {
        left: -10px;
    }
    50% {
        left: 0;
    }
    100% {
        left: 0;
    }
}

.arr-left {
    right: 0;
    animation: arr_left 3s infinite;
}

@keyframes arr_left {
    0% {
        right: 0;
    }
    25% {
        right: -10px;
    }
    50% {
        right: 0;
    }
    100% {
        right: 0;
    }
}
/*button with arrows - end*/

.maxw500 {
    width: 100%;
    max-width: 500px;
}

.maxw550 {
    width: 100%;
    max-width: 550px;
}

@media(max-width: 1260px) {
    .maxw550 {
        max-width: 500px;
    }
    .cols1260 .max {
        max-width: 100%;
    }
}

@media(max-width: 991px) {
    .maxw500, .maxw550 {
        max-width: 100%;
    }
}

.double-block {
    position: relative;
    border-radius: 7px;
    overflow: hidden;
}

.double-block .double-block.tc {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.shadow {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.p40 {
    padding: 40px 40px 45px 40px;
}

@media(max-width: 991px) {
    .p40 {
        padding: 35px 15px 40px 15px;
    }
    .below-block {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media(max-width: 767px) {
    .below-block {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.bg-opacity {
    opacity: 0.27;
}

.block3, .block4 {
    position: relative;
    background-color: #fff;
}

.block3 {
    position: relative;
    background-color: #fff;
    padding: 50px 40px 90px 40px;
}

.block4 {
    padding: 32px 40px 45px 40px;
}

@media(max-width: 991px) {
    .block3 {
       padding: 40px;
    }
    .bg {
        opacity: 0.4;
    }
}

@media(max-width: 767px) {
    .block3, .block4 {
       padding-left: 15px;
       padding-right: 15px;
    }
    .block4 {
        padding-bottom: 35px;
    }
}

.block {
    background-color: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 50px;
    padding-bottom: 70px;
}

.br0 {
    border-radius: 0;
}

.block-pad2 {
    padding: 43px 30px 60px 30px;
}

.block-pad3 {
    padding: 30px;
    padding-bottom: 50px;
}

@media(max-width: 1260px) {
    .block {
       padding: 45px 30px;
    }
}

.block-pad4 {
    padding: 50px 0;
}

.block-pad5 {
    padding: 50px 30px 55px 30px;
}

@media(max-width: 991px) {
    .block-pad2 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .block-pad5 {
        padding: 35px 17px 40px 17px;
    }
}

@media(max-width: 767px) {
    .block, .block-pad2 {
       padding: 35px 15px;
    }
    .block-pad3 {
        padding: 30px 15px;
    }
}

@media(max-width: 991px) {
    .block-pad4 {
        padding: 30px 0;
        padding-bottom: 0;
    }
}

.white {
    background-color: #fcfcfc;
}

.black {
    background-color: #000;
}

.lblue {
    background-color: #f3f6f8;
}

.blue {
    background-color: #0f6796;
}

.blue2 {
    background-color: #47aee1;
}

.dark {
    background-color: #0e182b;
}

.block.black {
    box-shadow: none;
}

.btn-block {
    display: flex;
}

@media(max-width: 991px) {
    .btn-block {
        justify-content: center;
    
    }
}

.w100 {
    width: 100%;
}

.btn {
    min-width: 230px;
    font-size: 16px;
    color: #fff;
    line-height: 1.25;
    letter-spacing: 0.9px;
    /*background-color: #47aee1;*/
    background-color: #0D5C87;
    /*border: 3px solid #195674;*/
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 45px;
}

.minw {
    min-width: 310px;
}

@media(max-width: 500px) {
    .btn-block {
        width: 100%;
    }
    .btn {
        width: 100%;
        min-width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.btn:hover, .btn:focus {
    color: #fff;
    background-color: #47aee1;
    /*background-color: #11314a;*/
    text-decoration: none;
}

.btn2, .text-white .btn2 {
    color: #000;
    background-color: #8fe2f5;
}

.orange-btn {
    background-color: #e57700;
}

.orange-btn:hover, .orange-btn:focus {
    background-color: #d47003;
}

.green-btn {
    background-color: #238500;
}

.green-btn:hover, .green-btn:focus {
    background-color: #2a9504;
}

.btn-border {
    color: #0D5C87;
    background-color: #fff;
    border: 2px solid #0D5C87;
}

.btn-border:hover {
    color: #fff;
    border: 2px solid #0D5C87;
    background-color: #0D5C87;
}

.white-btn, .text-white .white-btn {
    color: #031c29;
    background-color: rgba(255,255,255,0.9);
}

.btn2:hover, .text-white .btn2:hover, .btn2:focus, .text-white .btn2:focus,
.white-btn:hover, .text-white .white-btn:hover, .white-btn:focus, .text-white .white-btn:focus {
    color: #000;
    background-color: #b0ebf8;
}

.btn:focus {
    outline: 5px solid red;
}

.btn.fs-22 {
    font-size: 22px;
    letter-spacing: 1px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media(max-width: 991px) {
    .btn.fs-22 {
        font-size: 20px;
    }
}

@media(max-width: 991px) {
    .btn.fs-22 {
        font-size: 17px;
    }
}

.title {
  background-color: rgba(0,0,0,0.7);
  /*padding: 25px 15px;
  padding-bottom: 29px;*/
  padding: 20px 15px;
}

.blue-title {
    /*background-color: #47aee1;*/
    background-color: #0D5C87;
    border-radius: 5px;
    padding: 17px 20px;
}

@media(max-width: 991px) {
    .title {
        background-color: #000;
    }
}

.sides-pad, .sides-pad4 {
    padding-left: 50px;
    padding-right: 50px;
}

.sides-pad2 {
    padding-left: 100px;
    padding-right: 100px;
}

.sides-pad3 {
    padding-left: 75px;
    padding-right: 75px;
}

.sides-pad5 {
    padding: 40px;
}

@media(max-width: 1260px) {
    .sides-pad {
        padding-left: 0;
        padding-right: 0;
    }
    .sides-pad2, .sides-pad3 {
        padding-left: 50px;
        padding-right: 50px;
    }
    .sides-pad4, .sides-pad5 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width: 991px) {
    .sides-pad2, .sides-pad3, 
    .sides-pad4, .sides-pad5 {
        padding-left: 0;
        padding-right: 0;
    }
    .sides-pad5 {
        padding-top: 35px;
        padding-bottom: 35px;
    }
}

.w50 {
    width: 50%;
}

@media(max-width: 767px) {
    .w50 {
        width: 100%;
    }
}
/**/
.media2-text {
    padding-left: 40px;
}

@media(max-width: 1260px) {
    .media2-text {
        padding-left: 30px;
    }
}

@media(max-width: 767px) {
    .media2-text {
        padding-left: 0;
    }
}

.media-half {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media(max-width: 767px) {
    .media-half {
        width: 100%;
        position: relative;
        height: 350px;
        margin-top: 30px;
    }
}

/*skip*/
.skip-block {
    position: relative;
}

.skip-next {
    display: none;
    position: fixed;
    z-index: 3000;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    padding: 12px 15px;
}

.skip-next:hover {
    background-color: #055642;
    text-decoration: none;
}

.skip-next:focus {
    outline: 2px solid red;
}
/*
@media(min-width: 992px) {
    .skip-next {
        display: none !important;
    }
}*/

.content-block {
    position: relative;
    width: 100%;
    max-width: 355px;
    padding: 140px 0 240px 0;
}

.cb-w2 {
    max-width: 480px;
}

.cb-w3 {
    max-width: 410px;
}

@media(max-width: 1260px) {
  .content-block {
    padding: 120px 0 200px 0;
  }
}

.cb-pad2 {
    padding: 55px 0 310px 0;
}

.cb-pad3 {
    padding: 90px 0 160px 0;
}

.cb-pad4 {
    padding: 110px 0 180px 0;
}

@media(max-width: 991px) {
  .content-block {
    max-width: 100%;
    padding: 60px 0 0 0;
  }
  .ptm2 {
    padding-top: 35px;
  }
}

.pos-top {
    position: relative;
    z-index: 2000;
}

.abs {
    position: absolute;
    left: 100%;
    bottom: 0;
    max-width: none;
    min-height: 100%;
    max-height: 100%;
}

.abs-right {
    left: auto;
    right: 100%;
}

.left-56 {
    left: 55%;
}

.left-52 {
    left: 52%;
}

.right-110 {
    right: 110%;
}

@media(max-width: 1260px) {
    .left-56 {
        left: 15%;
    }
    .left-52 {
        left: 23%;
    }
    .right-110 {
        right: 100%;
    }
}

.abs-pt50 {
    padding-top: 50px;
}

@media(max-width: 991px) {
    .abs {
        position: relative;
        left: 50% !important;
        transform: translateX(-50%);
        min-height: auto;
        max-height: 420px;
        margin-top: 30px;
        padding-top: 0;
    }
    .abs-mtm0 {
        margin-top: 0;
    }
    .img-bot-block {
        margin-right: -25px;
    }
}

@media(max-width: 767px) {
    .abs {
        max-height: 350px;
    }
    .img-bot-block {
        margin-right: -15px;
    }
    .img-bot-block img {
        position: relative;
        max-height: 180px;
        max-width: none;
    }
    .player {
        max-height: 50px;
    }
}
/**/
.prev-btn, .next-btn {
    min-width: 197px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #0D5C87;
    border: 2px solid #0D5C87;
    border-radius: 6px;
    background-color: #fff;
    text-transform: uppercase;
    padding: 10px 35px;
    transition: .2s;
}

@media(max-width: 400px) {
    .prev-btn, .next-btn {
        min-width: auto;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.prev-btn svg, .next-btn svg {
    fill: #0D5C87;
    transition: .2s;
}

.prev-btn svg {
    margin-right: 8px;
}

.next-btn svg {
    margin-left: 8px;
}

.prev-btn:hover svg, .next-btn:hover svg {
    fill: #ffffff;
    transition: .2s;
}