* {padding: 0; margin: 0; list-style: none}
html, body, .full, .ccm-page, .ccm-image-slider-container, .ccm-image-slider, .ccm-image-slider-inner, .rslides, .rslides li {height: 100%}
a {text-decoration: none; outline: none; transition: all .2s ease-in-out}
div {font-family: 'Ubuntu', sans-serif}
p {margin-top: 22px; margin-bottom: 0}
img {border: 0}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {text-align: center}
@media (max-width: 700px) {
.menu-hide {cursor: pointer; position: fixed; top: 8px; right: 0; z-index: 200}
#nav-icon {width: 64px; height: 50px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out}
#nav-icon i {display: block; position: absolute; right: 20px; height: 2px; width: 25px; background: #ffdd26; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out}
#nav-icon i:nth-child(1) {top: 18px}
#nav-icon i:nth-child(2), #nav-icon i:nth-child(3) {top: 24px}
#nav-icon i:nth-child(4) {top: 30px}
#nav-icon.open i {background: #313131}
#nav-icon.open i:nth-child(1) {top: 24px; width: 0%; right: 20px}
#nav-icon.open i:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)}
#nav-icon.open i:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
#nav-icon.open i:nth-child(4) {top: 24px; width: 0%; right: 20px}
.page {position: relative}
.menu {display: none; position: fixed; width: 100%; top: 0; left: 0; z-index: 100; font-size: 14px; line-height: 18px; font-weight: 500; text-transform: uppercase; text-align: center; background: #ffdd26}
.menu ul {padding: 4% 15%}
.menu li a {display: block; padding: 10px 0; color: #000}
.full {position: relative; z-index: 1; font-size: 14px; line-height: 22px; color: #000; font-weight: 500}
.full:before {display: block; content: ""; width: 26px; height: 100px; position: absolute; bottom: 0; left: 4vw; z-index: 20; background: #ffdd26}
.top ul {display: none}
.logo {display: block; width: 60%; height: auto; margin: 30px auto}
.volvo {display: block; width: 25%; height: auto; margin: 0 auto}
.slider:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: url(img/cover.png) top center no-repeat; background-size: 1500px}
.container, .main {position: relative; z-index: 2; background: #fff; line-height: 22px; overflow: hidden}
.grey {background: #313131; padding: 0 4vw 68px 0; font-size: 16px; color: #e4e4e4; position: relative; z-index: 1}
.grey .page:before {display: block; content: ""; width: 26px; height: 100%; position: absolute; top: 0; left: 4vw; z-index: 1; background: #ffdd26}
.grey ul {padding: 30px 0 0 50px; margin-left: 4vw}
.grey li {float: left; margin-top: 28px; padding-top: 75px}
.grey li strong {display: block; line-height: 24px; margin-bottom: 12px; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 500}
.grey li:nth-child(1) {background: url(img/i1.png) 0 0 no-repeat}
.grey li:nth-child(2) {background: url(img/i2.png) 0 0 no-repeat}
.grey li:nth-child(3) {background: url(img/i3.png) 0 0 no-repeat}
.about {position: relative; z-index: 2; font-size: 15px; color: #535353; text-align: justify}
.about-foto {display: block; width: 100%; height: auto}
.about-desc {padding: 30px 4vw}
.content {padding: 40px 4vw 0 4vw; font-size: 12px}
h2 {font-size: 24px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 40px; padding-bottom: 20px; position: relative; float: left}
h2:before {display: block; content: ""; width: 100%; height: 8px; position: absolute; bottom: 0; left: -100px; padding-left: 100px; background: #ffdd26}
.bottom {background: url(img/bottom.jpg) top; background-size: cover; padding: 56px 4vw 0 4vw}
.col {font-size: 18px; line-height: 26px; color: #fff; border-bottom: 1px solid #353535}
.col ul {padding-top: 30px; padding-bottom: 20px}
.col li {margin: 0 0 20px 0; padding-top: 3px}
.map {display: block; width: 100%; height: auto}
.copy {font-size: 10px; line-height: 20px; padding: 40px 0; color: #8b8b8b}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 92%}
.lity-iframe-container {padding-top: 60%; padding-top: 80vh}
.rslides_tabs {padding: 0 !important; position: absolute; left: 0; bottom: 95px; z-index: 50; width: 100%; text-align: center; font-size: 0; line-height: 0}
.rslides_tabs li {display: inline-block; width: 24px; height: 5px; margin: 0 4px; background: #fff; transition: all .2s ease-in-out}
.bottom-foto {height: 80vw; background: url(img/foto2.jpg) center; background-size: cover}
.offer {margin-bottom: 60px}
.o-col {font-size: 16px; line-height: 24px; color: #535353}
.o-col h3 {color: #000; text-transform: uppercase; font-size: 22px; font-weight: 700; margin-bottom: 32px; padding-top: 60px}
.o-col ul {color: #000; line-height: 30px}
.o-col > ul {margin-top: 32px}
.o-col > ul > li {padding-left: 40px; position: relative}
.o-col > ul > li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; border-right: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
.o-col ul li ul li {padding-left: 35px; position: relative}
.o-col ul li ul li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
}
@media (min-width: 701px) and (max-width: 1200px) {
.menu-hide {display: none}
.page {position: relative}
.menu {display: block !important; position: fixed; width: 92%; margin-top: 136px; top: 0; left: 4vw; z-index: 100; font-size: 14px; line-height: 56px; font-weight: 500; text-transform: uppercase; transition: all .2s ease-in-out}
.menu .page:before {display: block; content: ""; width: 100%; height: 8px; position: absolute; top: 0; left: 0; z-index: 1; background: #ffdd26}
.menu ul {position: relative; z-index: 2; height: 56px; background: #ffdd26; float: left}
.menu li {float: left}
.menu li a {display: block; padding: 0 24px; color: #000}
.full {position: relative; z-index: 1; font-size: 14px; line-height: 22px; color: #000; font-weight: 500}
.full:before {display: block; content: ""; width: 56px; height: 64px; position: absolute; bottom: 0; left: 4vw; z-index: 20; background: #ffdd26}
.top ul {position: absolute; top: 58px; right: 4vw}
.top li {display: inline-block; text-align: left; margin: 0 0 0 20px; padding-top: 3px}
.top li:nth-child(1) {display: none}
.logo {position: absolute; top: 20px; left: 4vw; width: auto; height: 96px}
.volvo {position: absolute; top: 32px; right: 4vw; width: auto; height: 80px}
.slider:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: url(img/cover.png) top center no-repeat; background-size: 1500px}
.container, .main {position: relative; z-index: 2; background: #fff; line-height: 22px; overflow: hidden}
.grey {background: #313131; padding: 0 4vw 68px 0; font-size: 16px; color: #e4e4e4; position: relative; z-index: 1}
.grey .page:before {display: block; content: ""; width: 56px; height: 100%; position: absolute; top: 0; left: 4vw; z-index: 1; background: #ffdd26}
.grey ul {padding: 48px 0 0 100px; margin-left: 4vw}
.grey li {float: left; margin-top: 28px; padding-top: 75px}
.grey li strong {display: block; line-height: 32px; margin-bottom: 12px; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 500}
.grey li:nth-child(1) {background: url(img/i1.png) 0 0 no-repeat}
.grey li:nth-child(2) {background: url(img/i2.png) 0 0 no-repeat}
.grey li:nth-child(3) {background: url(img/i3.png) 0 0 no-repeat}
.about {position: relative; z-index: 2; font-size: 15px; color: #535353; text-align: justify}
.about-foto {display: block; width: 100%; height: auto}
.about-desc {padding: 50px 4vw}
.content {padding: 72px 4vw 0 4vw; font-size: 12px}
h2 {font-size: 24px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 40px; padding-bottom: 20px; position: relative; float: left}
h2:before {display: block; content: ""; width: 100%; height: 8px; position: absolute; bottom: 0; left: -100px; padding-left: 100px; background: #ffdd26}
.bottom {background: url(img/bottom.jpg) top; background-size: cover; padding: 56px 4vw 0 4vw}
.col {font-size: 18px; line-height: 26px; color: #fff; border-bottom: 1px solid #353535}
.col ul {padding-top: 30px; padding-bottom: 20px}
.col li {margin: 0 0 20px 0; padding-top: 3px}
.map {display: block; width: 100%; height: auto}
.copy {font-size: 12px; line-height: 20px; padding: 40px 0; color: #8b8b8b}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 92%}
.lity-iframe-container {padding-top: 60%; padding-top: 80vh}
.rslides_tabs {padding: 0 !important; position: absolute; left: 0; bottom: 59px; z-index: 50; width: 100%; text-align: center; font-size: 0; line-height: 0}
.rslides_tabs li {display: inline-block; width: 24px; height: 5px; margin: 0 4px; background: #fff; transition: all .2s ease-in-out}
.bottom-foto {height: 42vw; background: url(img/foto2.jpg) center; background-size: cover}
.offer {margin-bottom: 60px}
.o-col {font-size: 16px; line-height: 24px; color: #535353}
.o-col h3 {color: #000; text-transform: uppercase; font-size: 22px; font-weight: 700; margin-bottom: 32px; padding-top: 60px}
.o-col ul {color: #000; line-height: 30px}
.o-col > ul {margin-top: 32px}
.o-col > ul > li {padding-left: 40px; position: relative}
.o-col > ul > li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; border-right: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
.o-col ul li ul li {padding-left: 35px; position: relative}
.o-col ul li ul li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
}
@media (min-width: 1201px) and (max-width: 1650px) {
.menu-hide {display: none}
.page {width: 1200px; margin: auto; position: relative}
.menu {display: block !important; position: fixed; width: 100%; margin-top: 136px; top: 0; left: 0; z-index: 100; font-size: 14px; line-height: 56px; font-weight: 500; text-transform: uppercase; transition: all .2s ease-in-out}
.menu .page:before {display: block; content: ""; width: 100%; height: 8px; position: absolute; top: 0; left: 0; z-index: 1; background: #ffdd26}
.menu ul {position: relative; z-index: 2; width: 50%; height: 56px; background: #ffdd26}
.menu li {float: left}
.menu li a {display: block; padding: 0 24px; color: #000}
.full {position: relative; z-index: 1; font-size: 15px; line-height: 22px; color: #000; font-weight: 500}
.full:before {display: block; content: ""; width: 56px; height: 64px; position: absolute; bottom: 0; left: 50%; margin-left: -600px; z-index: 20; background: #ffdd26}
.top ul {display: inline-block; padding-top: 58px}
.top li {display: inline-block; text-align: left; margin: 0 0 0 40px; padding-top: 3px}
.logo {position: absolute; top: 20px; left: 0; width: auto; height: 96px}
.volvo {position: absolute; top: 32px; right: 72px; width: auto; height: 80px}
.slider:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: url(img/cover.png) top no-repeat; background-size: contain}
.container, .main {position: relative; z-index: 2; background: #fff; line-height: 22px; overflow: hidden}
.grey {background: #313131; padding: 0 0 68px 0; font-size: 16px; color: #e4e4e4; position: relative; z-index: 1}
.grey .page:before {display: block; content: ""; width: 56px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #ffdd26}
.grey ul {padding: 48px 0 0 120px}
.grey li {float: left; margin-top: 28px; padding-top: 75px; width: 368px; margin-right: 112px}
.grey li strong {display: block; line-height: 32px; margin-bottom: 12px; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 500}
.grey li:nth-child(1) {background: url(img/i1.png) 0 0 no-repeat}
.grey li:nth-child(2) {background: url(img/i2.png) 0 0 no-repeat; width: 600px; margin-right: 0}
.grey li:nth-child(3) {background: url(img/i3.png) 0 0 no-repeat}
.about {position: relative; z-index: 2; font-size: 15px; color: #535353; text-align: justify}
.about-foto {position: absolute; bottom: 0; left: 50%}
.about-desc {width: 536px; padding-top: 76px}
.content {padding-top: 72px; font-size: 13px}
h2 {font-size: 24px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 40px; padding-bottom: 20px; position: relative; float: left}
h2:before {display: block; content: ""; width: 100%; height: 8px; position: absolute; bottom: 0; left: -500px; padding-left: 500px; background: #ffdd26}
.bottom {background: url(img/bottom.jpg) top; background-size: cover; padding-top: 56px}
.col {width: 536px; height: 336px; float: left; font-size: 18px; line-height: 26px; color: #fff; border-bottom: 1px solid #353535}
.col ul {padding-top: 30px}
.col li {margin: 0 0 20px 0; padding-top: 3px}
.map {float: right; width: 600px; height: auto}
.copy {font-size: 12px; line-height: 20px; padding: 40px 0; color: #8b8b8b}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 800px}
.lity-iframe-container {padding-top: 60%; padding-top: 80vh}
.rslides_tabs {padding: 0 !important; position: absolute; left: 0; bottom: 59px; z-index: 50; width: 100%; text-align: center; font-size: 0; line-height: 0}
.rslides_tabs li {display: inline-block; width: 24px; height: 5px; margin: 0 4px; background: #fff; transition: all .2s ease-in-out}
.bottom-foto {height: 21vw; background: url(img/foto2.jpg) center; background-size: cover}
.offer {display: flex; justify-content: space-between; padding: 0 0 48px 0}
.o-col {width: 528px; font-size: 14px; line-height: 22px; color: #535353}
.o-col h3 {color: #000; text-transform: uppercase; font-size: 19px; font-weight: 700; margin-bottom: 28px; padding-top: 48px}
.o-col ul {color: #000; line-height: 24px}
.o-col > ul {margin-top: 28px}
.o-col > ul > li {padding-left: 32px; position: relative}
.o-col > ul > li:before {content: ""; display: block; width: 2px; height: 8px; border-left: 2px solid #ffdd26; border-right: 2px solid #ffdd26; position: absolute; top: 10px; left: 16px}
.o-col ul li ul li {padding-left: 28px; position: relative}
.o-col ul li ul li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 2px solid #ffdd26; position: absolute; top: 10px; left: 16px}
}
@media (min-width: 1651px) {
.menu-hide {display: none}
.page {width: 1500px; margin: auto; position: relative}
.menu {display: block !important; position: fixed; width: 100%; margin-top: 170px; top: 0; left: 0; z-index: 100; font-size: 15px; line-height: 70px; font-weight: 500; text-transform: uppercase; transition: all .2s ease-in-out}
.menu .page:before {display: block; content: ""; width: 100%; height: 10px; position: absolute; top: 0; left: 0; z-index: 1; background: #ffdd26}
.menu ul {position: relative; z-index: 2; width: 50%; height: 70px; background: #ffdd26}
.menu li {float: left}
.menu li a {display: block; padding: 0 30px; color: #000}
.full {position: relative; z-index: 1; font-size: 16px; line-height: 24px; color: #000; font-weight: 500}
.full:before {display: block; content: ""; width: 70px; height: 80px; position: absolute; bottom: 0; left: 50%; margin-left: -750px; z-index: 20; background: #ffdd26}
.top ul {display: inline-block; padding-top: 73px}
.top li {display: inline-block; text-align: left; margin: 0 0 0 50px; padding-top: 3px}
.logo {position: absolute; top: 25px; left: 0; width: auto; height: 120px}
.volvo {position: absolute; top: 40px; right: 90px; width: auto; height: 100px}
.slider:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 20; background: url(img/cover.png) top no-repeat; background-size: contain}
.container, .main {position: relative; z-index: 2; background: #fff; line-height: 24px; overflow: hidden}
.grey {background: #313131; padding: 0 0 85px 0; font-size: 17px; color: #e4e4e4; position: relative; z-index: 1}
.grey .page:before {display: block; content: ""; width: 70px; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: #ffdd26}
.grey ul {padding: 60px 0 0 150px}
.grey li {float: left; margin-top: 35px; padding-top: 75px; width: 460px; margin-right: 140px}
.grey li strong {display: block; line-height: 40px; margin-bottom: 15px; color: #fff; text-transform: uppercase; font-size: 30px; font-weight: 500}
.grey li:nth-child(1) {background: url(img/i1.png) 0 0 no-repeat}
.grey li:nth-child(2) {background: url(img/i2.png) 0 0 no-repeat; width: 750px; margin-right: 0}
.grey li:nth-child(3) {background: url(img/i3.png) 0 0 no-repeat}
.about {position: relative; z-index: 2; font-size: 16px; color: #535353; text-align: justify}
.about-foto {position: absolute; bottom: 0; left: 50%}
.about-desc {width: 670px; padding-top: 95px}
.content {padding-top: 90px; font-size: 14px}
h2 {font-size: 30px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 50px; padding-bottom: 25px; position: relative; float: left}
h2:before {display: block; content: ""; width: 100%; height: 10px; position: absolute; bottom: 0; left: -600px; padding-left: 600px; background: #ffdd26}
.bottom {background: url(img/bottom.jpg) top; background-size: cover; padding-top: 70px}
.col {width: 670px; height: 420px; float: left; font-size: 22px; line-height: 32px; color: #fff; border-bottom: 1px solid #353535}
.col ul {padding-top: 50px}
.col li {margin: 0 0 25px 0; padding-top: 3px}
.map {float: right}
.copy {font-size: 13px; line-height: 20px; padding: 50px 0; color: #8b8b8b}
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {width: 1000px}
.lity-iframe-container {padding-top: 60%; padding-top: 80vh}
.rslides_tabs {padding: 0 !important; position: absolute; left: 0; bottom: 73px; z-index: 50; width: 100%; text-align: center; font-size: 0; line-height: 0}
.rslides_tabs li {display: inline-block; width: 30px; height: 7px; margin: 0 5px; background: #fff; transition: all .2s ease-in-out}
.bottom-foto {height: 21vw; background: url(img/foto2.jpg) center; background-size: cover}
.offer {display: flex; justify-content: space-between; padding: 0 0 60px 0}
.o-col {width: 660px; font-size: 16px; line-height: 24px; color: #535353}
.o-col h3 {color: #000; text-transform: uppercase; font-size: 22px; font-weight: 700; margin-bottom: 32px; padding-top: 60px}
.o-col ul {color: #000; line-height: 30px}
.o-col > ul {margin-top: 32px}
.o-col > ul > li {padding-left: 40px; position: relative}
.o-col > ul > li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; border-right: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
.o-col ul li ul li {padding-left: 35px; position: relative}
.o-col ul li ul li:before {content: ""; display: block; width: 2px; height: 10px; border-left: 3px solid #ffdd26; position: absolute; top: 10px; left: 20px}
}
.menu li {overflow: hidden}
.menu li a {position: relative}
.menu li a:before {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #313131; z-index: -1; transform: translate(0,100%); transition: all .2s ease-in-out}
.menu li a:hover {color: #fff}
.menu li a:hover:before {transform: translate(0,0)}
.menu li a.active {background: #fe7d27; color: #fff}
.smaller {margin-top: 0}
.top {position: relative; z-index: 10; text-align: right}
.full {overflow: hidden}
.full .top li span {display: block; padding-left: 35px}
.full .top li:nth-child(1) span {background: url(img/loc.png) 0 0 no-repeat; background-size: 24px}
.full .top li:nth-child(2) span {background: url(img/phone.png) 0 0 no-repeat; background-size: 24px}
.full .top li:nth-child(3) span {background: url(img/mail.png) 0 0 no-repeat; background-size: 24px}
.top li a {color: #000}
.slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden}
.ccm-image-slider-container {position: relative; z-index: 1}
.slider img {height: 100% !important; width: 100%; object-fit: cover; float: none !important}
.bottom h2, .bottom li a {color: #fff}
.col li span {display: block; padding-left: 35px}
.col li:nth-child(1) span {background: url(img/loc.png) 0 4px no-repeat; background-size: 24px}
.col li:nth-child(2) span {background: url(img/phone.png) 0 4px no-repeat; background-size: 24px}
.col li:nth-child(3) span {background: url(img/mail.png) 0 4px no-repeat; background-size: 24px}
.copy img {margin: 0 0 -6px 3px; width: 55px; height: 20px}
.ccm-edit-mode .rslides:before {display: none !important}
.rslides_tabs li.rslides_here {background: #ffdd26}
.rslides_tabs li a {display: block; height: 100%}
.price {margin: auto}
.wnd {max-width: 1000px; padding: 20px; margin: auto; background: #fff}
.wnd-foto img {display: block; width: 100%; height: auto}
.wnd-title h1 {font-size: 30px; color: #000; text-transform: uppercase; font-weight: 700; line-height: 34px; padding: 30px 0}
.wnd-param {padding-bottom: 30px}
.wnd td {padding: 10px; text-align: right; font-weight: 700}
.wnd-more h3 {font-size: 24px; color: #515151; text-transform: uppercase; font-weight: 700; line-height: 28px; padding: 30px 0}
.wnd-desc {font-size: 15px; line-height: 24px; text-align: justify; padding: 30px 0}
.about-desc a {color: #000}
.about-desc a:hover {color: #ffdd26}
.top li {vertical-align: top}
#slider {width: 100%; height: 100%; list-style: none; overflow: hidden; margin: 0 auto; padding: 0}
#slider li {width: 100%; height: 100%}
.anythingSlider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden !important}
.anythingSlider .anythingWindow {overflow: hidden; position: relative; width: 100%; height: 100%}
.anythingSlider .anythingBase {background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0}
.anythingSlider .panel {display: block; overflow: hidden; float: left; padding: 0; margin: 0}
.anythingSlider .vertical .panel {float: none}
.anythingSlider .fade .panel {float: none; position: absolute; top: 0; left: 0; z-index: -1}
.anythingSlider .fade .activePage {z-index: 1}
.anythingSlider .fade .panel {z-index: 0}
.bottom {overflow: hidden}
.slider ul {opacity: 0; transform: scale(1.05); transform-origin: top center; animation: slider 10s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.show {opacity: 0}
.showleft {opacity: 0; transform: translate(-100px,0)}
.showright {opacity: 0; transform: translate(100px,0)}
.showtop {opacity: 0; transform: translate(0,-100px)}
.showbottom {opacity: 0; transform: translate(0,100px)}
.showscale {opacity: 0; transform: scale(.7)}
.showrotate {opacity: 0; transform: scale(.8) rotate(30deg)}
.showls {opacity: 0; letter-spacing: .2em}
.come-in, .already-visible {animation: come-in 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.ccm-edit-mode .module, .already-visible .module {opacity: 1 !important; transform: translate(0) !important}
ul.ccm-edit-mode-inline-commands {right: -20px !important}
@keyframes come-in {
to {transform: translate(0) scale(1); opacity: 1; letter-spacing: 0}
}
@keyframes slider {
30% {opacity: 1}
100% {transform: scale(1); opacity: 1}
}