#pageContent {padding-bottom:0px}
#pageContent > div {}

#productsBlock {}
#productsBlock .headTitle {text-align:center}
#productsBlock .image {text-align:center}
#productsBlock .image img {max-height:200px;min-height:200px;}
#productsBlock .swiper-slide > div {box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px;margin: 10px;background: #FFF;padding: 10px 18px 20px;}
#productsBlock small {    color: #999;margin: 24px 0px 4px;display: block;}
#productsBlock h5 {    font-size: 14px;height: 56px;font-weight: 700;}
#productsBlock .button {    padding: 2px 20px;height: 35px;border-radius: 0px;margin-top: 4px;}


#welcome .content .wrapper {margin: auto;padding: 10px;color:#FFF;text-align:left;position:relative;z-index:2;padding-top: 50px;}
#welcome h1 {    font-size: 70px;    line-height: 70px;color: #FFF;text-align: left;font-weight: 700;max-width: 850px;margin-top: -80px;}
#welcome h1 span {color:#EC1D24}
#welcome h2 {    font-size: 30px;font-weight:600;text-align: left;line-height: 30px;color: #FFF;    height: auto;}
#welcome p {}
#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;}

#content .newsBlock .container  {    padding: 50px 0px 70px;}

#slide {position:relative;overflow:hidden;Background-color:#000}
.swiper-container {height:100%;width:100%;}
.swiper-wrapper .bg {width: 100%;    margin-top: 45px;}
body.subSite .swiper-wrapper .bg {margin-top:19px;}
.swiper-wrapper .cover {background-size: cover;}
.swiper-wrapper .covera img {margin: auto;display: block;}
.swiper-wrapper .layer {position:absolute;width:100%;height:100%;z-index:2;top:0px;}
#slide .swiper-wrapper .layer {padding-top:50px;overflow:hidden;z-index:3;top:0px;height:100%;}
.swiper-wrapper .layer > div,
.swiper-wrapper .layer > div > div {height:100%;position:relative;}
.swiper-wrapper .layer .info {    position: absolute;right: 0px;bottom: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);color:#FFF;padding: 25px 30px;}
.swiper-slide {position:relative;    overflow: hidden;}
.swiper-pagination {width: 100%;bottom: 10px;}
.swiper-pagination-bullet {width:10px;height:10px;margin:0px 6px;border-radius:50%;background:#EEE;opacity:1!important;}
.swiper-pagination-bullet-active {    background: #FFF;}

#bannerContainer .swiper-wrapper .bg {margin-top:0px;}

#slide .rightGradient {    position: absolute;right: 0px;top: 0px;height: 100%;width: 400px;z-index: 2;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+33&0+3,0.8+57 */background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(0,0,0,0.44) 33%, rgba(0,0,0,0.8) 57%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.44) 33%,rgba(0,0,0,0.8) 57%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.44) 33%,rgba(0,0,0,0.8) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */}
#slide .leftGradient {    position: absolute;left: 0px;top: 0px;height: 100%;width: 400px;z-index: 2;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+33&0+3,0.8+57 */background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 3%, rgba(0,0,0,0.44) 33%, rgba(0,0,0,0.8) 57%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.44) 33%,rgba(0,0,0,0.8) 57%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 3%,rgba(0,0,0,0.44) 33%,rgba(0,0,0,0.8) 57%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 */}
#slide .swiper-wrapper .layer.post {    background: rgba(0, 0, 0, 0.5);text-align:center;}
#slide .swiper-wrapper .layer.post h2 {font-size: 55px;text-align: center;display: block;    color: #FFF;margin-bottom:10px}
#slide .swiper-wrapper .layer.post a:hover {background-color:#666;color:#FFF;}
#slide .swiper-slide.main .layer {display:block;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;}

#content .newsBlock .container .cover {    height: 210px;}
#content .newsBlock .container .label {margin-top:0px}

.supportBox {    margin-top: -36px;border: solid 1px #eee;padding: 10px 14px 0px;background: #FFF;}
.supportBox .title {    font-weight: 800;font-size: 14px;color: #555;margin-bottom: 6px;}
#bgVid video {    top: 60%;}

.eventCalendarContainer {position:relative;height:100%;}
.eventCalendarWrapper {    background: #F0F0F0;height:100%;}
#eventCalendar {padding:28px 20px 0px 0px;}
.eventCalendarContainer .rightColor {position:absolute;right:-100%;top:0px;height:100%;width:100%;    background: #f0f0f0;}

#services {padding: 0px 0px 80px;}
#services h1 {    font-size: 34px;text-align: center;margin: 50px 0px 30px;}
#services .service {position:relative;display:block;overflow:hidden;    margin-bottom: 25px;}
#services .service .layer {height: 300px;color: #FFF;text-align: center;z-index: 2;position: relative;font-size: 24px;font-weight: 700;}
#services .service:hover .layer {font-size:28px}
#services .service .bg {position:absolute;width:100%;height:100%;left:0px;top:0px;    transform: scale(1);    border-radius: 10px;border: solid 4px red;overflow:hidden}
#services .service:hover .bg {    transform: scale(1.2);}
#services .lineWrapper {position:Relative}
#services .line { position: absolute;height: 340px;width: 2px;background: #03a89c;top: -12px;right: 0px;}


#forYou {}
#forYou h2 {font-size: 40px;margin: 50px 0px;}
#forYou ul {list-style:none;margin:0px;padding:0px;margin-bottom: 90px;}
#forYou ul li {    margin: 10px 0px;}


#references {    background: #fff;padding:20px 0px 0px;border-top:solid 1px #f2f2f2}
#references .h1 {    font-size: 32px;font-weight: 700;line-height: 16px;padding: 22px 0px;color: #555;}
#references .swiper-slide {width:auto;height:auto;}
#references .swiper-slide img {height: 50px;margin:20px 30px;}
#references .swiper-slide > div {width:210px;}
#references .type {    text-align: left;margin-top: 0px;font-size: 14px;color: #666;padding:22px 20px 10px 0px;font-weight:700;color:#999}

.cld-main{
    width: 330px;
}
.cld-main a{
    color: #333;
    font-weight: bold;
    padding: 10px;
    display: block;
}
.cld-main .hour {
    background: #424242;
    padding: 4px 7px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    color:#FFF;
}
.cld-datetime{
    position: relative;
    width: 100%;
    padding-left: 10px;
    min-width: 100px;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 10px;
}
.cld-datetime .today{
    position: relative;
    float: left;
    width: calc(100% - 54px);
    margin: auto;
    text-align: center;
}
.cld-nav{
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.cld-nav:hover{
    cursor: pointer;
}
.cld-nav:hover svg{
    fill: #666;
}
.cld-rwd{
    float: left;
}
.cld-fwd{
    float: right;
}
.cld-nav svg:hover{

}
.cld-labels, .cld-days{
    padding-left: 0;
}
.cld-label, .cld-day{
    display: inline-block;
    width: 14.28%;
    text-align: center;
}
.cld-day.today .cld-number{
    display: inline-block;
    height: 34px;
    width: 34px;
    border-radius: 50px;
    background: #666;
    color: #fff;
}
.cld-day.disableDay{
    opacity: 0.5;
}
.cld-day.nextMonth, .cld-day.prevMonth{
    opacity: 0.33;
}
.cld-number{
    position: relative;
    margin: 5px;
    padding: 5px;
}
.cld-title {
    position: absolute;
    z-index: 5;
    display: none;
    top: 42px;
    left: -76px;
    padding: 0px;
    background: #000;
    text-align:left;
    border: 1px solid #424242;
    border-radius: 5px;
    font-size: 12px;
    width:186px;
}
.cld-number:hover .cld-title{
    display: block;
}
.cld-title::before{
    content: '';
    position: absolute;
    top: -7.5px; left: 84px;
    width: 0;
    height: 0;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;

    border-bottom: 7.5px solid #000;
}
.cld-number.eventday{
    color:#555;
    display: inline-block;
    height: 34px;
    width: 34px;
    border-radius: 50px;
}
.cld-number.eventday:hover{
    cursor: pointer;
    background: #eee;
}
.today .cld-number.eventday:hover{
    background: #888;
}
.eventCalendarWrapper {    padding-bottom: 20px;}
.eventCalendarWrapper .detail {    padding: 0px 0px 0px 25px;margin-top:-10px}
.eventCalendarWrapper .columns {    font-size: 14px;color: #444;font-weight:100}
.eventCalendarWrapper .dot {display:inline-block;width:20px;height:20px;border-radius:50%;margin-right:5px;    position: relative;top: 5px;}
.eventCalendarWrapper .upcoming {    margin-top: 24px;}
.eventCalendarWrapper .upcoming ul {list-style:none;margin:0px}
.eventCalendarWrapper .upcoming ul li {list-style:none;margin:0px;background: #FFF;padding: 10px;border-radius: 10px;}
.eventCalendarWrapper .upcoming b {font-size:20px;}
.eventCalendarWrapper .upcoming b span {margin-right:2px;}
.eventCalendarWrapper .upcoming small {    margin: 0px 6px;line-height: initial;}

.cld-number.eventday.ev1, .dot.d1 {background-color:#FFE380}
.cld-number.eventday.ev2, .dot.d2 {background-color:#FF80AF}
.cld-number.eventday.ev3, .dot.d3 {background-color:#ACD4F4}

#productsBlock {    padding: 40px 0px 110px;background: #F9F9F9;}
#productsBlock .swiper-slide {height:auto;}
#productsBlock .name {font-size: 18px;font-weight: 500;line-height: initial;    display: block;margin-top: 10px;color:#000}
#productsBlock .model {color:#838383}
#productsBlock .old {    text-decoration: line-through;}
#productsBlock .more {color:#000;text-decoration: underline;}

.blockTitle {font-size:30px;color:#000;font-weight:700;margin:0px;}
.blockLink {display:block;font-size:14px;margin-bottom:50px;color:#0075c0;text-decoration: underline;}

#newsBlock {padding: 70px 0px 40px;}
#newsBlock .swiper-slide {height:auto;}
#newsBlock .cover {    height: 230px;}
#newsBlock .item.main {padding:0px 10px;}
#newsBlock .item.main .main {    padding-top: 10px;}
#newsBlock .main .date {font-size:16px;color:#666;}
#newsBlock .main h5 {font-size:24px;font-weight:700;}
#newsBlock .main a {}

@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%;}

#highlightedLinks {}
#highlightedLinks .layer {margin:10px 0px;display:block;    border: solid 1px #DDD;padding: 20px;color:#FFF;}
#highlightedLinks .layer p {height: 142px;}
#highlightedLinks .layer b {font-size: 24px;display:block;height: 62px;}
#highlightedLinks .layer .button {max-width:1000px;width:100%}

#conversation {text-align: left;padding:83px 0px 105px;background-color:#F9B11D;}
#conversation > .bg {z-index:3}
#conversation .graph {}
#conversation .graph div {position:relative;}
#conversation .graph .lines {position:absolute;    top: -35px;left: 30px;width:100%;height:100%;z-index: 2;}
#conversation .graph .circle {margin:auto;}
#conversation .info {padding:0px 80px}
#conversation .info h5 {margin:10px 0px 30px;font-size:30px;font-weight:100;color:#FFF;}

@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:375px;}

    #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:12px;}
    #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 {padding-top:0px;position:absolute;height:100%;width:100%;left:0;top:0}
    .swiper-wrapper .bg {margin:0px;position:relative;}
    #productsBlock {padding:20px 10px 20px}
    #newsBlock {padding:20px 10px 10px}
    .blockLink {margin-bottom:20px;}
    #newsBlock .item.main {padding:0px}
}