Linux vmi284606.contaboserver.net 4.15.0-213-generic #224-Ubuntu SMP Mon Jun 19 13:30:12 UTC 2023 x86_64
Apache/2.4.57 (Ubuntu)
: 167.86.127.34 | : 216.73.217.51
Cant Read [ /etc/named.conf ]
7.2.24-0ubuntu0.18.04.17
root
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
README
+ Create Folder
+ Create File
/
var /
www /
html /
insepet /
css /
[ HOME SHELL ]
Name
Size
Permission
Action
.pkexec
[ DIR ]
drwxr-xr-x
GCONV_PATH=.
[ DIR ]
drwxr-xr-x
.htaccess
197
B
-r--r--r--
.mad-root
0
B
-rw-r--r--
bootstrap.css
173.98
KB
-rwxrwxrwx
bootstrap.min.css
141.48
KB
-rwxrwxrwx
master.css
172.83
KB
-rwxrwxrwx
pwnkit
10.99
KB
-rwxr-xr-x
wp-blog-header.php
2.74
KB
-r--r--r--
wp-cron.php
2.74
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : master.css
@import url("https://use.typekit.net/pio0egy.css"); .font-1, .tk-freight-sans-pro { font-family: freight-sans-pro, sans-serif } .font-2, .tk-fatfrank { font-family: fatfrank, sans-serif } .font-3, .tk-canada-type-gibson { font-family: canada-type-gibson, sans-serif } @font-face { font-family: "icon-brand"; src: url("../fonts/awesome-brands.otf"); } @font-face { font-family: "icon-regular"; src: url("../fonts/awesome-regular.otf"); } @font-face { font-family: "icon-solid"; src: url("../fonts/awesome-solid.otf"); } .form { color: #363636; font-size: 1em; position: relative; z-index: 1 } .form fieldset { border: none; margin: 0 0 15px; padding: 0 } .form label { color: inherit; display: block; font-family: inherit; padding-bottom: 0; text-transform: none } .form input[type=color], .form input[type=date], .form input[type=datetime-local], .form input[type=datetime], .form input[type=email], .form input[type=month], .form input[type=number], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form input[type=time], .form input[type=url], .form input[type=week], .form select, .form textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing: border-box; color: #363636; background-color: transparent; background-image: none; border: 1px solid #363636; border-radius: 5px; box-shadow: none; display: block; font-family: inherit; font-size: inherit; font-weight: inherit; height: auto; line-height: 1.3; padding: .75em 1em; margin: 0; outline: none; text-transform: none; width: 100% } .form input[type=color]:focus, .form input[type=date]:focus, .form input[type=datetime-local]:focus, .form input[type=datetime]:focus, .form input[type=email]:focus, .form input[type=month]:focus, .form input[type=number]:focus, .form input[type=password]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form input[type=time]:focus, .form input[type=url]:focus, .form input[type=week]:focus, .form select:focus, .form textarea:focus { border-color: #767676 } .form--rounded-corners input[type=color], .form--rounded-corners input[type=date], .form--rounded-corners input[type=datetime-local], .form--rounded-corners input[type=datetime], .form--rounded-corners input[type=email], .form--rounded-corners input[type=month], .form--rounded-corners input[type=number], .form--rounded-corners input[type=password], .form--rounded-corners input[type=search], .form--rounded-corners input[type=tel], .form--rounded-corners input[type=text], .form--rounded-corners input[type=time], .form--rounded-corners input[type=url], .form--rounded-corners input[type=week], .form--rounded-corners select, .form--rounded-corners textarea { border-radius: 50px } .form__styled-select { position: relative } .form__styled-select select::-ms-expand { display: none } .form__styled-select:after, .form__styled-select:before { content: ""; height: 1px; width: 10px; background-color: #363636; position: absolute; pointer-events: none; right: 15px; top: 20px } .form__styled-select:before { transform: rotate(-45deg); transform-origin: top right } .form__styled-select:after { transform: rotate(45deg); transform-origin: top left; right: 19px } .theme--light .form__styled-select:after, .theme--light .form__styled-select:before { background-color: #FFFFFF } .form__styled-checkbox { display: inline-block; position: relative } .form__styled-checkbox input[type=checkbox] { display: none } .form__styled-checkbox input[type=checkbox]~label { color: #363636; cursor: pointer; font-weight: 400; font-size: 1em; padding: 0 0 0 25px; position: relative } .form__styled-checkbox input[type=checkbox]~label:before { background-color: transparent; border: 1px solid #363636; content: ""; cursor: pointer; display: inline-block; width: 16px; height: 16px; vertical-align: middle; position: absolute; top: 2px; left: 0; border-radius: 3px } .form__styled-checkbox input[type=checkbox]:checked~label:before { background-color: #363636 } .theme--light .form__styled-checkbox input[type=checkbox]~label { color: white } .theme--light .form__styled-checkbox input[type=checkbox]~label:before { background-color: transparent; border-color: #FFFFFF } .theme--light .form__styled-checkbox input[type=checkbox]:checked~label:before { background-color: #FFFFFF; border-color: #FFFFFF } .theme--gray .form__styled-checkbox input[type=checkbox]~label { color: #f4f4f4 } .theme--gray .form__styled-checkbox input[type=checkbox]~label:before { background-color: #454545; border-color: #454545 } .theme--gray .form__styled-checkbox input[type=checkbox]:checked~label:before { background-color: #fcc73a; border-color: #fcc73a } .form__styled-radio { display: inline-block; position: relative } .form__styled-radio input[type=radio] { display: none } .form__styled-radio input[type=radio]+label { color: inherit; cursor: pointer; font-weight: 400; font-size: 1em; padding: 6px 15px 0 40px; position: relative } .form__styled-radio input[type=radio]+label:before { background-color: transparent; border: 1px solid #363636; border-radius: 100%; content: ""; display: inline-block; position: absolute; left: 0; top: 0; height: 30px; width: 30px } .form__styled-radio input[type=radio]+label:after { background-color: #363636; border-radius: 100%; content: ""; display: inline-block; width: 15px; height: 15px; position: absolute; left: 7.5px; top: 7.5px; opacity: 0 } .form__styled-radio input[type=radio]:checked+label:after { opacity: 1 } .form::-webkit-input-placeholder { color: inherit; opacity: 1 } .form::-moz-placeholder { color: inherit; opacity: 1 } .form:-ms-input-placeholder { color: inherit; opacity: 1 } .form:-moz-placeholder { color: inherit; opacity: 1 } .form.theme--light, .theme--light .form { color: #FFFFFF } .form.theme--light input[type=color], .form.theme--light input[type=date], .form.theme--light input[type=datetime-local], .form.theme--light input[type=datetime], .form.theme--light input[type=email], .form.theme--light input[type=month], .form.theme--light input[type=number], .form.theme--light input[type=password], .form.theme--light input[type=search], .form.theme--light input[type=tel], .form.theme--light input[type=text], .form.theme--light input[type=time], .form.theme--light input[type=url], .form.theme--light input[type=week], .form.theme--light select, .form.theme--light textarea, .theme--light .form input[type=color], .theme--light .form input[type=date], .theme--light .form input[type=datetime-local], .theme--light .form input[type=datetime], .theme--light .form input[type=email], .theme--light .form input[type=month], .theme--light .form input[type=number], .theme--light .form input[type=password], .theme--light .form input[type=search], .theme--light .form input[type=tel], .theme--light .form input[type=text], .theme--light .form input[type=time], .theme--light .form input[type=url], .theme--light .form input[type=week], .theme--light .form select, .theme--light .form textarea { border-color: #FFFFFF; color: #FFFFFF } .form.theme--light input[type=color]:focus, .form.theme--light input[type=date]:focus, .form.theme--light input[type=datetime-local]:focus, .form.theme--light input[type=datetime]:focus, .form.theme--light input[type=email]:focus, .form.theme--light input[type=month]:focus, .form.theme--light input[type=number]:focus, .form.theme--light input[type=password]:focus, .form.theme--light input[type=search]:focus, .form.theme--light input[type=tel]:focus, .form.theme--light input[type=text]:focus, .form.theme--light input[type=time]:focus, .form.theme--light input[type=url]:focus, .form.theme--light input[type=week]:focus, .form.theme--light select:focus, .form.theme--light textarea:focus, .theme--light .form input[type=color]:focus, .theme--light .form input[type=date]:focus, .theme--light .form input[type=datetime-local]:focus, .theme--light .form input[type=datetime]:focus, .theme--light .form input[type=email]:focus, .theme--light .form input[type=month]:focus, .theme--light .form input[type=number]:focus, .theme--light .form input[type=password]:focus, .theme--light .form input[type=search]:focus, .theme--light .form input[type=tel]:focus, .theme--light .form input[type=text]:focus, .theme--light .form input[type=time]:focus, .theme--light .form input[type=url]:focus, .theme--light .form input[type=week]:focus, .theme--light .form select:focus, .theme--light .form textarea:focus { border-color: #f4f4f4 } .form.theme--gray { color: #FFFFFF } .form.theme--gray input[type=color], .form.theme--gray input[type=date], .form.theme--gray input[type=datetime-local], .form.theme--gray input[type=datetime], .form.theme--gray input[type=email], .form.theme--gray input[type=month], .form.theme--gray input[type=number], .form.theme--gray input[type=password], .form.theme--gray input[type=search], .form.theme--gray input[type=tel], .form.theme--gray input[type=text], .form.theme--gray input[type=time], .form.theme--gray input[type=url], .form.theme--gray input[type=week], .form.theme--gray select, .form.theme--gray textarea { border-color: #454545; background-color: #454545; color: #f4f4f4 } .form.theme--gray input[type=color]:focus, .form.theme--gray input[type=date]:focus, .form.theme--gray input[type=datetime-local]:focus, .form.theme--gray input[type=datetime]:focus, .form.theme--gray input[type=email]:focus, .form.theme--gray input[type=month]:focus, .form.theme--gray input[type=number]:focus, .form.theme--gray input[type=password]:focus, .form.theme--gray input[type=search]:focus, .form.theme--gray input[type=tel]:focus, .form.theme--gray input[type=text]:focus, .form.theme--gray input[type=time]:focus, .form.theme--gray input[type=url]:focus, .form.theme--gray input[type=week]:focus, .form.theme--gray select:focus, .form.theme--gray textarea:focus { border-color: #f4f4f4 } .form .col-sm-6, .form .col-sm-12 { padding-left: 5px; padding-right: 5px } .form .row { margin-left: -5px; margin-right: -5px } .custom-select { position: relative; font-family: inherit } .custom-select select { display: none } .custom-select__selected { background-color: transparent; color: #363636; padding: .75em 1em; border: 1px solid #363636; border-radius: 5px; cursor: pointer } .theme--light .custom-select__selected { border-color: white; color: #ffffff } .custom-select__selected:after { position: absolute; content: ""; top: 22px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #363636 transparent transparent } .theme--light .custom-select__selected:after { border-color: white transparent transparent } .custom-select__selected.custom-select__arrow-active:after { border-color: transparent transparent #363636; top: 16px } .theme--light .custom-select__selected.custom-select__arrow-active:after { border-color: transparent transparent #fff } .custom-select__items { position: absolute; background-color: white; border-radius: 5px; color: #363636; top: 110%; left: 0; right: 0; z-index: 99; height: 180px; overflow: auto } .custom-select__items div { color: inherit; padding: .75em 1em; cursor: pointer } .custom-select--hide { display: none } .custom-select__items div:hover, .custom-select__same-as-selected { background-color: rgba(0, 0, 0, .1) } .color--green, .rte-color--green { color: #038d58 } .color--green.dash:after, .color--green.dash:before, .rte-color--green.dash:after, .rte-color--green.dash:before { background-color: #038d58 } .color--light-green, .rte-color--light-green { color: #51af3d } .color--light-green.dash:after, .color--light-green.dash:before, .rte-color--light-green.dash:after, .rte-color--light-green.dash:before { background-color: #51af3d } .color--blue, .rte-color--blue { color: #006292 } .color--blue.dash:after, .color--blue.dash:before, .rte-color--blue.dash:after, .rte-color--blue.dash:before { background-color: #006292 } .color--light-blue, .rte-color--light-blue { color: #13b6c8 } .color--light-blue.dash:after, .color--light-blue.dash:before, .rte-color--light-blue.dash:after, .rte-color--light-blue.dash:before { background-color: #13b6c8 } .color--pink, .rte-color--pink { color: #e83364 } .color--pink.dash:after, .color--pink.dash:before, .rte-color--pink.dash:after, .rte-color--pink.dash:before { background-color: #e83364 } .color--purple, .rte-color--purple { color: #73144b } .color--purple.dash:after, .color--purple.dash:before, .rte-color--purple.dash:after, .rte-color--purple.dash:before { background-color: #73144b } .color--orange, .rte-color--orange { color: #d1681a } .color--orange.dash:after, .color--orange.dash:before, .rte-color--orange.dash:after, .rte-color--orange.dash:before { background-color: #d1681a } .color--yellow, .rte-color--yellow { color: #fcc73a } .color--yellow.dash:after, .color--yellow.dash:before, .rte-color--yellow.dash:after, .rte-color--yellow.dash:before { background-color: #fcc73a } .color--red, .rte-color--red { color: #DD2F30 } .color--red.dash:after, .color--red.dash:before, .rte-color--red.dash:after, .rte-color--red.dash:before { background-color: #DD2F30 } @keyframes a { 0% { opacity: 0 } to { opacity: 1 } } .fade-in { opacity: 0 } .fade-in--force, .fade-in.loaded { animation: a .5s ease-out 0s 1 forwards } .fade-in--force.delay-125, .fade-in.loaded.delay-125 { animation-delay: .125s } .fade-in--force.delay-250, .fade-in.loaded.delay-250 { animation-delay: .25s } .fade-in--force.delay-375, .fade-in.loaded.delay-375 { animation-delay: .375s } .fade-in--force.delay-500, .fade-in.loaded.delay-500 { animation-delay: .5s } .fade-in--force.delay-625, .fade-in.loaded.delay-625 { animation-delay: .625s } .fade-in--force.delay-750, .fade-in.loaded.delay-750 { animation-delay: .75s } .fade-in--force.delay-875, .fade-in.loaded.delay-875 { animation-delay: .875s } .fade-in--force.delay-1000, .fade-in.loaded.delay-1000 { animation-delay: 1s } .fade-in--force.delay-1125, .fade-in.loaded.delay-1125 { animation-delay: 1.125s } .fade-in--force.delay-1250, .fade-in.loaded.delay-1250 { animation-delay: 1.25s } .fade-in--force.delay-1375, .fade-in.loaded.delay-1375 { animation-delay: 1.375s } .fade-in--force.delay-1500, .fade-in.loaded.delay-1500 { animation-delay: 1.5s } .fade-in--force.delay-1625, .fade-in.loaded.delay-1625 { animation-delay: 1.625s } .fade-in--force.delay-1750, .fade-in.loaded.delay-1750 { animation-delay: 1.75s } .fade-in--force.delay-1875, .fade-in.loaded.delay-1875 { animation-delay: 1.875s } .fade-in--force.delay-2000, .fade-in.loaded.delay-2000 { animation-delay: 2s } @keyframes b { 0% { opacity: 0; transform: translate3d(0, 33%, 0) } to { opacity: 1; transform: none } } .fade-in-up { opacity: 0 } .fade-in-up--force, .fade-in-up.loaded { animation: b .5s ease-out 0s 1 forwards } .fade-in-up--force.delay-125, .fade-in-up.loaded.delay-125 { animation-delay: .125s } .fade-in-up--force.delay-250, .fade-in-up.loaded.delay-250 { animation-delay: .25s } .fade-in-up--force.delay-375, .fade-in-up.loaded.delay-375 { animation-delay: .375s } .fade-in-up--force.delay-500, .fade-in-up.loaded.delay-500 { animation-delay: .5s } .fade-in-up--force.delay-625, .fade-in-up.loaded.delay-625 { animation-delay: .625s } .fade-in-up--force.delay-750, .fade-in-up.loaded.delay-750 { animation-delay: .75s } .fade-in-up--force.delay-875, .fade-in-up.loaded.delay-875 { animation-delay: .875s } .fade-in-up--force.delay-1000, .fade-in-up.loaded.delay-1000 { animation-delay: 1s } .fade-in-up--force.delay-1125, .fade-in-up.loaded.delay-1125 { animation-delay: 1.125s } .fade-in-up--force.delay-1250, .fade-in-up.loaded.delay-1250 { animation-delay: 1.25s } .fade-in-up--force.delay-1375, .fade-in-up.loaded.delay-1375 { animation-delay: 1.375s } .fade-in-up--force.delay-1500, .fade-in-up.loaded.delay-1500 { animation-delay: 1.5s } .fade-in-up--force.delay-1625, .fade-in-up.loaded.delay-1625 { animation-delay: 1.625s } .fade-in-up--force.delay-1750, .fade-in-up.loaded.delay-1750 { animation-delay: 1.75s } .fade-in-up--force.delay-1875, .fade-in-up.loaded.delay-1875 { animation-delay: 1.875s } .fade-in-up--force.delay-2000, .fade-in-up.loaded.delay-2000 { animation-delay: 2s } @keyframes c { 0% { opacity: 0; transform: translate3d(0, -50%, 0) } to { opacity: 1; transform: none } } .fade-in-down { opacity: 0 } .fade-in-down--force, .fade-in-down.loaded { animation: c .5s ease-out 0s 1 forwards } .fade-in-down--force.delay-125, .fade-in-down.loaded.delay-125 { animation-delay: .125s } .fade-in-down--force.delay-250, .fade-in-down.loaded.delay-250 { animation-delay: .25s } .fade-in-down--force.delay-375, .fade-in-down.loaded.delay-375 { animation-delay: .375s } .fade-in-down--force.delay-500, .fade-in-down.loaded.delay-500 { animation-delay: .5s } .fade-in-down--force.delay-625, .fade-in-down.loaded.delay-625 { animation-delay: .625s } .fade-in-down--force.delay-750, .fade-in-down.loaded.delay-750 { animation-delay: .75s } .fade-in-down--force.delay-875, .fade-in-down.loaded.delay-875 { animation-delay: .875s } .fade-in-down--force.delay-1000, .fade-in-down.loaded.delay-1000 { animation-delay: 1s } .fade-in-down--force.delay-1125, .fade-in-down.loaded.delay-1125 { animation-delay: 1.125s } .fade-in-down--force.delay-1250, .fade-in-down.loaded.delay-1250 { animation-delay: 1.25s } .fade-in-down--force.delay-1375, .fade-in-down.loaded.delay-1375 { animation-delay: 1.375s } .fade-in-down--force.delay-1500, .fade-in-down.loaded.delay-1500 { animation-delay: 1.5s } .fade-in-down--force.delay-1625, .fade-in-down.loaded.delay-1625 { animation-delay: 1.625s } .fade-in-down--force.delay-1750, .fade-in-down.loaded.delay-1750 { animation-delay: 1.75s } .fade-in-down--force.delay-1875, .fade-in-down.loaded.delay-1875 { animation-delay: 1.875s } .fade-in-down--force.delay-2000, .fade-in-down.loaded.delay-2000 { animation-delay: 2s } @keyframes d { 0% { opacity: 0; transform: translate3d(25%, 0, 0) } to { opacity: 1; transform: none } } .fade-in-right { opacity: 0 } .fade-in-right--force, .fade-in-right.loaded { animation: d .5s ease-out 0s 1 forwards } .fade-in-right--force.delay-125, .fade-in-right.loaded.delay-125 { animation-delay: .125s } .fade-in-right--force.delay-250, .fade-in-right.loaded.delay-250 { animation-delay: .25s } .fade-in-right--force.delay-375, .fade-in-right.loaded.delay-375 { animation-delay: .375s } .fade-in-right--force.delay-500, .fade-in-right.loaded.delay-500 { animation-delay: .5s } .fade-in-right--force.delay-625, .fade-in-right.loaded.delay-625 { animation-delay: .625s } .fade-in-right--force.delay-750, .fade-in-right.loaded.delay-750 { animation-delay: .75s } .fade-in-right--force.delay-875, .fade-in-right.loaded.delay-875 { animation-delay: .875s } .fade-in-right--force.delay-1000, .fade-in-right.loaded.delay-1000 { animation-delay: 1s } .fade-in-right--force.delay-1125, .fade-in-right.loaded.delay-1125 { animation-delay: 1.125s } .fade-in-right--force.delay-1250, .fade-in-right.loaded.delay-1250 { animation-delay: 1.25s } .fade-in-right--force.delay-1375, .fade-in-right.loaded.delay-1375 { animation-delay: 1.375s } .fade-in-right--force.delay-1500, .fade-in-right.loaded.delay-1500 { animation-delay: 1.5s } .fade-in-right--force.delay-1625, .fade-in-right.loaded.delay-1625 { animation-delay: 1.625s } .fade-in-right--force.delay-1750, .fade-in-right.loaded.delay-1750 { animation-delay: 1.75s } .fade-in-right--force.delay-1875, .fade-in-right.loaded.delay-1875 { animation-delay: 1.875s } .fade-in-right--force.delay-2000, .fade-in-right.loaded.delay-2000 { animation-delay: 2s } @keyframes e { 0% { opacity: 0; transform: translate3d(-25%, 0, 0) } to { opacity: 1; transform: none } } .fade-in-left { opacity: 0 } .fade-in-left--force, .fade-in-left.loaded { animation: e .5s ease-out 0s 1 forwards } .fade-in-left--force.delay-125, .fade-in-left.loaded.delay-125 { animation-delay: .125s } .fade-in-left--force.delay-250, .fade-in-left.loaded.delay-250 { animation-delay: .25s } .fade-in-left--force.delay-375, .fade-in-left.loaded.delay-375 { animation-delay: .375s } .fade-in-left--force.delay-500, .fade-in-left.loaded.delay-500 { animation-delay: .5s } .fade-in-left--force.delay-625, .fade-in-left.loaded.delay-625 { animation-delay: .625s } .fade-in-left--force.delay-750, .fade-in-left.loaded.delay-750 { animation-delay: .75s } .fade-in-left--force.delay-875, .fade-in-left.loaded.delay-875 { animation-delay: .875s } .fade-in-left--force.delay-1000, .fade-in-left.loaded.delay-1000 { animation-delay: 1s } .fade-in-left--force.delay-1125, .fade-in-left.loaded.delay-1125 { animation-delay: 1.125s } .fade-in-left--force.delay-1250, .fade-in-left.loaded.delay-1250 { animation-delay: 1.25s } .fade-in-left--force.delay-1375, .fade-in-left.loaded.delay-1375 { animation-delay: 1.375s } .fade-in-left--force.delay-1500, .fade-in-left.loaded.delay-1500 { animation-delay: 1.5s } .fade-in-left--force.delay-1625, .fade-in-left.loaded.delay-1625 { animation-delay: 1.625s } .fade-in-left--force.delay-1750, .fade-in-left.loaded.delay-1750 { animation-delay: 1.75s } .fade-in-left--force.delay-1875, .fade-in-left.loaded.delay-1875 { animation-delay: 1.875s } .fade-in-left--force.delay-2000, .fade-in-left.loaded.delay-2000 { animation-delay: 2s } .btn { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease } .btn:hover { background-color: #363636; color: #fff } .btn:hover .btn__text, .btn__text { background: transparent } .btn__text { -ms-flex-align: center; align-items: center; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .btn__text:after, .btn__text:before { content: ""; width: 50px } .btn--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .btn--blue .btn__text { background-color: #FFFFFF } .btn--blue:hover { color: #fff } .btn--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .btn--orange .btn__text { background-color: #FFFFFF } .btn--orange:hover { color: #fff } .btn--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .btn--green .btn__text { background-color: #FFFFFF } .btn--green:hover { color: #fff } .btn--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .btn--pink .btn__text { background-color: #FFFFFF } .btn--pink:hover { color: #fff } .btn--white { color: #FFFFFF; border-color: #FFFFFF } .btn--white:hover { background-color: #FFFFFF; color: #363636 } .btn-close { background: transparent; border: none; display: inline-block; cursor: pointer; outline: none; transition: opacity .5s ease-out; width: 50px; height: 50px; padding: 0 } .btn-close:hover { opacity: .75 } .btn-close.theme-light .icon { fill: white } .btn-play { height: 100px; width: 100px; border-radius: 100%; background: rgba(255, 255, 255, .35); border: 3px solid #363636; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition: transform .75s ease-in-out } .btn-play .icon { fill: #363636; height: 30px; width: 30px } .btn-play:hover { transform: scale(1.15) } .btn-scroll { background: transparent; border: none; position: absolute; left: 50%; bottom: 15px; margin: auto; transform: translateX(-50%); cursor: pointer; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none!important; -webkit-tap-highlight-color: transparent; transition: opacity .3s ease-in-out } @media (min-width:768px) { .btn-scroll { bottom: 20px } } .btn-scroll__text { text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; font-size: 13px; display: block; transform: translateZ(0); transition: transform .4s } @media (min-width:768px) { .btn-scroll__text { font-size: 14px } } .btn-scroll .vertical-dash { transform: translateZ(0); transition: transform .4s } .btn-scroll:hover { opacity: 1 } .btn-scroll:hover .btn-scroll__text { transform: translate3d(0, 55px, 15px) } .btn-scroll:hover .vertical-dash { transform: translate3d(0, -30px, 0); transition: transform .4s } .btn-scroll--visible, .module-banner--full .btn-scroll { opacity: .66; pointer-events: all } .btn-scroll--visible:hover, .module-banner--full .btn-scroll:hover { opacity: 1 } .module-banner--case .btn-scroll { opacity: .66; pointer-events: all; bottom: 65px } @media (min-width:768px) { .module-banner--case .btn-scroll { bottom: 65px } } .module-banner--case .btn-scroll:hover { opacity: 1 } .rte-btn>a { background: transparent; border: 2px solid #ffffff; border-radius: 50px; box-sizing: border-box; color: #ffffff; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: .5em 1.5em; opacity: 1!important; text-decoration: none!important; transition: all .4s!important } .rte-btn-int>a, .rte-btn-int>input{ background: transparent; border: 2px solid #004C94; border-radius: 50px; box-sizing: border-box; color: #004C94 !important; left: 50%; transform: translate(-50%,0); display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 600; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: .5em 1.5em; opacity: 1!important; text-decoration: none!important; transition: all .4s!important } .rte-btn>a:hover { background-color: #ffffff; color: #004C94 } .rte-btn-int>a:hover, .rte-btn-int>input:hover { background-color: #004C94; color: #ffffff !important; text-decoration: none; } .rte-btn>a:hover .btn__text, .rte-btn>a__text { background: transparent } .rte-btn>a__text { -ms-flex-align: center; align-items: center; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn>a__text:after, .rte-btn>a__text:before { content: ""; width: 50px } .rte-btn>a--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn>a--blue .btn__text { background-color: #FFFFFF } .rte-btn>a--blue:hover { color: #fff } .rte-btn>a--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn>a--orange .btn__text { background-color: #FFFFFF } .rte-btn>a--orange:hover { color: #fff } .rte-btn>a--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn>a--green .btn__text { background-color: #FFFFFF } .rte-btn>a--green:hover { color: #fff } .rte-btn>a--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn>a--pink .btn__text { background-color: #FFFFFF } .rte-btn>a--pink:hover { color: #fff } .rte-btn>a--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn>a--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn>a:after { display: none } .rte-btn-int>a:after { display: none } .rte-btn>a:hover { background-color: #ffffff!important; color: #004C94 !important } .rte-btn-int>a:hover { background-color: #004C94!important; color: #ffffff !important } .rte-btn.rte-color--red { background: transparent; border: 2px solid #DD2F30; border-radius: 50px; box-sizing: border-box; color: #DD2F30; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: 2px!important; margin: 0!important; opacity: 1!important; text-decoration: none!important; background-image: linear-gradient(90deg, #DD2F30 0, #DD2F30); border: none!important; color: white!important; transition: all .4s!important } .rte-btn.rte-color--red:hover { background-color: #DD2F30; color: #fff } .rte-btn.rte-color--red:hover .btn__text { background: transparent } .rte-btn.rte-color--red__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn.rte-color--red__text:after, .rte-btn.rte-color--red__text:before { content: ""; width: 50px } .rte-btn.rte-color--red--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn.rte-color--red--blue .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--red--blue:hover { color: #fff } .rte-btn.rte-color--red--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn.rte-color--red--orange .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--red--orange:hover { color: #fff } .rte-btn.rte-color--red--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn.rte-color--red--green .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--red--green:hover { color: #fff } .rte-btn.rte-color--red--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn.rte-color--red--pink .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--red--pink:hover { color: #fff } .rte-btn.rte-color--red--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn.rte-color--red--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn.rte-color--red:after { display: none!important } .rte-btn.rte-color--red>a { background-color: #FFFFFF; border: none!important; margin: 0!important; color: #DD2F30!important; text-decoration: none!important; font-weight: 500!important } .rte-btn.rte-color--red>a:hover { background-color: transparent!important; color: white!important } .rte-btn.rte-color--green { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: 2px!important; margin: 0!important; opacity: 1!important; text-decoration: none!important; background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none!important; color: white!important; transition: all .4s!important } .rte-btn.rte-color--green:hover { background-color: #363636; color: #fff } .rte-btn.rte-color--green:hover .btn__text { background: transparent } .rte-btn.rte-color--green__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn.rte-color--green__text:after, .rte-btn.rte-color--green__text:before { content: ""; width: 50px } .rte-btn.rte-color--green--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn.rte-color--green--blue .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--green--blue:hover { color: #fff } .rte-btn.rte-color--green--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn.rte-color--green--orange .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--green--orange:hover { color: #fff } .rte-btn.rte-color--green--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn.rte-color--green--green .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--green--green:hover { color: #fff } .rte-btn.rte-color--green--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn.rte-color--green--pink .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--green--pink:hover { color: #fff } .rte-btn.rte-color--green--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn.rte-color--green--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn.rte-color--green:after { display: none!important } .rte-btn.rte-color--green>a { background-color: #FFFFFF; border: none!important; margin: 0!important; color: #038d58!important; text-decoration: none!important; font-weight: 500!important } .rte-btn.rte-color--green>a:hover { background-color: transparent!important; color: white!important } .rte-btn.rte-color--orange { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: 2px!important; margin: 0!important; opacity: 1!important; text-decoration: none!important; background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none!important; color: white!important; transition: all .4s!important } .rte-btn.rte-color--orange:hover { background-color: #363636; color: #fff } .rte-btn.rte-color--orange:hover .btn__text { background: transparent } .rte-btn.rte-color--orange__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn.rte-color--orange__text:after, .rte-btn.rte-color--orange__text:before { content: ""; width: 50px } .rte-btn.rte-color--orange--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn.rte-color--orange--blue .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--orange--blue:hover { color: #fff } .rte-btn.rte-color--orange--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn.rte-color--orange--orange .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--orange--orange:hover { color: #fff } .rte-btn.rte-color--orange--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn.rte-color--orange--green .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--orange--green:hover { color: #fff } .rte-btn.rte-color--orange--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn.rte-color--orange--pink .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--orange--pink:hover { color: #fff } .rte-btn.rte-color--orange--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn.rte-color--orange--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn.rte-color--orange:after { display: none!important } .rte-btn.rte-color--orange>a { background-color: #FFFFFF; border: none!important; margin: 0!important; color: #d1681a!important; text-decoration: none!important; font-weight: 500!important } .rte-btn.rte-color--orange>a:hover { background-color: transparent!important; color: white!important } .rte-btn.rte-color--pink { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: 2px!important; margin: 0!important; opacity: 1!important; text-decoration: none!important; background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none!important; color: white!important; transition: all .4s!important } .rte-btn.rte-color--pink:hover { background-color: #363636; color: #fff } .rte-btn.rte-color--pink:hover .btn__text { background: transparent } .rte-btn.rte-color--pink__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn.rte-color--pink__text:after, .rte-btn.rte-color--pink__text:before { content: ""; width: 50px } .rte-btn.rte-color--pink--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn.rte-color--pink--blue .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--pink--blue:hover { color: #fff } .rte-btn.rte-color--pink--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn.rte-color--pink--orange .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--pink--orange:hover { color: #fff } .rte-btn.rte-color--pink--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn.rte-color--pink--green .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--pink--green:hover { color: #fff } .rte-btn.rte-color--pink--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn.rte-color--pink--pink .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--pink--pink:hover { color: #fff } .rte-btn.rte-color--pink--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn.rte-color--pink--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn.rte-color--pink:after { display: none!important } .rte-btn.rte-color--pink>a { background-color: #FFFFFF; border: none!important; margin: 0!important; color: #73144b!important; text-decoration: none!important; font-weight: 500!important } .rte-btn.rte-color--pink>a:hover { background-color: transparent!important; color: white!important } .rte-btn.rte-color--blue { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: 2px!important; margin: 0!important; opacity: 1!important; text-decoration: none!important; background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none!important; color: white!important; transition: all .4s!important } .rte-btn.rte-color--blue:hover { background-color: #363636; color: #fff } .rte-btn.rte-color--blue:hover .btn__text { background: transparent } .rte-btn.rte-color--blue__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn.rte-color--blue__text:after, .rte-btn.rte-color--blue__text:before { content: ""; width: 50px } .rte-btn.rte-color--blue--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn.rte-color--blue--blue .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--blue--blue:hover { color: #fff } .rte-btn.rte-color--blue--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn.rte-color--blue--orange .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--blue--orange:hover { color: #fff } .rte-btn.rte-color--blue--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn.rte-color--blue--green .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--blue--green:hover { color: #fff } .rte-btn.rte-color--blue--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn.rte-color--blue--pink .btn__text { background-color: #FFFFFF } .rte-btn.rte-color--blue--pink:hover { color: #fff } .rte-btn.rte-color--blue--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn.rte-color--blue--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn.rte-color--blue:after { display: none!important } .rte-btn.rte-color--blue>a { background-color: #FFFFFF; border: none!important; margin: 0!important; color: #006292!important; text-decoration: none!important; font-weight: 500!important } .rte-btn.rte-color--blue>a:hover { background-color: transparent!important; color: white!important } .rte-btn--light>a { background: transparent; border: 2px solid #363636; border-radius: 50px; box-sizing: border-box; color: #363636; display: inline-block; font-size: 18px; font-family: freight-sans-pro, sans-serif; font-weight: 500; height: 50px; letter-spacing: .8px; margin: 7px 0; padding: 2px; position: relative; text-decoration: none; text-transform: uppercase; outline: none; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: background .5s ease; height: auto; padding: .5em 1.5em; opacity: 1!important; text-decoration: none!important; border-color: white!important; color: white!important; background: transparent!important; transition: all .4s!important } .rte-btn--light>a:hover { background-color: #363636; color: #fff } .rte-btn--light>a:hover .btn__text { background: transparent } .rte-btn--light>a__text { -ms-flex-align: center; align-items: center; background: transparent; border-radius: 50px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 100%; width: 100%; transition: background .5s ease } .rte-btn--light>a__text:after, .rte-btn--light>a__text:before { content: ""; width: 50px } .rte-btn--light>a--blue { background-image: linear-gradient(90deg, #006292 0, #13b6c8); border: none; color: #006292 } .rte-btn--light>a--blue .btn__text { background-color: #FFFFFF } .rte-btn--light>a--blue:hover { color: #fff } .rte-btn--light>a--orange { background-image: linear-gradient(90deg, #d1681a 0, #fcc73a); border: none; color: #d1681a } .rte-btn--light>a--orange .btn__text { background-color: #FFFFFF } .rte-btn--light>a--orange:hover { color: #fff } .rte-btn--light>a--green { background-image: linear-gradient(90deg, #038d58 0, #51af3d); border: none; color: #038d58 } .rte-btn--light>a--green .btn__text { background-color: #FFFFFF } .rte-btn--light>a--green:hover { color: #fff } .rte-btn--light>a--pink { background-image: linear-gradient(90deg, #73144b 0, #e83364); border: none; color: #73144b } .rte-btn--light>a--pink .btn__text { background-color: #FFFFFF } .rte-btn--light>a--pink:hover { color: #fff } .rte-btn--light>a--white { color: #FFFFFF; border-color: #FFFFFF } .rte-btn--light>a--white:hover { background-color: #FFFFFF; color: #363636 } .rte-btn--light>a:after { display: none } .rte-btn--light>a:hover { background-color: #FFF!important; border-color: #FFF!important; color: #363636!important } .icon { display: inline-block; fill: #363636; height: 30px; width: 30px; pointer-events: none } .theme--light .icon { fill: #FFFFFF } .icon--small { height: 20px; width: 20px } .icon--large { height: 50px; width: 50px } body { color: #363636; font-size: 100%; line-height: 1.3; font-family: freight-sans-pro, sans-serif !important; font-weight: 500 } .headline { font-size: 1em; font-weight: 700; line-height: 1.15; text-rendering: optimizeLegibility; word-wrap: break-word; margin: 7px 0; letter-spacing: 1px; position: relative } .headline--x-large { font-family: fatfrank, sans-serif; font-size: 175px; line-height: .75; text-transform: uppercase; margin: 10px 0 } @media (min-width:1200px) { .headline--x-large { font-size: 250px } } @media (min-width:1600px) { .headline--x-large { font-size: 300px } } .headline--hero { font-family: fatfrank, sans-serif; font-size: 38px; text-transform: uppercase; margin: 10px 0; line-height: 1; text-align: center; } @media (min-width:768px) { .headline--hero { font-size: 44px } } @media (min-width:1200px) { .headline--hero { font-size: 50px } } .headline--large { font-family: fatfrank, sans-serif; font-size: 30px; text-transform: uppercase; margin: 10px 0 } @media (min-width:768px) { .headline--large { font-size: 34px } } @media (min-width:1200px) { .headline--large { font-size: 40px } } .headline--medium { font-size: 25px } @media (min-width:768px) { .headline--medium { font-size: 28px } } @media (min-width:1200px) { .headline--medium { font-size: 30px } } .headline--small { font-size: 15px } @media (min-width:768px) { .headline--small { font-size: 18px } } @media (min-width:1200px) { .headline--small { font-size: 20px } } .headline--uppercase { text-transform: uppercase } .text-area a:not(.btn) { color: inherit; font-weight: 600; text-decoration: none; position: relative; transition: opacity .3s } .text-area a:not(.btn):after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; background-color: #363636 } .text-area a:not(.btn):hover { opacity: .75 } .text-area.theme--light a:not(.btn):after, .theme--light .text-area a:not(.btn):after { background-color: #FFFFFF } .text-area p { margin:30px 0; letter-spacing: 1px; line-height: 1.5em; } .text-area ul { margin: 0; padding: 0; list-style-type: none; margin: 15px 0 } @media (min-width:768px) { .text-area ul { margin: 30px 0 } } .text-area ul--custom li { padding-left: 60px; padding-bottom: 20px } .text-area ul--custom li:before { display: none } .text-area ul--custom li>.icon, .text-area ul--custom li>img { position: absolute; left: 0; top: 0; height: 40px; width: 40px } .text-area ul--custom-two-col { columns: 2; padding-right: 0!important } .text-area ul--custom-two-col>li { padding: 0!important; margin-bottom: 15px!important } .text-area__list-item, .text-area li { position: relative; padding-left: 35px; padding-bottom: 10px } .text-area__list-item:before, .text-area li:before { background: #363636; content: ""; height: 2px; position: absolute; width: 20px; left: 0; top: 11px } .theme--light .text-area__list-item:before, .theme--light .text-area li:before { background: #FFFFFF } .text-area__headline-plus-number { position: relative; text-align: right; margin-bottom: 30px } @media (min-width:1200px) { .text-area__headline-plus-number { margin-bottom: 45px; padding-right: 15px } } .text-area__headline-plus-number .headline--hero { position: absolute; left: 0; bottom: 5px; text-align: left; margin: 0 } .text-area__headline-plus-number .headline--x-large { opacity: .25; margin: 0 } html { overflow: hidden; overflow-y: scroll } .container--100-pct { padding: 0 15px!important; width: 100%!important } .body--overlay-opened { position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden } .unstyled-list { margin: 0; padding: 0; list-style-type: none } .module-padding { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .module-padding { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-padding { padding-top: 60px; padding-bottom: 60px } } .no-padding--top { padding-top: 0!important } .no-padding--bottom { padding-bottom: 0!important } .no-margin--top { margin-top: 0!important } .no-margin--bottom { margin-bottom: 0!important } @keyframes f { 0% { width: 0; opacity: 0 } to { width: 20px; opacity: 1 } } @keyframes g { 0% { width: 0; opacity: 0 } to { width: 30px; opacity: 1 } } @keyframes h { 0% { height: 0; opacity: 0 } to { height: 50px; opacity: .75 } } .dash { position: relative } .dash:after, .dash:before { background: #363636; content: ""; height: 2px; position: absolute; width: 0 } .theme--light .dash:after, .theme--light .dash:before { background: #FFFFFF } .dash:after { display: none } .dash--inset { padding-left: 40px } @media (max-width:767px) { .dash--inset { padding-left: 35px } } .dash--inset:after, .dash--inset:before { top: 10px; left: 0 } .dash--after { display: block; padding-bottom: 30px } .dash--after:before { bottom: 15px; left: 0 } .dash--after.text-align--right:before { left: auto; right: 0 } .dash--after-center { padding-bottom: 30px } .dash--after-center:before { bottom: 29px; left: 50%; margin-left: -12px } .dash--orange:before { background-color: #d1681a!important } .dash--yellow:before { background-color: #004C94 !important } .dash--blue:before { background-color: #006292!important } .dash--green:before { background-color: #038d58!important } .dash.loaded:before { animation: f .3s ease-in 0s 1 forwards } .big-dash { position: relative } .big-dash:after, .big-dash:before { background: #363636; content: ""; height: 4px; position: absolute; width: 0 } .theme--light .big-dash:after, .theme--light .big-dash:before { background: #FFFFFF } .big-dash:after { display: none } .big-dash--inset { padding-left: 45px } @media (max-width:767px) { .big-dash--inset { padding-left: 40px } } .big-dash--inset:after, .big-dash--inset:before { top: 5px; left: 0 } .big-dash--after { padding-bottom: 25px } @media (min-width:992px) { .big-dash--after { padding-bottom: 30px } } .big-dash--after:before { bottom: 0; left: 0 } .big-dash--after-center { padding-bottom: 30px } .big-dash--after-center:before { bottom: 29px; left: 50%; margin-left: -12px } .big-dash--orange:before { background-color: #000000!important } .big-dash--yellow:before { background-color: #fcc73a!important } .big-dash--blue:before { background-color: #006292!important } .big-dash--green:before { background-color: #038d58!important } .big-dash.loaded:before { animation: g .3s ease-in 0s 1 forwards; left: 50%; transform: translate(-50%,0); } .vertical-dash { position: relative; height: 45px; display: inline-block } .vertical-dash:after, .vertical-dash:before { background: #363636; content: ""; height: 0; position: absolute; width: 1px } .theme--light .vertical-dash:after, .theme--light .vertical-dash:before { background: #FFFFFF } .vertical-dash.loaded:before { animation: h .3s ease-in 0s 1 forwards } .vertical-dash.loaded:hover:before { display: none } .vertical-dash.loaded:hover:after { animation: h .3s ease-in 0s 1 forwards } .social { margin-top: 30px } .social__anchor { display: inline-block; text-decoration: none; margin: 0 7px 0 0; transition: opacity .4s; border: 2px solid white; border-radius: 100%; padding: 5px 0; width: 40px; height: 40px; text-align: center } .social__anchor .icon { width: 20px; height: 20px } .social__anchor:hover { opacity: .75 } .contact { text-align: left; position: relative } .contact__list { margin: 0; padding: 0; list-style-type: none } .contact__list-item { padding-bottom: 10px } .contact__list-item a { color: inherit; text-decoration: none; opacity: .66; transition: opacity .4s ease-out } .contact__list-item a:hover { opacity: 1 } .contact__list-item .icon { height: 22px; width: 22px; margin-right: 15px } .contact__list-item:last-child { padding-bottom: 0 } .theme--light { color: #FFFFFF } .no-background-grey, .no-background-grey:before { background-color: #fff!important } .figure { position: relative; text-align: center } .figure__image { display: block; margin: 0 auto; max-width: 100%; position: relative } .figure__newContent { display: inline-block; position: relative; max-width: 100% } .figure__newContent:before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: #fff; opacity: 0 } @media (min-width:768px) { .figure__newContent:before { right: -15px; top: -15px } } .figure__anchor { display: block; position: relative; text-decoration: none; color: inherit } .figure__content { display: inline-block; position: relative; max-width: 100% } .figure__content:before { content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background-color: #f4f4f4; opacity: 0 } @media (min-width:768px) { .figure__content:before { right: -15px; top: -15px } } .figure--add-bg .figure__content:before { opacity: 1 } .figure--remove-bg .figure__content:before { opacity: 0!important; background-color: #fff!important } .figure--ratio-16-9 { position: relative } .figure--ratio-16-9:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .figure--ratio-16-9>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @keyframes i { 0% { background-position: 0 50% } 50% { background-position: 100% 50% } to { background-position: 0 50% } } .abs-fill { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } .abs-fill-gradient-45--orange { background: #fcc73a linear-gradient(45deg, #d1681a, #fcc73a) } .abs-fill-gradient-45--orange.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .abs-fill-gradient-45--blue { background: #004C94 linear-gradient(45deg, #006292, #004C94) } .abs-fill-gradient-45--blue.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .abs-fill-gradient-45--pink { background: #e83364 linear-gradient(45deg, #73144b, #e83364) } .abs-fill-gradient-45--pink.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .abs-fill-gradient-45--green { background: #51af3d linear-gradient(45deg, #038d58, #51af3d) } .abs-fill-gradient-45--green.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .gradient--orange { background: #fcc73a linear-gradient(45deg, #d1681a, #fcc73a) } .gradient--orange.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .gradient--pink { background: #e83364 linear-gradient(45deg, #73144b, #e83364) } .gradient--pink.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .gradient--blue { background: #004C94 linear-gradient(45deg, #13b6c8, #004C94) } .gradient--blue.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .gradient--green { background: #51af3d linear-gradient(45deg, #038d58, #51af3d) } .gradient--green.animated-bg { background-size: 400% 400%; animation: i 30s ease infinite } .bg-color--light-gray { background-color: #f4f4f4 } .flex { display: -ms-flexbox; display: flex } .flex--ver-center { -ms-flex-align: center; align-items: center } .flex--hor-center { -ms-flex-pack: center; justify-content: center } .flex--dir-column { -ms-flex-direction: column; flex-direction: column } .flex--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .flex--space-between { -ms-flex-pack: justify; justify-content: space-between } .ul { margin: 0; padding: 0; list-style-type: none; margin: 15px 0 } @media (min-width:768px) { .ul { margin: 30px 0 } } .ul--custom li { padding-left: 60px; padding-bottom: 20px } .ul--custom li:before { display: none } .ul--custom li>.icon, .ul--custom li>img { position: absolute; left: 0; top: 0; height: 35px; width: 35px } .ul--custom-two-col { columns: 2; padding-right: 0!important } .ul--custom-two-col>li { padding: 0!important; margin-bottom: 15px!important } .progress-bar { display: inline-block; margin: 35px 0; position: relative; width: 100%; height: 5px } .progress-bar__headline { position: absolute; left: 0; top: -20px; font-size: 13px; font-weight: 700 } .progressbar-text { font-family: canada-type-gibson, sans-serif } .card { line-height: 1.15 } .card__image { display: block; margin-bottom: 10px } @media (min-width:768px) { .card__image { margin-bottom: 20px } } .card__name { font-size: 1em; font-weight: 700; margin: 0; text-transform: uppercase; max-width: 250px } @media (max-width:767px) { .card__name { font-size: 14px } } .card__title { margin: 0 0 10px; font-weight: 700; max-width: 250px } @media (max-width:767px) { .card__title { font-size: 14px } } .card__email, .card__phone { margin: 0; max-width: 250px } .card__email>a, .card__phone>a { display: block; color: inherit; text-decoration: none; transition: all .4s } .card__email>a:hover, .card__phone>a:hover { color: #006292 } .card__text { height: 100px } .search-form { position: relative; font-size: 12px } @media (min-width:768px) { .search-form { font-size: 13px } } .search-form__input { padding-right: 45px!important; margin: 0!important; text-transform: uppercase!important; width: 200px!important } @media (min-width:1200px) { .search-form__input { width: 300px!important; padding-left: 25px!important; padding-right: 60px!important } } .search-form__button { position: absolute; right: 0; top: 0; width: 45px; height: 100%; border: none; background: transparent; cursor: pointer; outline: none!important } @media (min-width:1200px) { .search-form__button { width: 60px } } .search-form__button>.icon { height: 24px; width: 24px; transform: scale(.9); transition: all .3s ease } .search-form__button:hover>.icon { transform: scale(.8); fill: #006292 } @media (min-width:992px) { .grid-section .col-md-6:first-child { padding-right: 45px } } @media (min-width:992px) { .grid-section__flex-row--vertical { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } } @media (max-width:767px) { .grid-section>div:not(.gradient--blue):not(.gradient--green):not(.gradient--pink):not(.gradient--orange) { background-image: none!important } } .position--initial { position: static!important } .opacity-025 { opacity: .25 } .opacity-050 { opacity: .5 } .opacity-075 { opacity: .75 } .opacity-100 { opacity: 1 } .text-align--left { text-align: left } .text-align--center { text-align: center } .text-align--right { text-align: right } .position-horizontal--left .text-position { float: left } .position-horizontal--center .text-position { margin: 0 auto; float: none } .position-horizontal--right .text-position { float: right } .position-vertical--top { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .position-vertical--center { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .position-vertical--bottom { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end } .ps { overflow: hidden!important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto } .ps__rail-x { height: 15px; bottom: 0 } .ps__rail-x, .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; position: absolute } .ps__rail-y { width: 15px; right: 0 } .ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y { display: block; background-color: transparent } .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y, .ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y { opacity: .6 } .ps .ps__rail-x.ps--clicking, .ps .ps__rail-x:focus, .ps .ps__rail-x:hover, .ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background-color: #eee; opacity: .9 } .ps__thumb-x { transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; bottom: 2px } .ps__thumb-x, .ps__thumb-y { background-color: #aaa; border-radius: 6px; position: absolute } .ps__thumb-y { transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; right: 2px } .ps__rail-x.ps--clicking .ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x, .ps__rail-x:hover>.ps__thumb-x { background-color: #999; height: 11px } .ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y:hover>.ps__thumb-y { background-color: #999; width: 11px } @supports (-ms-overflow-style:none) { .ps { overflow: auto!important } } @media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) { .ps { overflow: auto!important } } .owl-carousel, .owl-carousel--4 { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1 } .owl-carousel--4 .owl-stage, .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel--4 .owl-stage:after, .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel--4 .owl-stage-outer, .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translateZ(0) } .owl-carousel--4 .owl-item, .owl-carousel--4 .owl-wrapper, .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0) } .owl-carousel--4 .owl-item, .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none } .owl-carousel--4 .owl-item img, .owl-carousel .owl-item img { display: block; width: 100% } .owl-carousel--4 .owl-dots.disabled, .owl-carousel--4 .owl-nav.disabled, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none } .owl-carousel--4 .owl-dot, .owl-carousel--4 .owl-nav .owl-next, .owl-carousel--4 .owl-nav .owl-prev, .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel--4 .owl-nav button.owl-next, .owl-carousel--4 .owl-nav button.owl-prev, .owl-carousel--4 button.owl-dot, .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0!important; font: inherit } .owl-carousel--4.owl-loaded, .owl-carousel.owl-loaded { display: block } .owl-carousel--4.owl-loading, .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel--4.owl-hidden, .owl-carousel.owl-hidden { opacity: 0 } .owl-carousel--4.owl-refresh .owl-item, .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel--4.owl-drag .owl-item, .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .owl-carousel--4.owl-grab, .owl-carousel.owl-grab { cursor: move; cursor: grab } .owl-carousel--4.owl-rtl, .owl-carousel.owl-rtl { direction: rtl } .owl-carousel--4.owl-rtl .owl-item, .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel--4 .owl-prev { position: absolute; left: 0; top: 50%; transform: translateY(-50%); outline: none!important } @media (min-width:1200px) { .owl-carousel--4 .owl-prev { left: -50px } } .owl-carousel--4 .owl-prev>span { position: relative; display: inline-block; width: 50px; height: 50px; padding-left: 50px; overflow: hidden; outline: none!important; opacity: .5; transition: opacity .4s } .owl-carousel--4 .owl-prev>span:after, .owl-carousel--4 .owl-prev>span:before { content: ""; width: 30px; height: 2px; background-color: white; display: inline-block; position: absolute; top: 50%; left: 15px; transform-origin: top left } .owl-carousel--4 .owl-prev>span:before { transform: rotate(-45deg) } .owl-carousel--4 .owl-prev>span:after { transform: rotate(45deg) } .owl-carousel--4 .owl-prev:hover>span { opacity: 1 } .owl-carousel--4 .owl-next { position: absolute; right: 0; top: 50%; transform: translateY(-50%); outline: none!important } @media (min-width:1200px) { .owl-carousel--4 .owl-next { right: -50px } } .owl-carousel--4 .owl-next>span { position: relative; display: inline-block; width: 50px; height: 50px; padding-left: 50px; overflow: hidden; outline: none!important; opacity: .5; transition: opacity .4s } .owl-carousel--4 .owl-next>span:after, .owl-carousel--4 .owl-next>span:before { content: ""; width: 30px; height: 2px; background-color: white; display: inline-block; position: absolute; top: 50%; right: 15px; transform-origin: top right } .owl-carousel--4 .owl-next>span:before { transform: rotate(-45deg) } .owl-carousel--4 .owl-next>span:after { transform: rotate(45deg) } .owl-carousel--4 .owl-next:hover>span { opacity: 1 } .owl-carousel--4 .owl-dots { margin: 0 auto; display: block; text-align: center } .owl-carousel--4 .owl-dot>span { background-color: transparent; border: 1px solid white; width: 7px; height: 7px; border-radius: 100%; overflow: hidden; margin: 5px; display: inline-block; opacity: .5; transition: all .3s } .owl-carousel--4 .owl-dot.active>span, .owl-carousel--4 .owl-dot:hover>span { background-color: white; opacity: 1; box-shadow: 0 0 3px 0 #FFFFFF } .no-js .owl-carousel, .no-js .owl-carousel--4 { display: block } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: j } @keyframes j { 0% { opacity: 1 } to { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% } *, :after, :before { background-repeat: no-repeat; box-sizing: inherit } :after, :before { text-decoration: inherit; vertical-align: inherit } html { box-sizing: border-box; cursor: default; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } article, aside, footer, header, nav, section { display: block } body { margin: 0 } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 0 } hr { box-sizing: content-box; height: 0; overflow: visible } nav ol, nav ul { list-style: none } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ffff00; color: #000000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } ::selection { background-color: #b3d4fc; color: #000000; text-shadow: none } audio, canvas, iframe, img, svg, video { vertical-align: middle } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg { fill: currentColor } svg:not(:root) { overflow: hidden } table { border-collapse: collapse } button, input, optgroup, select, textarea { margin: 0 } button, input, select, textarea { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto; resize: vertical } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [tabindex], a, area, button, input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation } [hidden] { display: none } [aria-busy=true] { cursor: progress } [aria-controls] { cursor: pointer } [aria-hidden=false][hidden]:not(:focus) { clip: rect(0, 0, 0, 0); display: inherit; position: absolute } [aria-disabled] { cursor: default } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1200px } } @media (min-width:1600px) { .container { width: 1400px } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .row { margin-left: -15px; margin-right: -15px } .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:480px) { .col, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 { float: left } .col-ms-12 { width: 100% } .col-ms-11 { width: 91.66666667% } .col-ms-10 { width: 83.33333333% } .col-ms-9 { width: 75% } .col-ms-8 { width: 66.66666667% } .col-ms-7 { width: 58.33333333% } .col-ms-6 { width: 50% } .col-ms-5 { width: 41.66666667% } .col-ms-4 { width: 33.33333333% } .col-ms-3 { width: 25% } .col-ms-2 { width: 16.66666667% } .col-ms-1 { width: 8.33333333% } .col-ms-pull-12 { right: 100% } .col-ms-pull-11 { right: 91.66666667% } .col-ms-pull-10 { right: 83.33333333% } .col-ms-pull-9 { right: 75% } .col-ms-pull-8 { right: 66.66666667% } .col-ms-pull-7 { right: 58.33333333% } .col-ms-pull-6 { right: 50% } .col-ms-pull-5 { right: 41.66666667% } .col-ms-pull-4 { right: 33.33333333% } .col-ms-pull-3 { right: 25% } .col-ms-pull-2 { right: 16.66666667% } .col-ms-pull-1 { right: 8.33333333% } .col-ms-pull-0 { right: auto } .col-ms-push-12 { left: 100% } .col-ms-push-11 { left: 91.66666667% } .col-ms-push-10 { left: 83.33333333% } .col-ms-push-9 { left: 75% } .col-ms-push-8 { left: 66.66666667% } .col-ms-push-7 { left: 58.33333333% } .col-ms-push-6 { left: 50% } .col-ms-push-5 { left: 41.66666667% } .col-ms-push-4 { left: 33.33333333% } .col-ms-push-3 { left: 25% } .col-ms-push-2 { left: 16.66666667% } .col-ms-push-1 { left: 8.33333333% } .col-ms-push-0 { left: auto } .col-ms-offset-12 { margin-left: 100% } .col-ms-offset-11 { margin-left: 91.66666667% } .col-ms-offset-10 { margin-left: 83.33333333% } .col-ms-offset-9 { margin-left: 75% } .col-ms-offset-8 { margin-left: 66.66666667% } .col-ms-offset-7 { margin-left: 58.33333333% } .col-ms-offset-6 { margin-left: 50% } .col-ms-offset-5 { margin-left: 41.66666667% } .col-ms-offset-4 { margin-left: 33.33333333% } .col-ms-offset-3 { margin-left: 25% } .col-ms-offset-2 { margin-left: 16.66666667% } .col-ms-offset-1 { margin-left: 8.33333333% } .col-ms-offset-0 { margin-left: 0 } } @media (min-width:768px) { .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:992px) { .col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1200px) { .col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } @media (min-width:1600px) { .col, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left } .col-xl-12 { width: 100% } .col-xl-11 { width: 91.66666667% } .col-xl-10 { width: 83.33333333% } .col-xl-9 { width: 75% } .col-xl-8 { width: 66.66666667% } .col-xl-7 { width: 58.33333333% } .col-xl-6 { width: 50% } .col-xl-5 { width: 41.66666667% } .col-xl-4 { width: 33.33333333% } .col-xl-3 { width: 25% } .col-xl-2 { width: 16.66666667% } .col-xl-1 { width: 8.33333333% } .col-xl-pull-12 { right: 100% } .col-xl-pull-11 { right: 91.66666667% } .col-xl-pull-10 { right: 83.33333333% } .col-xl-pull-9 { right: 75% } .col-xl-pull-8 { right: 66.66666667% } .col-xl-pull-7 { right: 58.33333333% } .col-xl-pull-6 { right: 50% } .col-xl-pull-5 { right: 41.66666667% } .col-xl-pull-4 { right: 33.33333333% } .col-xl-pull-3 { right: 25% } .col-xl-pull-2 { right: 16.66666667% } .col-xl-pull-1 { right: 8.33333333% } .col-xl-pull-0 { right: auto } .col-xl-push-12 { left: 100% } .col-xl-push-11 { left: 91.66666667% } .col-xl-push-10 { left: 83.33333333% } .col-xl-push-9 { left: 75% } .col-xl-push-8 { left: 66.66666667% } .col-xl-push-7 { left: 58.33333333% } .col-xl-push-6 { left: 50% } .col-xl-push-5 { left: 41.66666667% } .col-xl-push-4 { left: 33.33333333% } .col-xl-push-3 { left: 25% } .col-xl-push-2 { left: 16.66666667% } .col-xl-push-1 { left: 8.33333333% } .col-xl-push-0 { left: auto } .col-xl-offset-12 { margin-left: 100% } .col-xl-offset-11 { margin-left: 91.66666667% } .col-xl-offset-10 { margin-left: 83.33333333% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-8 { margin-left: 66.66666667% } .col-xl-offset-7 { margin-left: 58.33333333% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-5 { margin-left: 41.66666667% } .col-xl-offset-4 { margin-left: 33.33333333% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-2 { margin-left: 16.66666667% } .col-xl-offset-1 { margin-left: 8.33333333% } .col-xl-offset-0 { margin-left: 0 } } .clearfix, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { content: " "; display: table } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both } *, :after, :before { box-sizing: border-box } @keyframes k { 0% { opacity: 0; transform: translate3d(-33%, 0, 0) } to { opacity: 1; transform: none } } .noselect { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0)!important; -webkit-tap-highlight-color: transparent; outline: none!important; outline-style: none } .noselect, header { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } header { padding-top: 15px; padding-bottom: 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 101 } @media (min-width:768px) { header { padding-top: 20px; padding-bottom: 20px } } @media (min-width:1200px) { header { padding-top: 30px; padding-bottom: 30px } } @media (min-width:1600px) { header { padding-top: 45px; padding-bottom: 45px } } #nav-main--trigger:checked~header { position: fixed } .nav-burger { background-color: transparent; cursor: pointer; display: inline-block; height: 50px; width: 50px; margin: 0; padding: 0; position: relative; right: -15px; top: 3px; outline: none!important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 101; -webkit-tap-highlight-color: transparent } @media (min-width:768px) { .nav-burger { top: 10px } } @media (min-width:1200px) { .nav-burger { top: 17px } } .nav-burger__line { background: #FFFFFF; position: absolute; height: 2px; width: 50%; top: 50%; left: 25%; margin-top: -1px; transition: all .4s } .nav-burger__line:first-child { top: 16px; margin-top: 0; width: 36% } .nav-burger__line:nth-child(2) { width: 25% } .nav-burger__line:nth-child(3) { top: auto; bottom: 16px } .nav-burger:hover .nav-burger__line:first-child { width: 25% } .nav-burger:hover .nav-burger__line:nth-child(2) { width: 50% } .nav-burger:hover .nav-burger__line:nth-child(3) { width: 37% } #nav-main--trigger:checked~.header .nav-burger__line:first-child { transform: rotate(-45deg); top: 45%; width: 50% } #nav-main--trigger:checked~.header .nav-burger__line:nth-child(2) { opacity: 0; width: 50% } #nav-main--trigger:checked~.header .nav-burger__line:nth-child(3) { transform: rotate(45deg); bottom: 50%; width: 50% } .logo { display: inline-block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; position: relative; z-index: 101 } .logo__image { height: 54px } @media (min-width:768px) { .logo__image { height: 60px } } @media (min-width:1200px) { .logo__image { height: 50px } } .main-nav { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #363636; color: #FFFFFF; font-size: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.5; opacity: 0; pointer-events: none; transition: all .4s ease-out } @media (max-width:767px) { .main-nav .container { width: 100% } } .main-nav__list { display: inline-block; margin: 0; padding: 0; list-style-type: none; position: relative; right: -6px; line-height: 1.1; max-height: 75vh; overflow: auto; transition: opacity .4s ease-out } @media (min-width:768px) { .main-nav__list { overflow: initial } } .main-nav__sublist { display: block; margin: 0; padding: 0; list-style-type: none; position: relative; max-height: 0; overflow: hidden; transition: max-height .7s ease-out } .main-nav__list-item--parent-active .main-nav__sublist { max-height: 400px } .main-nav__list-item { position: relative } .main-nav__list-item:after { content: ""; display: inline-block; height: 100%; width: 1px; background-color: #FFFFFF; position: absolute; right: 7px; top: 0 } .main-nav__list-item:first-child:after { top: 28px } .main-nav__list-item:last-child:after { top: -30px } .main-nav__sublist-item>.main-nav__anchor { font-size: 16px; padding: 0 45px 15px 0 } .main-nav__sublist-item>.main-nav__anchor:after { display: none } .main-nav__anchor { color: #FFFFFF; display: block; text-decoration: none; text-transform: uppercase; padding: 15px 45px 15px 0; letter-spacing: 1.5px; font-size: 1em; position: relative; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s ease-out } .main-nav__anchor-text { display: block } .main-nav__anchor:hover:not(.main-nav__anchor--active) { padding-right: 60px } .main-nav__anchor:hover:not(.main-nav__anchor--active):after { background-color: #FFFFFF; box-shadow: 0 0 5px 0 #ffffff } .main-nav__anchor:after { content: ""; display: inline-block; height: 9px; width: 9px; border: 1px solid #FFFFFF; border-radius: 100%; position: absolute; right: 3px; top: 27px; background-color: #fcc73a; transition: all .4s ease-out } .main-nav__anchor--active { font-weight: 700 } .main-nav__anchor--active:after { background-color: #FFFFFF; box-shadow: 0 0 5px 0 #ffffff } .main-nav__contact { font-size: 16px; text-align: left; position: absolute; left: 50%; top: 50%; transform: translate3d(-360px, -50%, 0); opacity: 0; pointer-events: none; transition: opacity .7s ease-in-out .4s } @media (min-width:992px) { .main-nav__contact { transform: translate3d(-470px, -50%, 0) } } @media (min-width:1200px) { .main-nav__contact { transform: translate3d(-585px, -50%, 0) } } @media (min-width:1600px) { .main-nav__contact { transform: translate3d(-685px, -50%, 0) } } .main-nav__contact-list { margin: 0; padding: 0; list-style-type: none } .main-nav__contact-list-item { padding-bottom: 7px } .main-nav__contact-list-item a { display: inline-block; color: inherit; opacity: .75; text-decoration: none; transform: translateX(0); transition: all .3s ease-out } .main-nav__contact-list-item a:hover { opacity: 1; transform: translateX(10px) } .main-nav__contact-list-item .icon { height: 22px; width: 22px; margin-right: 15px } .main-nav__contact-list-item:last-child { padding-bottom: 0 } .main-nav__contact .headline { letter-spacing: 1px; text-transform: uppercase } .main-nav__copyright { font-size: 16px; margin-top: 60px; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 45px; padding-bottom: 45px; opacity: 0; pointer-events: none; transition: opacity .7s ease-in-out .4s } .main-nav__search { position: fixed; left: 10%; top: 50%; width: 80%!important; display: inline-block; border-radius: 50px; overflow: hidden; transform: translateY(-50%); min-width: 265px; opacity: 0; pointer-events: none; transition: opacity .7s ease-out } @media (min-width:768px) { .main-nav__search { position: relative; left: 15px; top: 21px; width: auto!important } } @media (min-width:1200px) { .main-nav__search { top: 29px } } .main-nav__search-input { padding: 15px 50px 15px 30px!important; text-transform: uppercase!important; font-size: 16px!important; font-weight: 600!important; letter-spacing: .5px } @media (min-width:768px) { .main-nav__search-input { font-size: 13px!important; padding: 10px 50px 10px 30px!important } } .main-nav__search-btn { position: absolute; right: 0; top: 0; width: 70px; height: 100%; border: none; background: transparent; outline: none!important } @media (min-width:768px) { .main-nav__search-btn { width: 54px } } .main-nav__search-btn .icon { width: 25px; height: 25px } @media (min-width:768px) { .main-nav__search-btn .icon { width: 21px; height: 21px } } .main-nav__search-icon { width: 50px; height: 50px; position: absolute; right: 65px; z-index: 101; opacity: 0; pointer-events: none; outline: none!important; transition: opacity .7s ease-out } .main-nav__search-icon .icon { width: 24px; height: 24px; position: relative; top: 14px; right: 10px } #nav-main--trigger { display: none } #nav-main--trigger:checked~.header .main-nav { opacity: 1; pointer-events: auto } @media (min-width:768px) { #nav-main--trigger:checked~.header .main-nav__search { opacity: 1; pointer-events: all } } @media (max-width:767px) { #nav-main--trigger:checked~.header .main-nav__search-icon { opacity: 1; pointer-events: all; display:none } } #nav-main--trigger:checked~.header .main-nav__list-item:first-child .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .1s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(2) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .15s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(3) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .2s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(4) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .25s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(5) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .3s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(6) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .35s } #nav-main--trigger:checked~.header .main-nav__list-item:nth-child(7) .main-nav__anchor-text { animation: k .5s ease-out 0s 1 forwards; animation-delay: .4s } #nav-main--trigger:checked~.header .main-nav__anchor-text { opacity: 0; transform: none } @media (min-width:768px) { #nav-main--trigger:checked~.header .main-nav__contact { opacity: 1; pointer-events: all } } @media (min-width:768px) { #nav-main--trigger:checked~.header .main-nav__copyright { opacity: .75; pointer-events: all } } #nav-main--search-trigger { display: none } #nav-main--search-trigger:checked~.header .navigation { opacity: 0; pointer-events: none } #nav-main--search-trigger:checked~.header .main-nav__search { opacity: 1; pointer-events: all } .footer { background-color: #363636; color: #FFFFFF; padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .footer { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .footer { padding-top: 60px; padding-bottom: 60px } } .footer .headline { letter-spacing: 1px } .footer p { opacity: .33; margin-top: 0 } .footer .dash--after { padding-bottom: 30px } .footer .dash--after:before { bottom: 15px } .footer__contact-info { margin-bottom: 45px } @media (min-width:768px) { .footer__contact-info { margin-bottom: 0 } .footer__contact-locations{ position: relative; left: 20%; } } .footer__contact-locations .col-sm-4:first-child .headline { font-weight: 700 } .footer__contact-locations .col-sm-4:first-child p { font-weight: 600; opacity: .5 } .footer__location { padding-bottom: 15px } @media (min-width:768px) { .footer__location { padding-bottom: 0; margin-bottom: 5px; } } .footer__location a{ color: #ffffff; text-decoration: none; } .footer__location a:hover{ color: #ffffff; text-decoration: none; } .footer__location a .headline{ font-weight: 500 !important; opacity: .66; } .footer__location a:hover .headline{ opacity: 1; } .footer__location>.headline { margin: 0; font-weight: 500 } .footer__cookies-anchor { color: #FFFFFF; display: inline-block; opacity: .66; text-decoration: none; transition: opacity .3s } .footer__cookies-anchor>.icon { height: 10px; width: 10px } .footer__cookies-anchor:hover { opacity: 1 } .footer__site-copyright { float: right; opacity: .33 } .footer__legal-row hr { border: none; margin: 30px 0; padding: 0; height: 1px; width: 100%; background-color: #454545 } @media (min-width:768px) { .footer .main-nav__contact-press { display: none } } .module-banner { position: relative; width: 100%; overflow: hidden } .module-banner__figure { background-repeat: no-repeat; background-position: 50%; background-size: cover } .module-banner__figure, .module-banner__video { position: absolute; top: 0; left: 0; height: 100%; width: 100% } .module-banner__video { -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;" } .module-banner__content { top: 0; left: 0; width: 100%; z-index: 2; padding: 5% 0; overflow: hidden; height: 50vh } @media (max-width:767px) { .module-banner__content { min-height: 50vh; height: auto } } .module-banner__content .btn { margin: 0 20px 0 0; min-width: 185px } @media (max-width:767px) { .module-banner__content .btn { clear: left; float: left; margin: 0 0 20px; min-width: 185px } } .module-banner__content .btn:last-child { margin: 0 } .module-banner--full .module-banner__content { height: 100vh } @media (max-width:767px) { .module-banner--full .module-banner__content { min-height: 100vh; height: auto } } .module-banner--sm .module-banner__content { height: 50vh } @media (max-width:767px) { .module-banner--sm .module-banner__content { min-height: 50vh; height: auto } } .module-banner__list, .module-banner ul { margin: 0; padding: 0; list-style-type: none; width: 100%; margin-bottom: 15px } .module-banner .container--100-pct { max-width: 1600px } .module-banner .headline--case-study { font-weight: 300; letter-spacing: 2px } .module-banner .headline--case-study .icon { margin-right: 5px } .module-banner__welcome-text { padding: 15px } @media (min-width:768px) { .module-banner__welcome-text { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } } .module-banner__welcome-text .banner-content__big-white-logo { max-width: 150px; margin-bottom: 5px } @media (min-width:768px) { .module-banner__welcome-text .banner-content__big-white-logo { max-width: 160px; margin-right: 20px; position: relative; top: -9px; margin-bottom: 0 } } @media (min-width:1200px) { .module-banner__welcome-text .banner-content__big-white-logo { max-width: 208px; top: -9px } } .banner-2-col { position: relative; overflow: hidden } .banner-2-col__bg { padding: 0 } @media (min-width:992px) { .banner-2-col__bg { position: static } } .banner-2-col__bg-inner { overflow: hidden; position: relative } @media (min-width:992px) { .banner-2-col__bg-inner--width-2-3 { position: absolute; left: 0; top: 0; margin: 0; bottom: 0; width: 60% } } @media (min-width:1800px) { .banner-2-col__bg-inner--width-2-3 { width: 57% } } .banner-2-col__figure { height: 250px; background-position: 0; background-repeat: no-repeat; background-size: cover; margin: 0 -15px; overflow: hidden } @media (min-width:992px) { .banner-2-col__figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; transform: scale(1.1) } } .banner-2-col__figure--foreground { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0 } .banner-2-col__content { height: 100% } @media (max-width:991px) { .banner-2-col__content>.container { width: 100% } } .banner-2-col__text { overflow-x: hidden; overflow-y: auto; padding: 45px 30px; position: relative } @media (min-width:768px) { .banner-2-col__text { padding: 60px 45px } } @media (min-width:992px) { .banner-2-col__text { position: static } } @media (min-width:1600px) { .banner-2-col__text { padding-left: 60px } } @media (min-width:992px) { .banner-2-col__textarea-content { position: relative; padding-left: 30%; overflow-x: hidden; overflow-y: auto } } @media (min-width:1600px) { .banner-2-col__textarea-content { padding-left: 33% } } .banner-2-col__bg-gradient { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } @media (min-width:992px) { .banner-2-col__bg-gradient--width-1-3 { width: 40%; position: absolute; right: 0; left: auto; top: 0; bottom: 0 } } @media (min-width:1800px) { .banner-2-col__bg-gradient--width-1-3 { width: 43% } } @media (min-width:992px) { .banner-2-col__left-transition { height: 100%; width: 60%; position: absolute; left: 0; bottom: 0; display: block; transform: translate3d(0, 100%, 100px); transition: transform .5s cubic-bezier(.5, .2, .2, 1.1) } .banner-2-col__left-transition--blue { background-color: #006292 } .banner-2-col__left-transition--pink { background-color: #73144b } .banner-2-col__left-transition--green { background-color: #038d58 } .banner-2-col__left-transition--orange { background-color: #d1681a } .one-pager__section--visible .banner-2-col__left-transition { transform: translate3d(0, -100%, 0) } } .navigation { color: #363636; position: relative } .navigation__ul { margin: 0; padding: 0; list-style-type: none } .navigation__li { display: block; position: relative } .navigation__li--parent:last-child.active .navigation__sub-ul:before, .navigation__li:first-child>.navigation__anchor:before, .navigation__li:last-child>.navigation__anchor:after { display: none } .navigation__anchor { color: inherit; display: block; margin: 0; padding: 10px; font-weight: 300; position: relative; text-decoration: none; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none!important; overflow: hidden; letter-spacing: 1px; line-height: 1.15; -webkit-tap-highlight-color: transparent; transition: all .3s } .navigation__anchor-circle { content: ""; position: absolute; left: 0; top: 50%; width: 7px; height: 7px; border: 1px solid #363636; border-radius: 100%; overflow: hidden; transform: translateY(-3.5px) } .navigation__anchor-text { display: block; transform: translateZ(0); transition: all .3s } :hover:not(.navigation__anchor--active)>.navigation__anchor-text { transform: translate3d(10px, 0, 1em) } .navigation__anchor--active { font-weight: 700 } .navigation__anchor:after, .navigation__anchor:before { content: ""; width: 1px; height: 50%; position: absolute; left: 3px; background-color: #363636 } .navigation__anchor:before { top: -3px } .navigation__anchor:after { bottom: -3px } .navigation__active-dot { border: 1px solid #363636; background-color: #363636; border-radius: 100%; display: inline-block; position: absolute; left: 0; top: 0; width: 7px; height: 7px; overflow: hidden; box-shadow: 0 0 3px 0 #363636; transform: translateY(0); transition: all .3s } .navigation__sub-ul { margin: 0; padding: 0; list-style-type: none; position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-in-out } .navigation__sub-ul:before { content: ""; width: 1px; height: 100%; background-color: #363636; position: absolute; left: 3px; top: 0 } .active>.navigation__sub-ul { max-height: 300px } .navigation__sub-li { overflow: hidden } .navigation__sub-anchor { display: block; overflow: hidden; color: inherit; padding: 3px 0 3px 40px; text-decoration: none; transform: translateZ(0); transition: transform .3s } .navigation__sub-anchor:hover { transform: translate3d(7px, 0, 1em) } .navigation--left .navigation__anchor { padding-left: 30px } .navigation--right .navigation__anchor { padding-right: 25px } .navigation--right .navigation__active-dot, .navigation--right .navigation__anchor-circle { left: auto; right: 0 } .navigation--right .navigation__anchor:after, .navigation--right .navigation__anchor:before { left: auto; right: 3px } .navigation--right.navigation--large .navigation__anchor { padding-right: 50px } .navigation--right.navigation--large .navigation__anchor:after, .navigation--right.navigation--large .navigation__anchor:before { left: auto; right: 5px } .navigation--right.navigation--large .navigation__anchor:before { top: -5px } .navigation--right.navigation--large .navigation__anchor:after { bottom: -5px } .navigation--right.navigation--large .navigation__anchor:hover:not(.navigation__anchor--active)>.navigation__anchor-text { transform: translate3d(10px, 0, 1em) } .navigation--right.navigation--large .navigation__sub-ul:before { right: 5px } .navigation--right.navigation--large .navigation__sub-anchor { padding: 3px 50px 3px 0 } .navigation--right .navigation__sub-ul:before { position: absolute; left: auto; right: 3px } .navigation--theme-light { color: #FFFFFF } .navigation--theme-light .navigation__active-dot { border-color: #FFFFFF; background-color: #FFFFFF; box-shadow: 0 0 3px 0 #FFFFFF } .navigation--theme-light .navigation__anchor:after, .navigation--theme-light .navigation__anchor:before { background-color: #FFFFFF; opacity: .5 } .navigation--theme-light .navigation__anchor-circle { border: 1px solid #FFFFFF } .navigation--theme-light .navigation__sub-ul:before { background-color: #FFFFFF; opacity: .5 } .navigation--small { font-size: 14px } .navigation--large { font-size: 35px; max-width: 500px; display: inline-block } .navigation--large .navigation__active-dot { width: 10px; height: 10px } .navigation--large .navigation__anchor { padding-top: 10px; padding-bottom: 10px } .navigation--large .navigation__anchor-circle { width: 10px; height: 10px; transform: translateY(-5px) } .navigation--large .navigation__sub-ul { font-size: 15px } .grid-section .navigation-simple { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .grid-section .navigation-simple { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .grid-section .navigation-simple { padding-top: 60px; padding-bottom: 60px } } @media (min-width:992px) { .body--frontpage { position: relative; overflow: hidden; height: 100vh; width: 100vw } } .one-pager { position: relative; overflow: hidden; z-index: 0 } @media (min-width:992px) { .one-pager { height: 100vh } } @media (min-width:992px) { .one-pager__section { position: absolute; left: 0; top: 0; right: 0; bottom: 0 } } @media (min-width:992px) { .one-pager__section .animated-box__hide-up { transform-style: flat; transform: translate3d(0, -100%, 0); transition: transform .5s ease-out } } @media (min-width:992px) { .one-pager__section .animated-box__hide-down { transform-style: flat; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); transition: -webkit-clip-path .5s ease-out; transition: clip-path .5s ease-out; transition: clip-path .5s ease-out, -webkit-clip-path .5s ease-out } } .one-pager__section .text-area { position: relative; display: block } @media (min-width:992px) { .one-pager__section .text-area { opacity: 0; transform-style: flat; transform: translate3d(0, -100%, 0); transition: opacity .5s, transform .5s } } @media (min-width:992px) { .one-pager__section .headline--hero { opacity: 0; transform-style: flat; transform: translate3d(-30px, 0, 0); transition: opacity .4s .6s, transform .4s .6s } } @media (min-width:992px) { .one-pager__section .info-wheel { opacity: 0; transition: opacity .5s .5s } } @media (min-width:992px) { .one-pager__section--visible .headline--hero, .one-pager__section--visible .text-area { opacity: 1; transform: translateZ(0) } } @media (min-width:992px) { .one-pager__section--visible .animated-box__hide-up { transform: translateZ(0) } } @media (min-width:992px) { .one-pager__section--visible .animated-box__hide-down { -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0) } } @media (min-width:992px) { .one-pager__section--visible .ul--custom li { opacity: 1!important; transform: translateX(0)!important } } @media (min-width:992px) { .one-pager__section--visible .banner-content__big-white-logo, .one-pager__section--visible .info-wheel { opacity: 1 } } .one-pager__navigation { position: absolute; z-index: 100 } @media (max-width:991px) { .one-pager__navigation { display: none!important } } @media (min-width:992px) { .one-pager__navigation { left: 50%; bottom: 15px; transform: translateX(-470px) } } @media (min-width:1200px) { .one-pager__navigation { transform: translateX(-585px) } } @media (min-width:1600px) { .one-pager__navigation { transform: translateX(-685px); bottom: 45px } } .one-pager__navigation .navigation__anchor-text { opacity: .66 } .one-pager__navigation .navigation__anchor:hover .navigation__anchor-text { opacity: 1 } .one-pager__navigation .navigation__anchor--active { font-weight: 500 } .one-pager__navigation .navigation__anchor--active .navigation__anchor-text { opacity: 1 } .one-pager__btn-next { z-index: 100 } @media (max-width:991px) { .one-pager__btn-next { display: none!important } } .one-pager .container--100-pct { max-width: 1600px } .one-pager .ul--custom li { padding: 9px 0 9px 60px; margin-bottom: 7px } @media (min-width:992px) { .one-pager .ul--custom li { opacity: 0; transform: translateX(-15px); transition: opacity .5s, transform .5s } .one-pager .ul--custom li:first-child { transition-delay: 0s } .one-pager .ul--custom li:nth-child(2) { transition-delay: .15s } .one-pager .ul--custom li:nth-child(3) { transition-delay: .3s } .one-pager .ul--custom li:nth-child(4) { transition-delay: .45s } .one-pager .ul--custom li:nth-child(5) { transition-delay: .6s } .one-pager .ul--custom li:nth-child(6) { transition-delay: .75s } .one-pager .ul--custom li:nth-child(7) { transition-delay: .9s } .one-pager .ul--custom li:nth-child(8) { transition-delay: 1.05s } .one-pager .ul--custom li:nth-child(9) { transition-delay: 1.2s } .one-pager .ul--custom li:nth-child(10) { transition-delay: 1.35s } } .one-pager .text-area a:not(.btn):after { display: none!important } @media (min-width:768px) { .banner-content__big-white-logo { opacity: 0; transition: opacity .5s .7s } } .module-text { padding-top: 30px; padding-bottom: 30px; background-position: 50%; background-repeat: no-repeat; background-size: cover } @media (min-width:768px) { .module-text { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-text { padding-top: 60px; padding-bottom: 60px } } .module-text .module-text { padding-top: 0!important; padding-bottom: 0!important } @media (min-width:1200px) { .module-text--two-col .col-sm-3 { padding-right: 45px } } @media (max-width:767px) { .module-text--two-col .col-sm-3 .counter { display: none } } @media (max-width:767px) { .module-text--two-col__headline { text-align: left } } @media (max-width:767px) { .module-text--two-col .dash--after.text-align--right:before { left: 0; right: auto } } .module-text--three-col .col-sm-4 { margin-bottom: 30px } .module-text--three-col .col-sm-4:last-child { margin-bottom: 0 } .module-text .headline--case-study .icon, .module-text .headline>img { margin-right: 15px } .module-image { padding-top: 30px; padding-bottom: 30px; position: relative; z-index: -1; max-width: 640px } @media (min-width:768px) { .module-image { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-image { padding-top: 60px; padding-bottom: 60px } } @media (min-width:992px) { .module-image .figure__content:before { transform: translate3d(0, 45px, 0); opacity: 0; transition: all .4s } } @media (min-width:992px) { .module-image .figure__anchor { transform: translate3d(-30px, 30px, -30px); transition: transform .4s } } @media (min-width:992px) { .module-image.loaded .figure__anchor, .module-image.loaded .figure__content:before { transform: translateZ(0); opacity: 1 } } .module-video { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .module-video { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-video { padding-top: 60px; padding-bottom: 60px } } .module-video__figure { display: block; margin: 0 auto; max-width: 960px; overflow: hidden; position: relative; background-position: 50%; background-repeat: no-repeat; background-size: cover } .module-video__figure:before { display: block; content: ""; width: 100%; padding-top: 56.25% } .module-video__figure>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .module-video__video { background-color: black; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1 } .counter { padding: 15px 0; position: relative; text-align: center; overflow: hidden } @media (min-width:768px) { .counter { padding-top: 30px; padding-bottom: 30px } } @media (min-width:992px) { .counter { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .counter { padding-top: 60px; padding-bottom: 60px } } @media (min-width:1600px) { .counter { padding-top: 75px; padding-bottom: 75px } } .counter__container { margin: 0 auto; position: relative; max-width: 100%; overflow-x: auto; opacity: 0; transition: opacity .5s } @media (min-width:480px) { .counter__container { max-width: 680px } } @media (min-width:768px) { .counter__container { max-width: 740px } } @media (min-width:1200px) { .counter__container { max-width: 1170px } } .counter__item { padding: 20px 10px; margin: 0 auto; min-width: 100px; max-width: 250px } @media (min-width:768px) { .counter__item { padding-left: 15px; padding-right: 15px } } @media (min-width:1200px) { .counter__item { padding-left: 30px; padding-right: 30px } } .counter__value { display: inline-block; font-size: 35px; font-weight: 300; line-height: 1; text-align: right; text-transform: uppercase; font-family: canada-type-gibson, sans-serif; transition: all .3s } @media (min-width:768px) { .counter__value { font-size: 42px } } @media (min-width:1200px) { .counter__value { font-size: 55px } } .counter__text { display: inline-block; font-size: 13px; line-height: 1; transition: all .3s } @media (min-width:1200px) { .counter__text { font-size: 15px } } .counter__text+.counter__text { display: block } .counter__description { display: block; font-size: 13px; font-weight: 700; margin-top: 7px } .counter--horizontal .counter__container { display: -ms-flexbox; display: flex } .counter--loaded .counter__container { opacity: 1 } .counter--inside-a-banner { opacity: 1; margin: 15px 0 } .counter--inside-a-banner .counter__container { text-align: left; max-width: 100%!important } @media (max-width:991px) { .counter--inside-a-banner .counter__container { opacity: 1 } } .counter--inside-a-banner .counter__value { text-align: left; font-size: 27px } @media (min-width:768px) { .counter--inside-a-banner .counter__value { font-size: 35px } } .counter--inside-a-banner .counter__item { display: inline-block!important; padding-left: 0!important; max-width: 100%!important; min-width: 0; padding-right: 15px } .counter--inside-a-banner .counter__item:last-child { padding-right: 0!important } .counter--animated .counter__description, .counter--animated .counter__text { opacity: 0; transition: opacity .4s 0s } .counter--animated .counter__description--loaded, .counter--animated .counter__text--loaded { opacity: 1 } .counter--animated .counter__description { transition-delay: .1s } .module-footer-banners { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .module-footer-banners { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-footer-banners { padding-top: 60px; padding-bottom: 60px } } @media (max-width:767px) { .module-footer-banners { padding-bottom: 0 } } @media (max-width:767px) { .module-footer-banners .col-sm-6 { padding-left: 0; padding-right: 0 } .module-footer-banners .col-sm-6:last-child .figure { margin-top: 0 } } .module-footer-banners__row { position: relative } @media (min-width:768px) { .module-footer-banners__row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } } @media (min-width:768px) { .module-footer-banners__row .col-sm-6 { width: 53.5% } } @media (min-width:768px) { .module-footer-banners__row .col-sm-6:first-child { padding-top: 45px; top:-45px z-index: 1 } .module-footer-banners__row .col-sm-5:first-child { padding-top: 45px; top:-45px z-index: 1 position: relative; left: 5%; } } @media (min-width:1200px) { .module-footer-banners__row .col-sm-6:first-child { padding-top: 85px; top:-45px } .module-footer-banners__row .col-sm-5:first-child { padding-top: 85px; top:-45px; position: relative; left: 5%; } } @media (min-width:768px) { .module-footer-banners__row .col-sm-6:last-child { position: absolute; right: 5%; top: 100px } .module-footer-banners__row .col-sm-5:last-child { position: absolute; right: 5%; top: 100px } } @media (min-width:1200px) { .module-footer-banners__row .col-sm-6:last-child { top: 100px } .module-footer-banners__row .col-sm-5:last-child { top: 100px } } .module-footer-banners .big-dash--after { padding-bottom: 15px } .module-footer-banners .figure { margin-top: 30px; overflow: hidden } .module-footer-banners .figure__anchor-bg { background-position: 50%; background-repeat: no-repeat; background-size: cover; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1); transition: transform 1.5s } .module-footer-banners .figure__anchor:hover>.figure__anchor-bg { transform: scale(1.05) } .module-footer-banners .headline, .module-footer-banners .text { position: relative } .module-footer-banners .text { display: block; margin-bottom: 10px } @media (min-width:992px) { .module-footer-banners__item-left { transform: translateY(-60px); transition: transform .4s } .module-footer-banners.loaded .module-footer-banners__item-left { transform: translateY(0) } } @media (min-width:992px) { .module-footer-banners__item-right { transform: translateY(60px); transition: transform .4s } .module-footer-banners.loaded .module-footer-banners__item-right { transform: translateY(0) } } .module-footer-banners .btn.btn--blue .btn__text, .module-footer-banners .btn.btn--green .btn__text, .module-footer-banners .btn.btn--orange .btn__text, .module-footer-banners .btn.btn--pink .btn__text { background-color: #f4f4f4 } .module-footer-banners .btn.btn--blue:hover .btn__text, .module-footer-banners .btn.btn--green:hover .btn__text, .module-footer-banners .btn.btn--orange:hover .btn__text, .module-footer-banners .btn.btn--pink:hover .btn__text { background: transparent } .info-wheel { display: block; position: relative; height: 290px; width: 290px; margin: 30px auto; padding: 0; z-index: 0; font-size: 14px } .info-wheel__input { opacity: 0; pointer-events: none } .info-wheel__out-circle { left: 0; top: 0; width: 100%; height: 100% } .info-wheel__in-circle, .info-wheel__out-circle { position: absolute; overflow: hidden; border-radius: 100% } .info-wheel__in-circle { left: 12.5%; top: 12.5%; width: 75%; height: 75%; background-color: white; color: #038d58; text-align: center; padding: 30px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; opacity: 0; pointer-events: none; transform: rotateY(180deg); transition: all .4s ease } .info-wheel__in-circle h3 { margin-bottom: 5px; font-size: 1.1em; font-weight: 700; max-width: 160px } .info-wheel__in-circle a { display: block; text-decoration: none; color: inherit; font-weight: 700; text-transform: uppercase; transition: all .4s } .info-wheel__in-circle a:hover { color: #51af3d } .info-wheel__in-circle a .icon { height: 9px; width: 9px; position: relative; top: -1px } .info-wheel__in-circle p { margin-top: 0; margin-bottom: 10px; max-width: 160px } .info-wheel__in-circle .icon { fill: #038d58 } .info-wheel__prev-btn { position: absolute; left: -50px; top: 50%; width: 50px; height: 50px; transform: translateY(-50%); display: none; cursor: pointer; background: transparent; border: none; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; opacity: .66; transition: all .4s } @media (min-width:768px) { .info-wheel__prev-btn { display: inline-block } } .info-wheel__prev-btn:hover { opacity: 1 } .info-wheel__prev-btn .icon { fill: white } .info-wheel__next-btn { position: absolute; right: -50px; top: 50%; width: 60px; height: 50px; transform: translateY(-50%); display: none; cursor: pointer; background: transparent; border: none; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; opacity: .66; transition: all .4s } @media (min-width:768px) { .info-wheel__next-btn { display: inline-block } } .info-wheel__next-btn:hover { opacity: 1 } .info-wheel__next-btn .icon { fill: white } .info-wheel--choice-1 #info-wheel__text-01, .info-wheel--choice-2 #info-wheel__text-02, .info-wheel--choice-3 #info-wheel__text-03, .info-wheel--choice-4 #info-wheel__text-04, .info-wheel--choice-5 #info-wheel__text-05, .info-wheel--choice-6 #info-wheel__text-06, .info-wheel--choice-7 #info-wheel__text-07 { opacity: 1; pointer-events: all; transform: rotateY(0deg) } #segment-overlay, .circle-highlight { transition: all .3s } .circle-text { pointer-events: none } .tabs-menu { position: relative; margin-top: -48px; font-size: 13px } @media (min-width:768px) { .tabs-menu { font-size: 14px } } .tabs-menu .col-sm-12 { padding-left: 0; padding-right: 0 } @media (min-width:1200px) { .tabs-menu .col-sm-12 { padding-left: 15px; padding-right: 15px } } .tabs-menu__ul { margin: 0; padding: 0; list-style-type: none; display: -ms-flexbox; display: flex; overflow-x: auto } @media (min-width:768px) { .tabs-menu__ul { -ms-flex-pack: space-evenly; justify-content: space-evenly } } .tabs-menu__li { width: 100%; min-width: 150px; -ms-flex-order: 2; order: 2 } @media (max-width:767px) { .tabs-menu__li { min-width: 150px } } .tabs-menu__li--active { -ms-flex-order: 1; order: 1 } .tabs-menu__li--active>.tabs-menu__anchor { background-image: url(../images/nav-1.png); color: #363636; cursor: default } .tabs-menu__li--active>.tabs-menu__anchor .tabs-menu__anchor-span { opacity: 1!important } .tabs-menu__li:not(.tabs-menu__li--active) { margin-left: -10px } @media (min-width:992px) { .tabs-menu__li:not(.tabs-menu__li--active) { margin-left: -15px } } @media (min-width:1600px) { .tabs-menu__li:not(.tabs-menu__li--active) { margin-left: -30px } } .tabs-menu__anchor { display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; color: #FFFFFF; height: 48px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 1px; background-image: url(../images/nav-2.png); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100% } .tabs-menu__anchor-span { opacity: .66; transition: all .4s } .tabs-menu__anchor:hover .tabs-menu__anchor-span { opacity: 1 } .module-contacts { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .module-contacts { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-contacts { padding-top: 60px; padding-bottom: 60px } } .module-contacts__ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; list-style-type: none; margin: 15px -15px 0; padding: 0 } .module-contacts__li { width: 50%; padding: 15px } @media (min-width:480px) { .module-contacts__li { width: 33.33% } } @media (min-width:992px) { .module-contacts__li { width: 25%; padding-bottom: 30px } } @media (min-width:1200px) { .module-contacts__li { padding: 30px } } .module-news { padding-top: 30px; padding-bottom: 30px } @media (min-width:768px) { .module-news { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-news { padding-top: 60px; padding-bottom: 60px } } .module-news__ul { margin: 0; padding: 0; list-style-type: none } .module-news__ul--search-result { position: relative; width: 100%; max-width: 990px; height: 54vh } .module-news__ul--search-result .ps__rail-x { display: none } .module-news__item { margin-top: 15px; margin-bottom: 30px } @media (min-width:768px) { .module-news__item { margin-top: 30px } } @media (min-width:1200px) { .module-news__item { margin-bottom: 45px } } .module-news__item-image { display: block; text-decoration: none; position: relative; margin-bottom: 15px; overflow: hidden } .module-news__item-image:before { display: block; content: ""; width: 100%; padding-top: 50% } .module-news__item-image>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media (min-width:480px) { .module-news__item-image { position: relative; margin-bottom: 0 } .module-news__item-image:before { display: block; content: ""; width: 100%; padding-top: 60% } .module-news__item-image>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } .module-news__item-image>.content { background-position: 50%; background-repeat: no-repeat; background-size: cover; transform: scale(1); transition: transform .4s } .module-news__item-image:hover>.content { transform: scale(1.05) } .module-news__item-text .btn { font-size: 14px; height: 44px } .module-news__item-text-date { font-size: 14px } @media (max-width:767px) { .module-news .headline--medium { font-size: 20px!important } } .module-news-highlights { background-color: #FFFFFF; margin-top: -125px; line-height: 1.15 } @media (min-width:768px) { .module-news-highlights { padding: 2px } } @media (min-width:1200px) { .module-news-highlights { margin-top: -100px } } @media (min-width:1600px) { .module-news-highlights { margin-top: -150px } } .module-news-highlights__box { margin-left: -2px; margin-right: -2px; width: 100% } .module-news-highlights__item { background-color: #FFFFFF; color: #FFFFFF; display: block; width: 100%; position: relative; text-decoration: none; overflow: hidden } @media (min-width:768px) { .module-news-highlights__item { border: 1px solid #FFFFFF; display: inline-block } } .module-news-highlights__item-bg { display: block; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; transform: scale(1); transition: transform .7s } :hover>.module-news-highlights__item-bg { transform: scale(1.05) } .module-news-highlights__item-text { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap } .module-news-highlights__item-title { font-weight: 700; font-size: 18px; width: 100% } .module-news-highlights__item-date { width: 100% } .module-news-highlights__item--sm { display: none } @media (min-width:768px) { .module-news-highlights__item--sm { display: inline-block; float: right; height: 220px; width: 25% } } @media (min-width:1600px) { .module-news-highlights__item--sm { height: 250px } } .module-news-highlights__item--sm .module-news-highlights__item-text { padding: 20px } .module-news-highlights__item--md { display: none } @media (min-width:768px) { .module-news-highlights__item--md { display: inline-block; float: right; height: 220px; width: 50% } } @media (min-width:1600px) { .module-news-highlights__item--md { height: 250px } } .module-news-highlights__item--md .module-news-highlights__item-title { font-size: 22px } .module-news-highlights__item--md .module-news-highlights__item-text { padding: 20px } .module-news-highlights__item--lg { height: 200px } @media (min-width:768px) { .module-news-highlights__item--lg { float: left; height: 440px; width: 50% } } @media (min-width:1600px) { .module-news-highlights__item--lg { height: 500px } } @media (min-width:768px) { .module-news-highlights__item--lg .module-news-highlights__item-title { font-size: 25px } } .module-news-highlights__item--lg .module-news-highlights__item--lg { border: none; display: block; float: none; width: 100% } .module-news-highlights__carousel .owl-nav { position: absolute; top: 10px; right: 10px } .module-news-highlights__carousel .owl-next, .module-news-highlights__carousel .owl-prev { width: 40px; height: 40px; position: relative; outline: none!important; opacity: .75; transition: opacity .3s } .module-news-highlights__carousel .owl-next>span, .module-news-highlights__carousel .owl-prev>span { display: none } .module-news-highlights__carousel .owl-next:hover, .module-news-highlights__carousel .owl-prev:hover { opacity: 1 } .module-news-highlights__carousel .owl-prev:after, .module-news-highlights__carousel .owl-prev:before { content: ""; width: 15px; height: 1px; background-color: white; display: inline-block; position: absolute; top: 50%; left: 15px; transform-origin: top left } .module-news-highlights__carousel .owl-prev:before { transform: rotate(-45deg) } .module-news-highlights__carousel .owl-prev:after { transform: rotate(45deg) } .module-news-highlights__carousel .owl-next:after, .module-news-highlights__carousel .owl-next:before { content: ""; width: 15px; height: 1px; background-color: white; display: inline-block; position: absolute; top: 50%; right: 15px; transform-origin: top right } .module-news-highlights__carousel .owl-next:before { transform: rotate(-45deg) } .module-news-highlights__carousel .owl-next:after { transform: rotate(45deg) } .module-news-highlights__carousel .owl-dots { position: absolute; left: 20px; top: 15px } .module-news-highlights__carousel .owl-dot { display: inline-block; margin: 5px; height: 7px; width: 7px; background-color: transparent; border: 1px solid #FFFFFF!important; border-radius: 100%; overflow: hidden; outline: none!important; opacity: .75; transition: all .3s } .module-news-highlights__carousel .owl-dot.active { opacity: 1; background-color: #FFFFFF; box-shadow: 0 0 5px 0 #ffffff } .news-banner-wrapper .headline--hero { font-family: fatfrank, sans-serif; font-size: 30px; text-transform: uppercase; margin: 10px 0 } @media (min-width:768px) { .news-banner-wrapper .headline--hero { font-size: 34px } } @media (min-width:1200px) { .news-banner-wrapper .headline--hero { font-size: 40px } } .module-map-contact { overflow: hidden } .module-map-contact__map-wrapper { padding: 0 } @media (min-width:768px) { .module-map-contact__map-wrapper { height: 100%; position: relative } } /*.module-map-contact__map-wrapper>.headline { position: absolute; left: 30px; top: 30px; z-index: 1 }*/ /*@media (min-width:768px) { .module-map-contact__map-wrapper>.headline { top: 60px } }*/ .module-map-contact__form { max-width: 580px } .module-map-contact__form-wrapper { padding: 30px } @media (min-width:768px) { .module-map-contact__form-wrapper { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-map-contact__form-wrapper { padding-top: 60px; padding-bottom: 60px; padding-left: 90px; padding-right: 90px; min-height: 400px } } .pop-up-box { position: fixed; right: 0; bottom: 0; width: 100%; overflow: hidden; z-index: 100; opacity: 0; pointer-events: none; transform: translateY(0); line-height: 1.15; transition: all .3s } .pop-up-box--visible { opacity: 1; pointer-events: all } .pop-up-box--closed { transform: translateY(calc(100% - 32px)) } @media (min-width:768px) { .pop-up-box { width: 300px } } @media (min-width:1600px) { .pop-up-box { width: 400px } } .pop-up-box__list { background-color: #FFFFFF; color: #363636; padding: 0; margin: 0 } .pop-up-box__list-title { background-color: #363636; color: #FFFFFF; padding: 7px 60px 7px 20px; position: relative; margin-bottom: 3px; font-size: 14px; height: 32px } .pop-up-box__list-title .headline { text-transform: uppercase; letter-spacing: 3px; font-weight: 400 } .pop-up-box__list-data { padding: 0; margin: 0 } .pop-up-box__list-data:last-child { padding-bottom: 7px } .pop-up-box__anchor { display: block; padding: 7px 20px; text-decoration: none; font-weight: 700; color: #363636; transform: translateX(0); transition: all .4s } .pop-up-box__anchor:hover { color: #006292; transform: translateX(15px) } .pop-up-box__close-btn, .pop-up-box__toggle-btn { background: transparent; border: none; outline: none; webkit-tap-highlight-color: transparent; position: absolute; top: 0; height: 100%; width: 30px; cursor: pointer; text-align: center; opacity: .66; transition: all .3s } .pop-up-box__close-btn:hover, .pop-up-box__toggle-btn:hover { opacity: 1 } .pop-up-box__close-btn .icon, .pop-up-box__toggle-btn .icon { height: 12px; width: 12px; fill: #FFFFFF; transition: all .3s } .pop-up-box__toggle-btn { right: 40px } @media (min-width:768px) { .pop-up-box__toggle-btn { right: 45px } } .pop-up-box__toggle-btn .icon { transform: rotate(0deg); transform-origin: center } .pop-up-box--closed .pop-up-box__toggle-btn .icon, .pop-up-box__toggle-btn:hover .icon { transform: rotate(180deg) translateY(0) } .pop-up-box__close-btn { right: 5px } @media (min-width:768px) { .pop-up-box__close-btn { right: 10px } } .search-result { background-color: #FFFFFF; color: #363636; position: relative } .search-result--overlay { position: fixed; left: 0; right: 0; bottom: 0; z-index: 101; height: 85vh; transform: translateY(100%); opacity: 0; pointer-events: none; transition: all .5s cubic-bezier(.5, .2, .2, 1.1) } @media (min-width:768px) { .search-result--overlay { height: 80vh } } .search-result--overlay.active { pointer-events: all; opacity: 1; transform: translateY(0) } .search-result__container { position: relative; padding-top: 30px; padding-bottom: 30px; height: 100% } @media (min-width:768px) { .search-result__container { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .search-result__container { padding-top: 60px; padding-bottom: 60px } } @media (min-width:992px) { .search-result__container:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 30%; background-color: #f4f4f4; z-index: 0 } } @media (min-width:1200px) { .search-result__container:after { width: 32.5% } } @media (min-width:1600px) { .search-result__container:after { width: 35% } } .search-result__container .container { position: relative; z-index: 1 } @media (max-width:991px) { .search-result__pages-list { display: none } } .search-result__ul { margin: 0; padding: 0; list-style-type: none; margin: 22px 0 } .search-result__anchor { color: inherit; display: block; font-size: 14px; margin: 7px 0; text-decoration: none; text-transform: uppercase; transition: all .4s; font-weight: 300 } .search-result__anchor:hover { color: #d1681a } .search-result__anchor>strong { font-weight: 700 } .search-result__toggle-btn { position: absolute; left: 50%; top: 0; transform: translate3d(-50%, -100%, 0); background: transparent; border: none; outline: none!important; cursor: pointer } .search-result__toggle-btn .icon { fill: white; height: 25px; width: 25px; transform: rotate(-90deg) translateX(3px); transition: transform .3s ease-in-out } .search-result__toggle-btn:hover>.icon { transform: rotate(-90deg) translateX(-3px) } .module-icons { padding-top: 30px; padding-bottom: 30px; position: relative } @media (min-width:768px) { .module-icons { padding-top: 45px; padding-bottom: 45px } } @media (min-width:1200px) { .module-icons { padding-top: 60px; padding-bottom: 60px } } .module-icons .container { position: relative } .module-icons__item { display: block; padding: 15px 15px 30px; text-align: center } @media (min-width:1200px) { .module-icons__item { padding: 15px 30px; height: 230px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column } } .module-icons__item-icon { width: 45px; height: 45px } .module-icons__item-headline { text-transform: uppercase } .module-icons__item-text { font-size: 14px } .module-icons__item-text p { margin: 0 } @media (min-width:1200px) { .module-icons__item-text { max-height: 0; overflow: hidden; opacity: 0; transition: all .7s } } @media (min-width:1200px) { .module-icons__item:hover .module-icons__item-text { max-height: 150px; opacity: 1 } } .cookie-disclaimer { background-color: #363636; color: #FFFFFF; padding-top: 30px; padding-bottom: 30px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 101 } .cookie-disclaimer h1, .cookie-disclaimer h2, .cookie-disclaimer h3, .cookie-disclaimer h4, .cookie-disclaimer p { margin-top: 0; margin-bottom: 15px } .cookie-disclaimer p { opacity: .5 } .cookie-disclaimer a:not(.btn) { color: white } .cookie-disclaimer .btn { margin: 0; font-size: 1em!important } .module-contacts-nav { position: relative; margin: 30px -.5px; background-color: #f4f4f4; background-repeat: no-repeat; background-position: 50%; background-size: cover; transition: all .5s } .module-contacts-nav:before { display: block; content: ""; width: 100%; padding-top: 58.33333333% } .module-contacts-nav>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } @media (min-width:1200px) { .module-contacts-nav { position: relative } .module-contacts-nav:before { display: block; content: ""; width: 100%; padding-top: 41.66666667% } .module-contacts-nav>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } } @media (max-width:767px) { .module-contacts-nav { margin-left: -15px; margin-right: -15px; overflow: hidden; overflow-x: auto } .module-contacts-nav:before { display: none } } @media (max-width:767px) { .module-contacts-nav__inner-wrap { height: 150px; width: 2750px; display: -ms-flexbox; display: flex } } .module-contacts-nav__btn { position: absolute; left: 0; top: 0; width: 25%; text-align: left; padding: 15px 60px 0 15px; overflow: hidden; background: none; border: none; color: white; cursor: pointer; outline: none!important } @media (min-width:1200px) { .module-contacts-nav__btn { padding: 5px 90px 5px 20px } } .module-contacts-nav__btn-scroll { height: 40px; width: 40px; line-height: 34px; border-radius: 40px; border: 1px solid white; text-align: center; position: absolute; right: 10px; bottom: 10px; outline: none!important; opacity: 0; transition: all .4s; pointer-events: none } @media (max-width:767px) { .module-contacts-nav__btn-scroll { display: none } } @media (min-width:1200px) { .module-contacts-nav__btn-scroll { height: 50px; width: 50px; line-height: 44px; border-radius: 50px; border: 2px solid white; right: 15px; bottom: 15px } } .module-contacts-nav__btn:hover .module-contacts-nav__btn-scroll { opacity: 1 } .module-contacts-nav__btn-scroll .icon { fill: white; height: 15px; width: 15px } @media (min-width:1200px) { .module-contacts-nav__btn-scroll .icon { height: 20px; width: 20px } } .module-contacts-nav__btn-scroll:hover { opacity: .85 } .module-contacts-nav__btn-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover; pointer-events: none; opacity: 0; transition: opacity .4s } @media (max-width:767px) { .module-contacts-nav__btn-bg { opacity: 1 } } .module-contacts-nav__btn-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .8; background: #363636 linear-gradient(45deg, #363636, #363636); pointer-events: none; border: .5px solid rgba(102, 102, 102, .75) } .module-contacts-nav__btn-content { position: relative; z-index: 0; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; pointer-events: none } @media (max-width:767px) { .module-contacts-nav__btn-content { position: absolute; top: 0 } } .module-contacts-nav__btn .headline { margin-bottom: 0; font-size: 14px } @media (min-width:1200px) { .module-contacts-nav__btn .headline { font-size: 1rem } } .module-contacts-nav__btn .headline:before { background-color: #006292; transition: all .4s } .module-contacts-nav__btn.active .module-contacts-nav__btn-overlay { background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8) } .module-contacts-nav__btn.active .headline:before { background-color: white } @media (min-width:1200px) { .module-contacts-nav__btn:hover .module-contacts-nav__btn-overlay { background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8) } .module-contacts-nav__btn:hover .headline:before { background-color: white } } @media (max-width:767px) { .module-contacts-nav__btn { position: relative; left: 0!important; top: 0!important; width: 275px; height: 100%!important; display: -ms-flexbox; display: flex } } .module-contacts-nav__btn--00 { display: none } @media (max-width:767px) { .module-contacts-nav__btn--00 { display: -ms-flexbox; display: flex } } .module-contacts-nav__btn--01 { height: 60% } .module-contacts-nav__btn--02 { height: 40%; top: 60% } .module-contacts-nav__btn--03 { height: 50%; left: 25% } .module-contacts-nav__btn--04 { height: 50%; top: 50%; left: 25% } .module-contacts-nav__btn--05 { height: 30%; left: 50% } .module-contacts-nav__btn--06 { height: 40%; top: 30%; left: 50% } .module-contacts-nav__btn--07 { height: 30%; top: 70%; left: 50% } .module-contacts-nav__btn--08 { height: 50%; left: 75% } .module-contacts-nav__btn--09 { height: 50%; top: 50%; left: 75% } .module-contacts-nav__btn--10, .module-contacts-nav__btn--11 { display: none } .module-contacts__grid { margin: 0 -15px } @media (min-width:1200px) { .module-contacts__grid { margin: 0 -30px } } .grid-sizer { display: none; width: 50% } @media (min-width:768px) { .grid-sizer { width: 33.33% } } @media (min-width:1200px) { .grid-sizer { width: 25% } } body img, body video { max-width: 100% } /****************** ARMADO **********************/ /*Footer*/ .armado { position: fixed; bottom: -100%; background-color: var(--claro); width: 100%; -moz-box-shadow: 0px -13px 24px -10px rgba(0,0,0,0.3); box-shadow: 0px -13px 24px -10px rgba(0,0,0,0.3); transition: all .3s ease-in; padding: 2rem 0 3rem 0; z-index: 9; } .armado.activo { bottom: 0%; background: #ffffff; } .armado h2{ font-family: fatfrank, sans-serif; font-size: 38px; text-transform: uppercase; margin: 10px 0 20px 0; line-height: 1; text-align: center; letter-spacing: 1px; color: #000000; } .nav-armado { padding: 1rem; } .nav-armado h3 { font-size: 1.2rem; } .nav-armado a { display: block; margin-bottom: .5rem; text-decoration: none; color: var(--obscuro); } .nav-armado a:last-of-type { margin: 0; } /** Redes Socialaes**/ .sociales ul { display: flex; flex-wrap: wrap; justify-content: flex-start; justify-content: flex-end; /* justify-content: center; justify-content: space-around; */ /* justify-content: space-between; */ flex:1 0 auto; list-style: none; } .sociales ul li { margin-right: 1rem; } .sociales ul li:last-of-type { margin-right: 0; } .sociales ul li a { text-decoration: none; } .sociales ul li a:before { font-family: "Font Awesome 5 Brands"; color: var(--obscuro); font-size: 1.8rem; } .sociales ul li a[href*='facebook.com']::before { content: "\f39e"; } .sociales ul li a[href*='twitter.com']::before { content: "\f099"; } .sociales ul li a[href*='youtube.com']::before { content: "\f431"; } .sociales ul li a[href*='instagram.com']::before { content: "\f16d"; } .sociales ul li a[href*='pinterest.com']::before { content: "\f231 "; } .sociales ul li span{ display: none; } /*Interfaz*/ .btn-flotante { position: fixed; bottom: 1rem; right: 1rem; background-color: #DD2F30; padding: .5rem 2rem; text-decoration: none; color: #ffffff; border-radius: 50px; -moz-box-shadow: 0px 13px 19px -10px rgba(0,0,0,0.4); box-shadow: 0px 13px 19px -10px rgba(0,0,0,0.4); transition: all .3s ease-in-out; z-index: 10; } .btn-flotante2 { position: fixed; bottom: 4rem; right: 1rem; background-color: #DD2F30; padding: .5rem 2rem; text-decoration: none; color: #ffffff; border-radius: 50px; -moz-box-shadow: 0px 13px 19px -10px rgba(0,0,0,0.4); box-shadow: 0px 13px 19px -10px rgba(0,0,0,0.4); transition: all .3s ease-in-out; z-index: 2; } .btn-flotante.activo, .btn-flotante:hover, .btn-flotante2.activo, .btn-flotante2:hover { transform: translate(0,-5px); } .contenedor { max-width: 1100px; margin: 0 auto; } .hero { height: 100vh; background-image: url(https://d1u5p3l4wpay3k.cloudfront.net/zelda_gamepedia_en/thumb/b/bd/BotW_Hyrule_Castle_Close_Up.png/1200px-BotW_Hyrule_Castle_Close_Up.png); background-size: cover; display: grid; grid-template-rows: 1fr 2fr; } /*Contenido Principal*/ .contenedor-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-gap: 1rem; } .caja{ transition: transform 0.3s ease-out, box-shadow 0.3s ease-out; padding: 10px 0 10px 0; border-radius: 10px; } .caja:hover{ box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.5); } .cajita{ width: 200px; position: relative; left: 50%; transform: translate(-50%,0); box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease-out, box-shadow 0.3s ease-out; border-radius: 10px; background: #004C94 linear-gradient(-320deg, #091c2d, #004C94); } .textito{ padding: 0 75px; text-align: center; } .texto-interno{ font-size: 30px; } ::-webkit-input-placeholder { /* Edge */ color: white; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } ::placeholder { color: white; } a.pse{ display: grid; text-align: center; text-decoration: none; color: #ffffff; } a.pse img{ max-width: 150px; margin-top:30px; } .botones-pse{ display: flex; } .cuadro-lider{ max-height: 400px; height: 400px; box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.2); margin-top:50px; border-radius: 10px; } .foto-lider img{ width: 200px; border-radius: 50%; margin-top: 30px; } #wrapper { /*opacity: 0;*/ display: table; height: 100%; width: 100%; margin-top:50px; } #wrapper.loaded { opacity: 1; transition: 2.5s ease-in-out; } #wrapper #content { display: table-cell; vertical-align: middle; } #card { height: 400px; width: 250px; margin: 0 auto; position: relative; z-index: 1; perspective: 600px; display: none } #certificaciones { height: auto; width: 250px; margin: 0 auto; position: relative; z-index: 1; perspective: 600px; } #certificaciones img{ border-radius: 10px; } #card #front{ border-radius: 10px; height: 100%; width: 100%; position: absolute; left: 0; top: 0; transform-style: preserve-3d; backface-visibility: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } #card #front { transform: rotateY(0deg); overflow: hidden; z-index: 1; } #card #front #top-pic { height: 50%; width: 100%; background-image: url(../images/fondo-perfil.jpg); background-size: cover; } #card #front #avatar { width: 200px; height: 200px; top: 50%; left: 50%; transform: translate(-50%,-75%); border-radius: 100%; box-shadow: 0 0 0 3px rgba(255, 255, 255, .8), 0 4px 5px rgba(107, 5, 0, .6), 0 0 50px 50px rgba(255, 255, 255, .25); /*background-size: 120px auto;*/ background-repeat: no-repeat; /*background-position: 17px 1px;*/ background-color: #333; position: absolute; z-index: 1; } #card #front #info-box { height: 50%; width: 100%; position: absolute; display: table; left: 0; bottom: 0; background: rgba(0, 76, 148, .7); padding: 50px 10px; } #card #front #social-bar { height: 50px; width: 100%; position: absolute; bottom: 0; left: 0; line-height: 50px; font-size: 18px; text-align: center; } #card #front #social-bar a { display: inline-block; color: #951009; text-decoration: none; padding: 5px; line-height: 18px; border-radius: 5px; } #card #front #social-bar a:hover { color: #450300; background: rgba(255, 255, 255, .3); transition: 0.25s ease-in-out; } #card .info { display: table-cell; height: 100%; vertical-align: middle; text-align: center; } #card .info h1{ font-size: 25px; font-weight: bolder; color: #ffffff; line-height: 10px; margin-bottom: 10px; font-family: freight-sans-pro, sans-serif; } #card .info h2{ font-size: 15px; color: #ffffff; margin-bottom: 10px; font-family: freight-sans-pro, sans-serif; } .correo-lider:before{ content:"\f0e0"; font-family: "icon-regular"; color:#ffffff; } .tele-lider:before{ content:"\f879"; font-family: "icon-solid"; color:#ffffff; } .whatsapp-lider:before{ content:"\f232"; font-family: "icon-brand"; color:#ffffff; } .content-zeppini{ display: flex; margin-top: -50px; } .zeppini-texto{ width: 65%; margin-top: 4%; } .zeppini-foto{ width: 30%; margin-left: 5%; } .zeppini-foto-2{ width: 30%; margin-left: 5%; margin-top: 10%; } .zeppini-foto-3{ width: 30%; margin-left: 5%; margin-top: 15%; } #tabla{ width: 100%; } #tabla th{ padding: 10px; } #tabla td{ border:1px solid #acacac; text-align: center; padding: 10px; } #tabla a { background: transparent; border: 2px solid #004C94; border-radius: 50px; color: #004C94 !important; display: inline-block; font-size: 15px; font-family: freight-sans-pro, sans-serif; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; padding: 5px 10px; opacity: 1!important; text-decoration: none!important; transition: all .4s!important } #tabla a:hover { background-color: #004C94; color: #ffffff !important; } #tabla a:not(.btn):after { display: none !important } /***** MEDIA QUERIES ****/ @media only screen and (max-width:420px) { .armado{ bottom: -200%; } .btn-flotante{ font-size: 60%; bottom: 2rem; } .btn-flotante2{ font-size: 60%; bottom: 5rem; } .contenedor-cards{ display: inline-flex; } .cajita{ width: 120px; } .textito{ padding: 0 5px; } .headline--hero{ font-size: 30px; } .logo__image{ height: auto; max-width: 120px; } figure.module-banner__figure.lazyload.lazyload--background.lazyload--loaded{ background-position: 100%; } .text-area video{ display: none; } .text-area section.module-news-highlights{ display: none; } .content-zeppini{ display: block; } .zeppini-texto{ width: 100%; } .zeppini-foto, .zeppini-foto-2, .zeppini-foto-3{ width: 100%; } .rte-btn-int>a{ font-size: 15px; } } @media screen and (min-width: 421px) and (max-width: 767px){ .armado{ bottom: -150%; z-index: 102; } .btn-flotante{ font-size: 60%; bottom: 2rem; z-index: 103; } .btn-flotante2{ font-size: 60%; bottom: 5rem; } .contenedor-cards{ display: inline-flex; } .cajita{ width: 80px; } .textito{ padding: 0; } .textito p{ margin: 0; } .navigation__anchor-text{ font-size: 20px; } .headline--hero{ font-size: 30px; } .logo__image{ height: auto; max-width: 120px; } .text-area video{ display: none; } .text-area section.module-news-highlights{ display: none; } .rte-btn-int>a{ font-size: 15px; } } @media screen and (min-width: 768px) and (max-width: 820px){ .cajita{ width: 150px; } .contenedor-cards{ display: block; } .text-area video{ display: none; } .text-area section.module-news-highlights{ display: none; } .rte-btn-int>a{ font-size: 15px; } } @media screen and (min-width: 821px) and (max-width: 1024px){ #card{ width: 200px; } #card #front #avatar{ width: 180px; height: 180px; } text-area video{ display: none; } .text-area section.module-news-highlights{ display: none; } } /****** POP UP ********/ .pop-up { position: fixed; height: 100%; margin: 0; left: 0; right: 0; z-index: 2; background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; } .pop-up h3 { text-align: center; padding-top: 15px; padding-bottom: 15px; color: #fff; background-color: #004C94; margin:0; border-radius: 10px 10px 0 0; } .pop-up iframe{ border-radius: 0 0 10px 10px } .box { background-color: whitesmoke; text-align: center; left: 50%; top: 50%; /* margin-top: 10%; */ border-radius: 10px; position: relative; -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgb(0 0 0 / 50%); transform: translate(-50%,-50%); width: 30%; } @media (max-width:420px){ .pop-up .box { width: 85%; } } .button { margin 0 auto; background-color: #004C94; margin-bottom: 33px; } .button:hover { background-color: #004C94; -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1); box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1); } .close-button { transition: all 0.5s ease; position: absolute; background-color: #004C94; padding: 1.5px 7px; left: 0; margin-left: -10px; margin-top: -9px; border-radius: 50%; border: 2px solid #fff; color: white; -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1); -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1); box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1); } .close-button:hover { background-color: #004C94; color: #fff; }
Close