#pageContent > div {}


#welcome .content .wrapper {margin: auto;padding: 10px;color:#FFF;text-align:left;position:relative;z-index:2;padding-top: 50px;}
#welcome h1 {    font-size: 68px;    line-height: 70px;color: #FFF;text-align: center;font-weight: 700;margin-top: 180px;line-height:initial}
#welcome h1 span {color:#EC1D24}
#welcome h2 {    font-size: 60px;font-weight:300;text-align: left;line-height: 60px;color: #FFF;}
#welcome .button {min-width:170px}

#welcome .arrowContainer {margin:10px 0px 0px;    display: inline-block;cursor:pointer;}
#welcome .arrowContainer .arrow {text-align: center;margin-top:15px;height:68px;}
#welcome .arrowContainer .arrow span:first-child + span {    top: -21px;animation-delay: 0.1s;}
#welcome .arrowContainer .arrow span {display:block;text-align: center;font-size:26px;    position: relative;animation-name: arrowAnim;animation-duration: 2s;animation-iteration-count: infinite;animation-delay:0s;color:#FFF;}
#welcome .arrowContainer .arrow span:first-child + span + span {    top: -41px;animation-delay: 0.2s;}

#welcome .buttons {text-align:left;    margin-top: 60px;}

#welcome .subContent {}
#aboutSlider {position:Relative;}
#aboutSlider .swiper-pagination {    bottom: 10px !important;}
#aboutSlider .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#333 !important;}
#aboutSlider .swiper-slide {height:auto !important;}
#aboutSlider .swiper-slide img {opacity:0.2}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right {background-image:none !important;}
#aboutSlider .swiper-slide.swiper-slide-active img {opacity:1}
#slide {position:relative;min-height:500px;}
#slide h4 {}
.swiper-container {height:100%;width:100%;min-height:500px}
.swiper-wrapper .bg {position: absolute;width: 100%;height: 100%;}
.swiper-wrapper .layer {position:relative;height:100%;z-index:2}
#slide .swiper-wrapper .layer {padding-top:20px;overflow:hidden;position:relative;z-index:3}
.swiper-wrapper .layer > div:first-child {height:100%;height:calc(100% - 130px)}
.swiper-slide {height: 500px;overflow:hidden}
.swiper-pagination {width: 100%;bottom: 150px;}
.swiper-pagination-bullet {width:10px;height:10px;margin:0px 6px;border-radius:50%;background:#EEE;opacity:1!important;}
.swiper-pagination-bullet-active {    background: #FFF;}

.swiper-wrapper .layer .itemDetails {background-color:rgba(255, 255, 255, 0.8);font-weight:200;text-align:center;}
.swiper-wrapper .layer .itemDetails img.brand {    display: inline-block;margin: 50px 0px 48px;}

.swiper-wrapper .layer .itemDetails a {    display: block;height: 100%;}
.swiper-wrapper .layer .itemDetails a:hover {background-color:transparent !important;color:transparent;}
.swiper-wrapper .layer .itemDetails .ic {margin-right: 30px;font-size: 50px;position: relative;top: 36px;}
.swiper-wrapper .layer .itemDetails .details {text-align:center;    height: 100%;margin-top:10px;}
.swiper-wrapper .layer .itemDetails .key {font-size:18px;font-weight:200;color:#FFF;display:inline-block;text-align:left;margin-left:52px;}
.swiper-wrapper .layer .itemDetails .value {font-size:50px;font-weight:600;color:#FFF;display:block;text-align:left;padding-left:20px;}

#slide .button {background:transparent;text-decoration: underline;}
#slide .swiper-wrapper .layer.post {    background: rgba(0,0,0,.7);text-align:center;}
#slide .swiper-wrapper .layer.post h2 {font-size: 55px;text-align: center;display: block;    color: #FFF;margin-bottom:30px;line-height: 66px;font-weight:700;}
#slide .swiper-wrapper .layer.post a:hover {background-color:#666;color:#FFF;}

#slide .swiper-slide.main .layer {    background: rgba(0, 0, 0, 0.6);}
#slide .swiper-slide.main h1 {text-align:center;font-size:50px;line-height: 50px;margin-bottom: 140px;}
#slide .swiper-slide.main .sub {color: #FFF;padding: 10px 30px;font-size: 16px;min-width:120px;display: inline-block;    text-align: center;opacity:.8}
#slide .swiper-slide.main .sub:hover {opacity:1}
#slide .swiper-slide.main .columns.shrink:nth-child(1) .sub {background: #EC1D24;}
#slide .swiper-slide.main .columns.shrink:nth-child(2) .sub {background: #FCB813;}
#slide .swiper-slide.main .columns.shrink:nth-child(3) .sub {background: #0062A4;}
#slide .swiper-slide.main .columns.shrink:nth-child(4) .sub {background: #00A441;}
#slide .swiper-slide.main .columns.shrink:nth-child(5) .sub {background: #9100ff;}

#bgVid video {    top: 60%;}

#content .listBlock {padding:70px 0px 54px}
#content .listBlock .li {margin: 80px 0px;;color:#000}
#content .listBlock .li .title {font-size:40px;line-height:40px;font-weight:500;color:#000}
#content .listBlock .li .button {    background: transparent;color: #E85668;font-size: 14px;border: solid 1px;border-radius: 0px;padding: 13px 24px;}
#content .listBlock .li .button:hover {background:#E85668;color:#FFF}

.eventsBlock {margin: 80px 0px 60px;}
.eventsBlock h2 {margin-bottom: 60px;text-align:center}
.eventsBlock li {list-style:none;margin:0px 0px 0px}
.eventsBlock li .cover {height: 280px; }
.eventsBlock li .title {    font-size: 30px;font-weight: 700;line-height: initial;padding:10px 10px 30px;}
.eventsBlock li .title a {    font-size: 26px;    height: 100px;}
.cld-main .hour {display:none;}

@keyframes arrowAnim {
    0% {
        transform:translate3d(0px,0px,0px)
    }
    50% {
        transform:translate3d(0px,10px,0px)
    }
    100% {
        transform:translate3d(0px,0px,0px)
    }
}

#content .newsBlock .container {padding:20px 0px;}
#content .newsBlock .container .cover {    height: 270px;}

.section {position:relative;}
.section > .layer {position:relative;z-index: 4;}
.section > .bg {position:absolute;left:0px;top:0px;height:100%;    width: 100%;}

#contactForm {margin-top:40px;}
#contactForm .inputs {width:100%;}
#contactForm .inputs > div {margin-bottom:10px;}
#contactForm .input {display: block;width:100%;height:60px;padding:2px 20px 0px;font-size: 14px;background-color: #FFF;border:0px;border-radius:0px;outline:0;box-shadow:none;}
#contactForm .input.textarea {height:212px;background-color: #FFF;  padding-top: 16px;border-radius:0px;border:0px;outline:0;box-shadow:none;}
#contactForm select {height:50px;padding:15px 20px;font-size:14px;border:0px;background-color:#FFF;box-shadow:none;outline:0;border-radius:0px;margin-bottom:10px;color:#666;}
#contactForm .help-block {background-color: #F9F9F9;display: block;padding: 8px 22px 4px;font-size: 12px;color: #A92B2B;border-top: solid 1px #f2f2f2;}
#contactForm .button {border: solid 1px transparent;padding: 6px 10px;min-width: 100px;text-align: center;background-color: #857550;color: #FFF;margin-right:0px;border-radius:0px;}
#contactForm .button:hover {background-color:#666;}
#contactForm .aggreement {}
#contactForm a.cv {color:#F9B11D;font-size:20px;font-weight:100;}
#contactForm input[type='file'] {display:none;}

@keyframes arrowAnim {
    0% {
        transform:translate3d(0px,0px,0px)
    }
    50% {
        transform:translate3d(0px,10px,0px)
    }
    100% {
        transform:translate3d(0px,0px,0px)
    }
}

.section {position:relative;}
.section > .layer {position:relative;z-index: 4;}
.section > .bg {position:absolute;left:0px;top:0px;height:100%;    width: 100%;}

@keyframes wave {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width: 40.063em) {
    #welcome img.logo {margin-top:20%}
    #welcome h2 {font-size:16px;}
    #slide {    margin-top: 0px;min-height:300px}
    #slide .swiper-slide.main .sub {margin-top: 20px;}
    #slide .swiper-slide.main h1 {margin-bottom:60px;}
    #content .newsBlock .container {padding:20px 10px;}
    #content .newsBlock .header .tab {font-size:8px;}
    #content .listBlock {padding-top:5px;padding-bottom:5px;}
    #content .listBlock .li .title {    margin-top: 20px;display: block;}
    #content .listBlock .li {    margin: 15px 0px;}
    #slide .swiper-wrapper .layer.post h2 {    font-size: 32px;line-height: 48px;}
    #welcome h1 {    font-size: 40px;margin-top: 140px;}

    .swiper-slide {overflow:visible;height:300px}
    .swiper-container {overflow:visible;}
    .swiper-container {min-height:300px;}
    #slide .swiper-wrapper .layer {overflow:visible;}
    .swiper-wrapper .layer .itemDetails {position: absolute;bottom: 0px;}
    .swiper-wrapper .layer .itemDetails > div:first-child {    width: 100%;}
    .swiper-wrapper .layer .itemDetails {}
    .swiper-wrapper .layer .itemDetails .value {margin-left: 34px;margin-bottom:30px;}
}