#pageContent > div {}
section.sperate {min-height:300px;background-color:transparent;}

body.fixed {padding-top:0px}
#subHeader>div {background: transparent}
body.move #subHeader>div {background: #FFF}
header .main-nav .link>a {color:#FFF;}
body.move header .main-nav .link>a {color:#555;}
header .main-nav .link>a>span {color:#FFF;}
body.move header .main-nav .link>a>span {color:#555;}
.languageSelectionButton>div {color: #FFF;}
#searchContainer input {background: transparent}
#searchContainer input::placeholder {color: #FFF;opacity: 1; /* Firefox */}
body.move #searchContainer input::placeholder {color: #555;opacity: 1; /* Firefox */}
header .main-nav a {border-top:0px;}

header .logoWrapper img:first-child {display:none;}
header .logoWrapper img.ng {display:block;}
body.move header .logoWrapper img:first-child {display:block !important;}
body.move header .logoWrapper img.ng {display:none !important;}

#slide {position:relative;overflow:hidden;Background-color:#000;min-height:400px;max-width: 999999px;height: 80vh;}
.swiper-container {height:100%;width:100%;}
.swiper-wrapper .bg {width: 100%;    margin-top: 0px;}
body.subSite .swiper-wrapper .bg {margin-top:19px;}
.swiper-wrapper .cover {position:absolute;width:100%;height:100%;}
.swiper-wrapper .covera img {margin: auto;display: block;}
.swiper-wrapper .layer {position:relative;width:100%;height:100%;z-index:2}
#slide .swiper-wrapper .layer {display:block;padding-top:50px;overflow:hidden;z-index:3;top:0px;height:100%;}
.swiper-wrapper .layer > div {height:100%;position:relative;}
.swiper-wrapper .layer > div > div {position:relative;}
.swiper-wrapper .layer .info {    position: absolute;right: 0px;bottom: 0px;width: 100%;height: 100%;color:#FFF;padding: 25px 30px;}
.swiper-slide {position:relative;}
.swiper-pagination {width: 100%;bottom: 80px;}
.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;position: absolute;top: 0px;left: 0px;}
.swiper-button-next, .swiper-button-prev {z-index:99999999999999;display: none}

#slide {}
#slide .scrollIcon {position:absolute;bottom:140px;width:100%;    z-index: 2;display:none}
#slide .scrollIcon .wrap {width:50px;height:50px;border-radius:50%;background: #FFF;    margin: auto;}
#slide .scrollIcon span {    color: #111111;font-size: 28px;text-align: center;margin: 5px 5px;display: block;padding: 5px 0px;}
#slide .hrButtons {}
#slide .hrButtons .hrButton {}
#slide .hrButtons .hrButton.w {}

#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 {overflow:hidden}
#slide .swiper-slide.main .layer {display:block;background: rgba(0, 0, 0, 0.2);}
#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;}
.shadowGradient {position: absolute;width: 100%;height: 200px;left: 0px;top: 0px;z-index: 2;background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(29, 29, 29)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* opera 11.10+ */background: -ms-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* ie10+ */background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88A5BF', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */}
#slide .bigText {    text-align: center;font-size: 60px;line-height: 80px;font-weight: 600;margin-top:-140px}
#slide .bigText img {animation-name: turnImage;animation-duration: 10s;animation-timing-function: linear;animation-iteration-count: infinite;}

#news {}
#news .swiper-slide {    width: 350px;margin-right: 20px;background: #f6f6f6;border: solid 1px #EEE;border-radius: 6px;    box-shadow: 0 0 0 rgb(0 0 0 / 0);}
#news .swiper-slide:hover {    box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
#news .swiper-slide .image {}
#news .swiper-slide .description p {    font-weight: 500;color: #000;padding: 0px 20px;}
.ads img {width:100%;margin-bottom:20px}

#blog {}
#blog > div:first-child + div {margin-top:20px}
#blog .post {display:block;margin-top:18px}
#blog .post > div {position: relative;overflow:hidden}
#blog .post .bg {}
#blog .post .bg img {width:100%;transform:scale(1);-webkit-transition: all 1s ease;transition: all 1s ease;-o-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;}
#blog .post:hover .bg img {transform:scale(1.1)}

#blog .post .layer {height:100%;position:absolute;top:0px;left:0px;width:100%}
#blog .post .layer > .row {height:100%;}
#blog .post .layer .shadow {position: absolute;width: 100%;height: 200px;left: 0px;bottom: 0px;z-index: 1;background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* ff3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(29, 29, 29)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* safari5.1+,chrome10+ */background: -o-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* opera 11.10+ */background: -ms-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* ie10+ */background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(29, 29, 29) 100%); /* w3c */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88A5BF', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */}
#blog .post.big .layer .shadow {height:100px;}
#blog .post .layer .info {position:relative;z-index:2;padding: 30px 40px}
#blog .post .layer .info .title {    color: #FFF;font-size: 22px;}
#blog .post.big  .layer .info .title {color: #FFF;font-size: 50px;line-height: 59px;font-weight: 700;}
#blog .post .layer .info .description {    color: #FFF;font-weight: 400;}
#blog .post .layer .author {    padding: 15px 36px;}
#blog .post .layer .author .profile {    padding-right: 0px;}
#blog .post .layer .author .name {    color: #FFF;font-weight: 600;    margin-top: 2px;}
#blog .post .layer .author .title {    font-weight: 300;color: #FFF;font-size: 14px;}

#onemorething {background: #F1F1F1;padding: 100px 0px 100px;margin:0px 0px 0px;border-bottom:solid 1px #DDD}
#onemorething .category {    font-size: 14px;font-weight: 500;color: #999;}
#onemorething .title {    font-size: 34px;line-height: 44px;margin: 5px 0px 20px;}
#onemorething .description {font-size: 18px;    font-weight: 300;line-height: initial;margin-bottom: 30px;}
#onemorething .buttons {}
#onemorething .swiper-container {overflow:visible;}
#onemorething .swiper-button-next, #onemorething .swiper-button-prev {color:#000}
#onemorething .swiper-button-next {    margin-right: -50px !important;}
#onemorething .swiper-button-prev {left:-80px;}
#onemorething .swiper-container-horizontal>.swiper-pagination {    bottom: -50px;}
#onemorething .swiper-pagination .swiper-pagination-bullet-active:before {background: #f00}

#categories {background: #F1F1F1;padding: 100px 0px 100px;margin:0px 0px}
#categories .category {    font-size: 14px;font-weight: 500;color: #999;}
#categories .title {    font-size: 20px;line-height: 0px;margin: 25px 0px 20px;}
#categories .description {font-size: 14px;    font-weight: 300;line-height: initial;margin-bottom: 20px;}
#categories .buttons {}
#categories .buttons .button {    font-size: 14px;min-width: 100px;}
#categories .swiper-container {overflow:visible;}
#categories .swiper-container .swiper-slide {width:300px}
#categories .swiper-container .swiper-slide:first-child {margin-left:200px}
#categories .swiper-button-next, #categories .swiper-button-prev {color:#000}
#categories .swiper-button-next {    margin-right: -50px !important;}
#categories .swiper-button-prev {left:-80px;}
#categories .swiper-container-horizontal>.swiper-pagination {    bottom: -50px;}
#categories .swiper-pagination .swiper-pagination-bullet-active:before {background: #f00}
#categories .cover {    width: 250px;height: 400px;position: relative;}

#satisfaction {    background: #F8F8F8;padding: 90px 0px 90px;margin: 90px 0px 30px;}
#satisfaction .subject {}
#satisfaction .subject .info {font-size: 16px;color: #AAA;}
#satisfaction .subject .text {    font-size: 54px;line-height:60px;padding-right:50px}
#satisfaction .subject .text span {color:#BB1E10}
#satisfaction .item > div {    background: #fff;padding: 26px 32px;border: solid 1px #DDD;}
#satisfaction .item .title {font-size: 18px;margin-bottom: 10px;}
#satisfaction .item .description {font-size: 14px;margin-bottom: 10px;font-weight: 500;    height: 180px;}
#satisfaction .item .who {    margin-top: 20px;}
#satisfaction .item .who .profile {    padding-right: 0px;}
#satisfaction .item .who .name {    color: #555;font-weight: 600;    margin-top: 2px;}
#satisfaction .item .who .title {    font-weight: 300;color: #555;font-size: 14px;}

#threeD > div {position:relative;overflow:hidden;}
#threeD .info {height:600px;margin-left: 40px;}
#threeD .info > div {max-width: 35%;}
#threeD .title {    font-size: 46px;font-weight: 400;color: #000;    line-height: 50px;margin-bottom:20px}
#threeD .description {    font-size: 20px;font-weight: 300;color: #000;margin-bottom:20px}
#threeDViewPort {position:Absolute;background-size:cover;width: 85% !important;height:100% !important;right:-8%;top:0px;z-index:1}
#turnIcon {position: absolute;z-index: 2;right: 18%;top: 40%;width:400px;height:200px;text-align: center;}

#highlights {margin-top:50px}
#highlight .sectionTitle {}
#highlights .bg img {    width: 100%;}
#highlights .item {position:relative;margin-bottom:22px;overflow:hidden;}
#highlights .layer {position:absolute;z-index:2;top:0px;left:0px;opacity:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);color:#FFF;transition: all 0.2s ease;}
#highlights video {z-index:1;position: absolute;top: 51%;left: 51%;min-width: 102%;min-height: 102%;width: auto;height: 100%;transform: translate(-50%,-50%);}
#highlights .item:hover .layer,
#highlights .item.active .layer {opacity:1}
#highlights .layer > .row {height:100%}
#highlights .layer .description {    margin: 0px 40px;font-size: 24px;text-align:center;    font-weight: 300;}
#highlights .layer .buttons {margin-top:20px;    text-align: center;}
#highlights .layer .buttons .button {font-weight:400 !important}
#highlights .layer .buttons span {color:#FFF;}


#highlighted {margin-top:100px}
#highlighted .item > div {position:relative;overflow: hidden;border-radius: 10px;margin-bottom:30px}
#highlighted .item .bg {position:relative;z-index:0;background: #000;overflow:hidden}
#highlighted .item .bg img {transform:scale(1)}
#highlighted .item:hover .bg img {transform:scale(1.2)}
#highlighted .item .layer {position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
#highlighted .title {text-align:center;color:#FFF;font-size:60px;line-height: 62px;}
#highlighted .item.small .title {font-size:40px;line-height:46px}
#highlighted .alt {text-align:center;font-size:32px;color:#FFF;font-weight: 300;}
#highlighted .item.small .alt {font-size:16px;}
#highlighted .buttons {text-align: center;    margin-top: 40px;}
#highlighted .buttons .button {    background: transparent;border: solid 1px #FFF;}
#highlighted .buttons .button:hover {background: #FFF;color:#000;}


#blog {margin-top:40px}
#blog .swiper-slide {    width: 350px;margin-right: 20px;background: #f6f6f6;border: solid 1px #EEE;border-radius: 6px;    box-shadow: 0 0 0 rgb(0 0 0 / 0);}
#blog .swiper-slide:hover {    box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
#blog .swiper-slide .image {}
#blog .swiper-slide .description p {    font-weight: 500;color: #000;padding: 0px 20px;}

#events {margin-top:40px}
.swiper-slide.event {    width: 730px;margin-right: 20px;border: solid 1px #AAA;border-radius: 6px;    box-shadow: 0 0 0 rgb(0 0 0 / 0);    padding: 20px;}
.swiper-slide.event:hover {    box-shadow: 1px 1px 16px rgb(0 0 0 / 16%)!important;}
.swiper-slide.event .image {}
.swiper-slide.event .description p {    font-weight: 500;color: #000;padding: 0px 20px;}
#events .swiper-container-horizontal>.swiper-pagination {bottom:-20px;}

@keyframes turnImage {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(360deg); }
    50% { transform: rotate(360deg); }
    75% { transform: rotate(720deg); }
    100% { transform: rotate(720deg); }
}

@media only screen and (max-width: 40.063em) {
    #onemorething {    padding: 20px 20px 20px;}
    #onemorething img {margin-top:24px}
}