Linux business57.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64
LiteSpeed
Server IP : 199.188.201.191 & Your IP : 3.142.152.51
Domains :
Cant Read [ /etc/named.conf ]
User : derozboy
Terminal
Auto Root
Create File
Create Folder
Localroot Suggester
Backdoor Destroyer
Readme
/
home /
derozboy /
meltovixavo.online /
assets /
css /
Delete
Unzip
Name
Size
Permission
Date
Action
Ionicons
[ DIR ]
drwxr-xr-x
2023-06-28 01:40
font
[ DIR ]
drwxr-xr-x
2023-06-28 01:40
font-awesome
[ DIR ]
drwxr-xr-x
2023-06-28 01:40
fonts
[ DIR ]
drwxr-xr-x
2023-06-28 01:40
MaterialIcons-Regular-2.html
1.46
KB
-rw-r--r--
2024-07-18 01:06
MaterialIcons-Regular-3.html
1.46
KB
-rw-r--r--
2024-07-18 01:06
MaterialIcons-Regular-4.html
1.46
KB
-rw-r--r--
2024-07-18 01:06
MaterialIcons-Regular.html
1.46
KB
-rw-r--r--
2024-07-18 01:06
annexe.css
1.39
KB
-rw-r--r--
2023-04-17 05:33
bootstrap.css
131.67
KB
-rw-r--r--
2023-04-17 05:33
css.css
22.62
KB
-rw-r--r--
2023-04-17 05:33
fa.css
174.75
KB
-rw-r--r--
2023-04-17 05:33
fonts.css
102.89
KB
-rw-r--r--
2023-04-17 05:33
formcss-contact.css
27.28
KB
-rw-r--r--
2023-04-17 05:33
formcss-pret.css
75
KB
-rw-r--r--
2023-04-17 05:33
icon.css
173.72
KB
-rw-r--r--
2023-04-17 05:33
inbenta83a6.css
111.46
KB
-rw-r--r--
2023-04-17 05:33
lang.css
514
B
-rw-r--r--
2023-04-17 05:33
main.css
404.69
KB
-rw-r--r--
2023-04-17 05:33
material-icons.css
977
B
-rw-r--r--
2023-04-17 05:33
muli.css
14.84
KB
-rw-r--r--
2023-04-17 05:33
offer.css
92.06
KB
-rw-r--r--
2023-04-17 05:33
style-pages5e1f.css
2.45
KB
-rw-r--r--
2023-04-17 05:33
style.css
101
KB
-rw-r--r--
2023-04-17 05:33
style2a.css
41.73
KB
-rw-r--r--
2023-04-17 05:33
themify-icons.css
17.71
KB
-rw-r--r--
2023-04-17 05:33
translatehid.css
1.58
KB
-rw-r--r--
2023-04-17 05:33
Save
Rename
/* **************************************************************************** ******************************************************************************* */ /** 2.2 Flex Grid System */ .shell, .shell-wide, .shell-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .shell, .shell-wide { min-width: 300px; max-width: 480px; } @media (min-width: 768px) { .shell, .shell-wide { max-width: 750px; } } @media (min-width: 992px) { .shell, .shell-wide { max-width: 970px; } } @media (min-width: 1200px) { .shell, .shell-wide { max-width: 1200px; } } @media (min-width: 1800px) { .shell-wide { max-width: 1800px; } } .range { margin-left: -15px; margin-right: -15px; } .range > .range { margin-left: 0; margin-right: 0; } .range-spacer { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [class*="cell-"] { padding-left: 15px; padding-right: 15px; } html.lt-ie-10 * + .range, * + .range { margin-top: 50px; } html.lt-ie-10 * + [class*='cell-'], * + [class*='cell-'], html.lt-ie-10 * + .range-sm, * + .range-sm { margin-top: 30px; } html.lt-ie-10 * + .range-lg, * + .range-lg { margin-top: 66px; } html.lt-ie-10 .range-condensed, .range-condensed { margin-left: 0; margin-right: 0; } html.lt-ie-10 .range-condensed > [class*='cell'], .range-condensed > [class*='cell'] { padding-left: 0; padding-right: 0; } html.lt-ie-10 .range-condensed > * + [class*='cell'], .range-condensed > * + [class*='cell'] { margin-top: 0; } html.lt-ie-10 .range-narrow, .range-narrow { margin-left: -5px; margin-right: -5px; } html.lt-ie-10 .range-narrow > [class*='cell'], .range-narrow > [class*='cell'] { padding-left: 5px; padding-right: 5px; } html.lt-ie-10 .range-narrow > * + [class*='cell'], .range-narrow > * + [class*='cell'] { padding-left: 5px; padding-right: 5px; } @media (min-width: 480px) { .range { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .range > .range { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .range > [class*='cell'] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 480px) { * + [class*='cell-xs-'] { margin-top: 0; } .range-xs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xs-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xs { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xs-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-xs-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .cell-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xs-preffix-0 { margin-left: 0%; } .range > .cell-xs-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xs-preffix-1 { margin-left: 8.33333%; } .range > .cell-xs-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .range > .cell-xs-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xs-preffix-2 { margin-left: 16.66667%; } .range > .cell-xs-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .range > .cell-xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xs-preffix-3 { margin-left: 25%; } .range > .cell-xs-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .range > .cell-xs-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xs-preffix-4 { margin-left: 33.33333%; } .range > .cell-xs-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .range > .cell-xs-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xs-preffix-5 { margin-left: 41.66667%; } .range > .cell-xs-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .range > .cell-xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xs-preffix-6 { margin-left: 50%; } .range > .cell-xs-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .range > .cell-xs-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xs-preffix-7 { margin-left: 58.33333%; } .range > .cell-xs-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .range > .cell-xs-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xs-preffix-8 { margin-left: 66.66667%; } .range > .cell-xs-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .range > .cell-xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xs-preffix-9 { margin-left: 75%; } .range > .cell-xs-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .range > .cell-xs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xs-preffix-10 { margin-left: 83.33333%; } .range > .cell-xs-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .range > .cell-xs-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xs-preffix-11 { margin-left: 91.66667%; } .range > .cell-xs-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .range > .cell-xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xs-preffix-12 { margin-left: 100%; } .range > .cell-xs-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .range > .cell-xs-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 768px) { * + [class*='cell-sm-'] { margin-top: 0; } .range-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-sm-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-sm-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-sm-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-sm { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-sm-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-sm-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .cell-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-sm-preffix-0 { margin-left: 0%; } .range > .cell-sm-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-sm-preffix-1 { margin-left: 8.33333%; } .range > .cell-sm-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .range > .cell-sm-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-sm-preffix-2 { margin-left: 16.66667%; } .range > .cell-sm-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .range > .cell-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-sm-preffix-3 { margin-left: 25%; } .range > .cell-sm-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .range > .cell-sm-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-sm-preffix-4 { margin-left: 33.33333%; } .range > .cell-sm-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .range > .cell-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-sm-preffix-5 { margin-left: 41.66667%; } .range > .cell-sm-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .range > .cell-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-sm-preffix-6 { margin-left: 50%; } .range > .cell-sm-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .range > .cell-sm-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-sm-preffix-7 { margin-left: 58.33333%; } .range > .cell-sm-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .range > .cell-sm-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-sm-preffix-8 { margin-left: 66.66667%; } .range > .cell-sm-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .range > .cell-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-sm-preffix-9 { margin-left: 75%; } .range > .cell-sm-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .range > .cell-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-sm-preffix-10 { margin-left: 83.33333%; } .range > .cell-sm-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .range > .cell-sm-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-sm-preffix-11 { margin-left: 91.66667%; } .range > .cell-sm-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .range > .cell-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-sm-preffix-12 { margin-left: 100%; } .range > .cell-sm-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .range > .cell-sm-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 992px) { * + [class*='cell-md-'] { margin-top: 0; } .range-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-md-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-md-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-md-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-md-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-md { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-md-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-md-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .cell-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-md-preffix-0 { margin-left: 0%; } .range > .cell-md-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-md-preffix-1 { margin-left: 8.33333%; } .range > .cell-md-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .range > .cell-md-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-md-preffix-2 { margin-left: 16.66667%; } .range > .cell-md-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .range > .cell-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-md-preffix-3 { margin-left: 25%; } .range > .cell-md-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .range > .cell-md-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-md-preffix-4 { margin-left: 33.33333%; } .range > .cell-md-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .range > .cell-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-md-preffix-5 { margin-left: 41.66667%; } .range > .cell-md-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .range > .cell-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-md-preffix-6 { margin-left: 50%; } .range > .cell-md-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .range > .cell-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-md-preffix-7 { margin-left: 58.33333%; } .range > .cell-md-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .range > .cell-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-md-preffix-8 { margin-left: 66.66667%; } .range > .cell-md-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .range > .cell-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-md-preffix-9 { margin-left: 75%; } .range > .cell-md-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .range > .cell-md-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-md-preffix-10 { margin-left: 83.33333%; } .range > .cell-md-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .range > .cell-md-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-md-preffix-11 { margin-left: 91.66667%; } .range > .cell-md-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .range > .cell-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-md-preffix-12 { margin-left: 100%; } .range > .cell-md-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .range > .cell-md-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1200px) { * + [class*='cell-lg-'] { margin-top: 0; } .range-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-lg-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-lg-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-lg-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-lg { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-lg-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-lg-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .cell-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-lg-preffix-0 { margin-left: 0%; } .range > .cell-lg-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-lg-preffix-1 { margin-left: 8.33333%; } .range > .cell-lg-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .range > .cell-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-lg-preffix-2 { margin-left: 16.66667%; } .range > .cell-lg-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .range > .cell-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-lg-preffix-3 { margin-left: 25%; } .range > .cell-lg-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .range > .cell-lg-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-lg-preffix-4 { margin-left: 33.33333%; } .range > .cell-lg-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .range > .cell-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-lg-preffix-5 { margin-left: 41.66667%; } .range > .cell-lg-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .range > .cell-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-lg-preffix-6 { margin-left: 50%; } .range > .cell-lg-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .range > .cell-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-lg-preffix-7 { margin-left: 58.33333%; } .range > .cell-lg-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .range > .cell-lg-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-lg-preffix-8 { margin-left: 66.66667%; } .range > .cell-lg-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .range > .cell-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-lg-preffix-9 { margin-left: 75%; } .range > .cell-lg-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .range > .cell-lg-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-lg-preffix-10 { margin-left: 83.33333%; } .range > .cell-lg-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .range > .cell-lg-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-lg-preffix-11 { margin-left: 91.66667%; } .range > .cell-lg-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .range > .cell-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-lg-preffix-12 { margin-left: 100%; } .range > .cell-lg-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .range > .cell-lg-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } @media (min-width: 1800px) { * + [class*='cell-xl-'] { margin-top: 0; } .range-xl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xl-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-xl-baseline { -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } .cell-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xl-preffix-0 { margin-left: 0%; } .range > .cell-xl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xl-preffix-1 { margin-left: 8.33333%; } .range > .cell-xl-push-1 { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .range > .cell-xl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xl-preffix-2 { margin-left: 16.66667%; } .range > .cell-xl-push-2 { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .range > .cell-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xl-preffix-3 { margin-left: 25%; } .range > .cell-xl-push-3 { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .range > .cell-xl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xl-preffix-4 { margin-left: 33.33333%; } .range > .cell-xl-push-4 { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .range > .cell-xl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xl-preffix-5 { margin-left: 41.66667%; } .range > .cell-xl-push-5 { -webkit-order: 5; -ms-flex-order: 5; order: 5; } .range > .cell-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xl-preffix-6 { margin-left: 50%; } .range > .cell-xl-push-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .range > .cell-xl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xl-preffix-7 { margin-left: 58.33333%; } .range > .cell-xl-push-7 { -webkit-order: 7; -ms-flex-order: 7; order: 7; } .range > .cell-xl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xl-preffix-8 { margin-left: 66.66667%; } .range > .cell-xl-push-8 { -webkit-order: 8; -ms-flex-order: 8; order: 8; } .range > .cell-xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xl-preffix-9 { margin-left: 75%; } .range > .cell-xl-push-9 { -webkit-order: 9; -ms-flex-order: 9; order: 9; } .range > .cell-xl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xl-preffix-10 { margin-left: 83.33333%; } .range > .cell-xl-push-10 { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .range > .cell-xl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xl-preffix-11 { margin-left: 91.66667%; } .range > .cell-xl-push-11 { -webkit-order: 11; -ms-flex-order: 11; order: 11; } .range > .cell-xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range > .cell-xl-preffix-12 { margin-left: 100%; } .range > .cell-xl-push-12 { -webkit-order: 12; -ms-flex-order: 12; order: 12; } .range > .cell-xl-1-5 { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } } html.lt-ie-10 .range > .cell-xs-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xs-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xs-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-xs-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xs-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xs-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-xs-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xs-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xs-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-xs-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xs-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xs-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-xs-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-sm-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-sm-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-sm-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-sm-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-sm-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-sm-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-sm-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-sm-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-sm-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-sm-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-sm-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-sm-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-sm-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-md-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-md-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-md-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-md-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-md-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-md-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-md-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-md-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-md-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-md-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-md-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-md-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-md-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > .cell-lg-1 { margin-left: auto; margin-right: auto; max-width: 8.33333%; } html.lt-ie-10 .range > .cell-lg-2 { margin-left: auto; margin-right: auto; max-width: 16.66667%; } html.lt-ie-10 .range > .cell-lg-3 { margin-left: auto; margin-right: auto; max-width: 25%; } html.lt-ie-10 .range > .cell-lg-4 { margin-left: auto; margin-right: auto; max-width: 33.33333%; } html.lt-ie-10 .range > .cell-lg-5 { margin-left: auto; margin-right: auto; max-width: 41.66667%; } html.lt-ie-10 .range > .cell-lg-6 { margin-left: auto; margin-right: auto; max-width: 50%; } html.lt-ie-10 .range > .cell-lg-7 { margin-left: auto; margin-right: auto; max-width: 58.33333%; } html.lt-ie-10 .range > .cell-lg-8 { margin-left: auto; margin-right: auto; max-width: 66.66667%; } html.lt-ie-10 .range > .cell-lg-9 { margin-left: auto; margin-right: auto; max-width: 75%; } html.lt-ie-10 .range > .cell-lg-10 { margin-left: auto; margin-right: auto; max-width: 83.33333%; } html.lt-ie-10 .range > .cell-lg-11 { margin-left: auto; margin-right: auto; max-width: 91.66667%; } html.lt-ie-10 .range > .cell-lg-12 { margin-left: auto; margin-right: auto; max-width: 100%; } html.lt-ie-10 .range > .cell-lg-1-5 { margin-left: auto; margin-right: auto; max-width: 20%; } html.lt-ie-10 .range > [class*="cell-xs-preffix-"], html.lt-ie-10 .range > [class*="cell-sm-preffix-"], html.lt-ie-10 .range > [class*="cell-md-preffix-"], html.lt-ie-10 .range > [class*="cell-lg-preffix-"] { margin-left: auto; } /** 2.56 Sheldue */ .sheldue { color: #fff; } .sheldue .sheldue-item-body { padding: 24px 23px 40px; transition: .2s ease-in-out; } .sheldue .btn { padding: 16px 37px; } .sheldue hr { margin-top: 13px; background: #5d79b8; opacity: .2; } .sheldue .sheldue-more { width: 100%; transition: .2s ease-in-out; } @media (min-width: 992px) { .sheldue .sheldue-more { position: absolute; bottom: 0; pointer-events: none; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } } .blurb-boxed-12 { /* position: relative; */ /* padding: 25px; */ background: transparent; } .blurb-boxed-12:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; background: #463c9f; } .sheldue .sheldue-item-body { /* background: #2684b5; */ background: rgba(0, 0, 0, 0.2); } .sheldue .sheldue-item { position: relative; } .sheldue .sheldue-item.light .sheldue-item-body { /* background: #2a93c9; */ background: rgba(0, 0, 0, 0.0); } .sheldue .sheldue-item .btn-white:hover { background-color: #2a93c9; border-color: #2a93c9; } .sheldue .sheldue-item .btn-white2:hover { background-color: #2684b5; border-color: #2684b5; } @media (min-width: 992px) { .sheldue .sheldue-item.first .sheldue-item-body { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .sheldue .sheldue-item.last .sheldue-item-body { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sheldue .sheldue-item .sheldue-item-body { max-height: 280px; height: 280px; } .sheldue .sheldue-item:hover .sheldue-item-body { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sheldue .sheldue-item:hover .sheldue-more { -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; opacity: 1; } .sheldue .sheldue-item:hover .sheldue-item-body { -webkit-transform: translateY(-60px); transform: translateY(-60px); } } .tablet .sheldue-item-body, .mobile .sheldue-item-body { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .tablet .sheldue-more, .mobile .sheldue-more { -webkit-transform: translateY(0); transform: translateY(0); pointer-events: all; opacity: 1; } .tablet .sheldue-item-body, .mobile .sheldue-item-body { -webkit-transform: translateY(0px); transform: translateY(0px); } .bg-white-liac { background: #F7F7F7; fill:#F7F7F7; padding-bottom: 70px; } .section-top-34 { padding-top: 34px; } @media (min-width: 1200px) { .section-lg-top-0 { padding-top: 0; } } /** 2.9 Buttons Addons */ .btn { position: relative; padding: 7px 35px; font-size: 14px; line-height: 24px; border-radius: 2px; line-height: 28px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.04em; border-width: 2px; border-radius: 5px; font-weight: 600; transition: .3s; backface-visibility: hidden; } .btn:focus, .btn:active, .btn:active:focus { outline: none; } .btn .caret:last-child { position: relative; top: -1px; margin-left: 5px; } .btn-with-shadow { box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15); } .btn-with-shadow:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); } .btn-group .btn + .btn, .btn-group-lg .btn + .btn { margin-left: -2px; } .btn-group-sm .btn + .btn, .btn-group-xs .btn + .btn { margin-left: -1px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: auto; } .btn-default { font-size: 14px; font-weight: 400; color: #868686; background-color: transparent; border-color: #bdbdbd; } .btn-default:focus, .btn-default.focus, .btn-default:hover, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default { pointer-events: none; opacity: .5; } .btn-default .badge { color: transparent; background-color: #868686; } .btn-primary { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #272727; border-color: #272727; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #272727; border-color: #272727; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary { pointer-events: none; opacity: .5; } .btn-primary .badge { color: #2a93c9; background-color: #fff; } .btn-java { color: #fff; background-color: #23D5AE; border-color: #23D5AE; } .btn-java:focus, .btn-java.focus, .btn-java:hover, .btn-java:active, .btn-java.active, .open > .btn-java.dropdown-toggle { color: #fff; background-color: #294481; border-color: #294481; } .btn-java:active, .btn-java.active, .open > .btn-java.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-java:active:hover, .btn-java:active:focus, .btn-java:active.focus, .btn-java.active:hover, .btn-java.active:focus, .btn-java.active.focus, .open > .btn-java.dropdown-toggle:hover, .open > .btn-java.dropdown-toggle:focus, .open > .btn-java.dropdown-toggle.focus { color: #fff; background-color: #294481; border-color: #294481; } .btn-java.disabled, .btn-java[disabled], fieldset[disabled] .btn-java { pointer-events: none; opacity: .5; } .btn-java .badge { color: #23D5AE; background-color: #fff; } .btn-white, .btn-white2 { color: #2684b5; background-color: #fff; border-color: #2a93c9; } .btn-white:focus, .btn-white.focus, .btn-white:hover, .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle, .btn-white2:focus, .btn-white2.focus, .btn-white2:hover, .btn-white2:active, .btn-white2.active, .open > .btn-white2.dropdown-toggle { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle, .btn-white2:active, .btn-white2.active, .open > .btn-white2.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-white:active:hover, .btn-white:active:focus, .btn-white:active.focus, .btn-white.active:hover, .btn-white.active:focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle:hover, .open > .btn-white.dropdown-toggle:focus, .open > .btn-white.dropdown-toggle.focus { color: #fff; background-color: #2a93c9; border-color: #2a93c9; } .btn-white.disabled, .btn-white[disabled], fieldset[disabled] .btn-white { pointer-events: none; opacity: .5; } .btn-white .badge { color: #fff; background-color: #272727; } .btn-deluge { color: #fff; background-color: #8668ad; border-color: #8668ad; } .btn-deluge:focus, .btn-deluge.focus, .btn-deluge:hover, .btn-deluge:active, .btn-deluge.active, .open > .btn-deluge.dropdown-toggle { color: #fff; background-color: #695999; border-color: #695999; } .btn-deluge:active, .btn-deluge.active, .open > .btn-deluge.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-deluge:active:hover, .btn-deluge:active:focus, .btn-deluge:active.focus, .btn-deluge.active:hover, .btn-deluge.active:focus, .btn-deluge.active.focus, .open > .btn-deluge.dropdown-toggle:hover, .open > .btn-deluge.dropdown-toggle:focus, .open > .btn-deluge.dropdown-toggle.focus { color: #fff; background-color: #695999; border-color: #695999; } .btn-deluge.disabled, .btn-deluge[disabled], fieldset[disabled] .btn-deluge { pointer-events: none; opacity: .5; } .btn-deluge .badge { color: #8668ad; background-color: #fff; } .btn-success { color: #fff; background-color: #abcc37; border-color: #abcc37; } .btn-success:focus, .btn-success.focus, .btn-success:hover, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #84c450; border-color: #84c450; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #84c450; border-color: #84c450; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success { pointer-events: none; opacity: .5; } .btn-success .badge { color: #abcc37; background-color: #fff; } .btn-info { color: #fff; background-color: #79ccf2; border-color: #79ccf2; } .btn-info:focus, .btn-info.focus, .btn-info:hover, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #64aae1; border-color: #64aae1; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #64aae1; border-color: #64aae1; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info { pointer-events: none; opacity: .5; } .btn-info .badge { color: #79ccf2; background-color: #fff; } .btn-warning { color: #fff; background-color: #f5bf2f; border-color: #f5bf2f; } .btn-warning:focus, .btn-warning.focus, .btn-warning:hover, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #f3a43d; border-color: #f3a43d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #f3a43d; border-color: #f3a43d; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning { pointer-events: none; opacity: .5; } .btn-warning .badge { color: #f5bf2f; background-color: #fff; } .btn-danger { color: #fff; background-color: #f54b0f; border-color: #f54b0f; } .btn-danger:focus, .btn-danger.focus, .btn-danger:hover, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #e50a0a; border-color: #e50a0a; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #e50a0a; border-color: #e50a0a; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger { pointer-events: none; opacity: .5; } .btn-danger .badge { color: #f54b0f; background-color: #fff; } .btn-picton-blue { color: #fff; background-color: #55bbeb; border-color: #55bbeb; } .btn-picton-blue:focus, .btn-picton-blue.focus, .btn-picton-blue:hover, .btn-picton-blue:active, .btn-picton-blue.active, .open > .btn-picton-blue.dropdown-toggle { color: #fff; background-color: #43dfe8; border-color: #43dfe8; } .btn-picton-blue:active, .btn-picton-blue.active, .open > .btn-picton-blue.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-picton-blue:active:hover, .btn-picton-blue:active:focus, .btn-picton-blue:active.focus, .btn-picton-blue.active:hover, .btn-picton-blue.active:focus, .btn-picton-blue.active.focus, .open > .btn-picton-blue.dropdown-toggle:hover, .open > .btn-picton-blue.dropdown-toggle:focus, .open > .btn-picton-blue.dropdown-toggle.focus { color: #fff; background-color: #43dfe8; border-color: #43dfe8; } .btn-picton-blue.disabled, .btn-picton-blue[disabled], fieldset[disabled] .btn-picton-blue { pointer-events: none; opacity: .5; } .btn-picton-blue .badge { color: #55bbeb; background-color: #fff; } .btn-sapphire { color: #fff; background-color: #0956b5; border-color: #0956b5; } .btn-sapphire:focus, .btn-sapphire.focus, .btn-sapphire:hover, .btn-sapphire:active, .btn-sapphire.active, .open > .btn-sapphire.dropdown-toggle { color: #fff; background-color: #084998; border-color: #084998; } .btn-sapphire:active, .btn-sapphire.active, .open > .btn-sapphire.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-sapphire:active:hover, .btn-sapphire:active:focus, .btn-sapphire:active.focus, .btn-sapphire.active:hover, .btn-sapphire.active:focus, .btn-sapphire.active.focus, .open > .btn-sapphire.dropdown-toggle:hover, .open > .btn-sapphire.dropdown-toggle:focus, .open > .btn-sapphire.dropdown-toggle.focus { color: #fff; background-color: #084998; border-color: #084998; } .btn-sapphire.disabled, .btn-sapphire[disabled], fieldset[disabled] .btn-sapphire { pointer-events: none; opacity: .5; } .btn-sapphire .badge { color: #0956b5; background-color: #fff; } .btn-darkest { color: #fff; background-color: #272727; border-color: #272727; } .btn-darkest:focus, .btn-darkest.focus, .btn-darkest:hover, .btn-darkest:active, .btn-darkest.active, .open > .btn-darkest.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-darkest:active, .btn-darkest.active, .open > .btn-darkest.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-darkest:active:hover, .btn-darkest:active:focus, .btn-darkest:active.focus, .btn-darkest.active:hover, .btn-darkest.active:focus, .btn-darkest.active.focus, .open > .btn-darkest.dropdown-toggle:hover, .open > .btn-darkest.dropdown-toggle:focus, .open > .btn-darkest.dropdown-toggle.focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-darkest.disabled, .btn-darkest[disabled], fieldset[disabled] .btn-darkest { pointer-events: none; opacity: .5; } .btn-darkest .badge { color: #272727; background-color: #fff; } .btn-specific { color: #fff; background-color: #156c98; border-color: #156c98; } .btn-specific:focus, .btn-specific.focus, .btn-specific:hover, .btn-specific:active, .btn-specific.active, .open > .btn-specific.dropdown-toggle { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-specific:active, .btn-specific.active, .open > .btn-specific.dropdown-toggle { -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); } .btn-specific:active:hover, .btn-specific:active:focus, .btn-specific:active.focus, .btn-specific.active:hover, .btn-specific.active:focus, .btn-specific.active.focus, .open > .btn-specific.dropdown-toggle:hover, .open > .btn-specific.dropdown-toggle:focus, .open > .btn-specific.dropdown-toggle.focus { color: #fff; background-color: #4d4d4d; border-color: #4d4d4d; } .btn-specific.disabled, .btn-specific[disabled], fieldset[disabled] .btn-specific { pointer-events: none; opacity: .5; } .btn-specific .badge { color: #156c98; background-color: #fff; } .btn-red { background: -webkit-linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); background: linear-gradient(90deg, #f54b0f 0%, #e50a0a 100%); color: #fff; border: 0; } .btn-red .badge { color: #f54b0f; } .btn-malibu { background: -webkit-linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); background: linear-gradient(90deg, #64aae1 0%, #79ccf2 100%); color: #fff; } .btn-malibu .badge { color: #79ccf2; } .btn-xs { padding: 9px 17px; font-size: 14px; line-height: 20px; border-radius: 3px; border-width: 1px; } .btn-sm { padding: 7px 12px; font-size: 14px; line-height: 24px; border-radius: 5px; border-width: 1px; } .btn-lg { padding: 15px 35px; font-size: 18px; line-height: 24px; border-radius: 5px; letter-spacing: 0.06em; } .btn-rect { border-radius: 0; } .btn-ellipse.btn { border-radius: 23px; } .btn-ellipse.btn-xs { border-radius: 20px; } .btn-ellipse.btn-sm { border-radius: 20px; } .btn-ellipse.btn-lg { border-radius: 29px; } .btn-link { position: relative; border: none; padding-left: 12px; padding-right: 12px; text-transform: uppercase; font-weight: 900; color: #434445; line-height: 1.9; } .btn-link:after { content: ''; height: 2px; position: absolute; width: 60px; left: 50%; bottom: -2px; transform: translateX(-50%); transition: .3s; } .btn-link:after { background: -moz-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -webkit-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -o-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: -ms-linear-gradient(90deg, #2a93c9 0%, #84c450 100%); background: linear-gradient(90deg, #2a93c9 0%, #84c450 100%); } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link:hover, .btn-link:focus { color: inherit; text-decoration: none; background-color: transparent; } .btn-link:hover:after, .btn-link:focus:after { width: 70px; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: inherit; text-decoration: none; } .btn-more { font-size: 17px; font-weight: 700; line-height: 18px; } .btn-more .icon + *, .btn-more * + .icon { transition: .3s; display: inline-block; margin-left: 8px; } .btn-more .icon { color: #55bbeb; } .btn-more .icon-xxs { font-size: 18px; line-height: 18px; } .btn-more:hover .icon { color: #2a93c9; } .btn-more:hover .icon + *, .btn-more:hover * + .icon { -webkit-transform: translateX(4px); transform: translateX(4px); } .btn.btn-icon .icon { font-size: 28px; line-height: 28px; vertical-align: middle; transition: 0s; } .btn.btn-icon-left .icon { float: left; padding-right: 10px; } .btn.btn-icon-right .icon { float: right; padding-left: 10px; } .btn-xs.btn-icon .icon { font-size: 20px; line-height: 20px; } .btn-xs.btn-icon-left .icon { padding-right: 10px; } .btn-xs.btn-icon-right .icon { padding-left: 10px; } .btn-sm.btn-icon { padding-left: 10px; padding-right: 10px; } .btn-sm.btn-icon .icon { font-size: 24px; line-height: 24px; } .btn-sm.btn-icon-left .icon { padding-right: 8px; } .btn-sm.btn-icon-right .icon { padding-left: 8px; } .btn-lg.btn-icon { padding-left: 30px; padding-right: 30px; } .btn-lg.btn-icon .icon { font-size: 32px; line-height: 32px; } .btn-lg.btn-icon-left .icon { padding-right: 14px; } .btn-lg.btn-icon-right .icon { padding-left: 14px; } .btn-toolbar { margin-left: 0; -webkit-transform: translate(-10px, -10px); transform: translate(-10px, -10px); } .btn-toolbar > .btn, .btn-toolbar > .input-group, .btn-toolbar > .btn-group { margin-left: 10px; margin-top: 10px; } .btn-tag { text-transform: none; border-width: 1px; padding: 1px 8px; } /** 2.10 Buttons Effects */ .btn-anis-effect { position: relative; z-index: 1; overflow: hidden; background-color: transparent; transition: .2s; transition-delay: .1s; } .btn-anis-effect:hover { transition-delay: .45s; } .btn-anis-effect:before, .btn-anis-effect:after { position: absolute; top: 50%; content: ''; width: 20px; height: 20px; background: #434445; border-radius: 50%; transition: 0.5s; z-index: -1; } .btn-anis-effect:before { left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .btn-anis-effect:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .btn-anis-effect:hover:before { -webkit-animation: criss-cross-left 0.8s; animation: criss-cross-left 0.8s; } .btn-anis-effect:hover:after { -webkit-animation: criss-cross-right 0.8s; animation: criss-cross-right 0.8s; } .btn-anis-effect.btn-primary { color: #fff; background-color: #2a93c9; } .btn-anis-effect.btn-primary:before, .btn-anis-effect.btn-primary:after { background: #79ccf2; } .btn-anis-effect.btn-primary:hover { color: #fff; border-color: #79ccf2; background: #79ccf2; } .btn-anis-effect.btn-default { color: #434445; background-color: transparent; border-color: #bdbdbd; } .btn-anis-effect.btn-default:hover { color: #fff; border-color: #434445; background: #434445; } .btn-anis-effect.btn-deluge { color: #8668ad; } .btn-anis-effect.btn-deluge:before, .btn-anis-effect.btn-deluge:after { background: #8668ad; } .btn-anis-effect.btn-deluge:hover { color: #fff; border-color: #8668ad; background: #8668ad; } .btn-anis-effect.btn-success { color: #abcc37; } .btn-anis-effect.btn-success:before, .btn-anis-effect.btn-success:after { background: #abcc37; } .btn-anis-effect.btn-success:hover { color: #fff; border-color: #abcc37; background: #abcc37; } .btn-anis-effect.btn-warning { color: #f5bf2f; } .btn-anis-effect.btn-warning:before, .btn-anis-effect.btn-warning:after { background: #f5bf2f; } .btn-anis-effect.btn-warning:hover { color: #fff; border-color: #f5bf2f; background: #f5bf2f; } .btn-anis-effect.btn-danger { color: #f54b0f; } .btn-anis-effect.btn-danger:before, .btn-anis-effect.btn-danger:after { background: #f54b0f; } .btn-anis-effect.btn-danger:hover { color: #fff; border-color: #f54b0f; background: #f54b0f; } .btn-anis-effect.btn-info { color: #79ccf2; } .btn-anis-effect.btn-info:before, .btn-anis-effect.btn-info:after { background: #79ccf2; } .btn-anis-effect.btn-info:hover { color: #fff; border-color: #79ccf2; background: #79ccf2; } .btn.btn-aqil-effect { position: relative; overflow: hidden; transition: 0.5s; border-color: #434445; color: #434445; background-color: transparent; } .btn.btn-aqil-effect:hover { background-color: transparent; color: #fff; box-shadow: inset 1px 0 0 0 #434445; } .btn.btn-aqil-effect:before, .btn.btn-aqil-effect:after, .btn.btn-aqil-effect span:before, .btn.btn-aqil-effect span:after { content: ''; background: rgba(68, 68, 68, 0.5); position: absolute; top: 0; left: 0; -webkit-transition: 0.4s; transition: 0.4s; z-index: -1; } .btn.btn-aqil-effect span:before, .btn.btn-aqil-effect span:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .btn.btn-aqil-effect-mod-1:before, .btn.btn-aqil-effect-mod-1:after, .btn.btn-aqil-effect-mod-1 span:before, .btn.btn-aqil-effect-mod-1 span:after { width: 100%; height: 0; } .btn.btn-aqil-effect-mod-1:after, .btn.btn-aqil-effect-mod-1 span:before { top: auto; bottom: 0; } .btn.btn-aqil-effect-mod-1:hover span:before, .btn.btn-aqil-effect-mod-1:hover span:after, .btn.btn-aqil-effect-mod-1:hover:before, .btn.btn-aqil-effect-mod-1:hover:after { height: 100%; } .btn.btn-aqil-effect-mod-2:before, .btn.btn-aqil-effect-mod-2:after, .btn.btn-aqil-effect-mod-2 span:before, .btn.btn-aqil-effect-mod-2 span:after { width: 0; height: 100%; } .btn.btn-aqil-effect-mod-2:after, .btn.btn-aqil-effect-mod-2 span:before { left: auto; right: 0; } .btn.btn-aqil-effect-mod-2:hover:before, .btn.btn-aqil-effect-mod-2:hover:after, .btn.btn-aqil-effect-mod-2:hover span:before, .btn.btn-aqil-effect-mod-2:hover span:after { width: 100%; } .btn.btn-aqil-effect.btn-primary { color: #2a93c9; border-color: #2a93c9; transition-delay: .4s; } .btn.btn-aqil-effect.btn-primary:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #2a93c9; } .btn.btn-aqil-effect.btn-primary:before, .btn.btn-aqil-effect.btn-primary:after, .btn.btn-aqil-effect.btn-primary span:before, .btn.btn-aqil-effect.btn-primary span:after { background: rgba(42, 147, 201, 0.5); } .btn.btn-aqil-effect.btn-deluge { color: #8668ad; border-color: #8668ad; transition-delay: .4s; } .btn.btn-aqil-effect.btn-deluge:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #8668ad; } .btn.btn-aqil-effect.btn-deluge:before, .btn.btn-aqil-effect.btn-deluge:after, .btn.btn-aqil-effect.btn-deluge span:before, .btn.btn-aqil-effect.btn-deluge span:after { background: rgba(134, 104, 173, 0.5); } .btn.btn-aqil-effect.btn-success { color: #abcc37; border-color: #abcc37; transition-delay: .4s; } .btn.btn-aqil-effect.btn-success:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #abcc37; } .btn.btn-aqil-effect.btn-success:before, .btn.btn-aqil-effect.btn-success:after, .btn.btn-aqil-effect.btn-success span:before, .btn.btn-aqil-effect.btn-success span:after { background: rgba(171, 204, 55, 0.5); } .btn.btn-aqil-effect.btn-warning { color: #f5bf2f; border-color: #f5bf2f; transition-delay: .4s; } .btn.btn-aqil-effect.btn-warning:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #f5bf2f; } .btn.btn-aqil-effect.btn-warning:before, .btn.btn-aqil-effect.btn-warning:after, .btn.btn-aqil-effect.btn-warning span:before, .btn.btn-aqil-effect.btn-warning span:after { background: rgba(245, 191, 47, 0.5); } .btn.btn-aqil-effect.btn-info { color: #79ccf2; border-color: #79ccf2; transition-delay: .4s; } .btn.btn-aqil-effect.btn-info:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #79ccf2; } .btn.btn-aqil-effect.btn-info:before, .btn.btn-aqil-effect.btn-info:after, .btn.btn-aqil-effect.btn-info span:before, .btn.btn-aqil-effect.btn-info span:after { background: rgba(121, 204, 242, 0.5); } .btn.btn-aqil-effect.btn-danger { color: #f54b0f; border-color: #f54b0f; transition-delay: .4s; } .btn.btn-aqil-effect.btn-danger:hover { color: #fff; transition-delay: .1s; box-shadow: inset 1px 0 0 0 #f54b0f; } .btn.btn-aqil-effect.btn-danger:before, .btn.btn-aqil-effect.btn-danger:after, .btn.btn-aqil-effect.btn-danger span:before, .btn.btn-aqil-effect.btn-danger span:after { background: rgba(245, 75, 15, 0.5); } .btn.btn-rayen-effect { border-radius: 0; overflow: hidden; background-color: transparent; } .btn.btn-rayen-effect:before { content: attr(data-text); position: absolute; top: -2px; left: 0; bottom: -2px; right: 0; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .btn.btn-rayen-effect > span { display: block; z-index: -1; } .btn.btn-rayen-effect:hover { background-color: transparent; color: #fff; } .btn.btn-rayen-effect:before, .btn.btn-rayen-effect > span { transition: transform 0.3s; transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .btn.btn-rayen-effect:hover:before { -webkit-transform: translateY(0); transform: translateY(0); } .btn.btn-rayen-effect:hover > span { -webkit-transform: translateY(100%); transform: translateY(100%); } .btn.btn-rayen-effect.btn-default { color: #434445; border-color: #434445; } .btn.btn-rayen-effect.btn-default:hover { color: #fff; box-shadow: inset 1px 0 0 0 #434445; } .btn.btn-rayen-effect.btn-default:before { background-color: #434445; color: #fff; } .btn.btn-rayen-effect.btn-primary { color: #2a93c9; border-color: #2a93c9; } .btn.btn-rayen-effect.btn-primary:hover { color: #fff; box-shadow: inset 1px 0 0 0 #2a93c9; } .btn.btn-rayen-effect.btn-primary:before { background-color: #2a93c9; } .btn.btn-rayen-effect.btn-deluge { color: #8668ad; border-color: #8668ad; } .btn.btn-rayen-effect.btn-deluge:hover { color: #fff; box-shadow: inset 1px 0 0 0 #8668ad; } .btn.btn-rayen-effect.btn-deluge:before { background-color: #8668ad; } .btn.btn-rayen-effect.btn-success { color: #abcc37; border-color: #abcc37; } .btn.btn-rayen-effect.btn-success:hover { color: #fff; box-shadow: inset 1px 0 0 0 #abcc37; } .btn.btn-rayen-effect.btn-success:before { background-color: #abcc37; } .btn.btn-rayen-effect.btn-warning { color: #f5bf2f; border-color: #f5bf2f; } .btn.btn-rayen-effect.btn-warning:hover { color: #fff; box-shadow: inset 1px 0 0 0 #f5bf2f; } .btn.btn-rayen-effect.btn-warning:before { background-color: #f5bf2f; } .btn.btn-rayen-effect.btn-info { color: #79ccf2; border-color: #79ccf2; } .btn.btn-rayen-effect.btn-info:hover { color: #fff; box-shadow: inset 1px 0 0 0 #79ccf2; } .btn.btn-rayen-effect.btn-info:before { background-color: #79ccf2; } .btn.btn-rayen-effect.btn-danger { color: #f54b0f; border-color: #f54b0f; } .btn.btn-rayen-effect.btn-danger:hover { color: #fff; box-shadow: inset 1px 0 0 0 #f54b0f; } .btn.btn-rayen-effect.btn-danger:before { background-color: #f54b0f; } .lt-ie10 .btn-rayen-effect::before { display: none; } .lt-ie10 .btn-rayen-effect:hover { color: #20325d; background-color: #fff; } .lt-ie10 .btn-rayen-effect:hover > span { -webkit-transform: translateY(0%); transform: translateY(0%); } .btn.btn-nuka-effect { transition: color 0.3s; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border: none; color: #fff; background-color: transparent; } .btn.btn-nuka-effect::before, .btn.btn-nuka-effect::after { content: ''; position: absolute; border-radius: inherit; background: #453866; z-index: -1; } .btn.btn-nuka-effect::before { top: -4px; bottom: -4px; left: -4px; right: -4px; opacity: 0.2; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); transition: transform 0.3s, opacity 0.3s; } .btn.btn-nuka-effect::after { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale3d(1.1, 1, 1); transform: scale3d(1.1, 1, 1); transition: transform 0.3s, background-color 0.3s; } .btn.btn-nuka-effect::before, .btn.btn-nuka-effect::after { transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn.btn-nuka-effect:hover { background-color: transparent; color: #453866; } .btn.btn-nuka-effect:hover::before { opacity: 1; top: -3px; bottom: -3px; left: -3px; right: -3px; } .btn.btn-nuka-effect:hover::after { background-color: #fff; } .btn.btn-nuka-effect:hover::after, .btn.btn-nuka-effect:hover::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .btn.btn-nuka-effect.btn-default::before, .btn.btn-nuka-effect.btn-default::after { background-color: #434445; } .btn.btn-nuka-effect.btn-default:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-primary::before, .btn.btn-nuka-effect.btn-primary::after { background-color: #2a93c9; } .btn.btn-nuka-effect.btn-primary:hover { color: #21749f; } .btn.btn-nuka-effect.btn-primary:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-deluge::before, .btn.btn-nuka-effect.btn-deluge::after { background-color: #8668ad; } .btn.btn-nuka-effect.btn-deluge:hover { color: #6d5092; } .btn.btn-nuka-effect.btn-deluge:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-success::before, .btn.btn-nuka-effect.btn-success::after { background-color: #abcc37; } .btn.btn-nuka-effect.btn-success:hover { color: #8aa62a; } .btn.btn-nuka-effect.btn-success:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-warning::before, .btn.btn-nuka-effect.btn-warning::after { background-color: #f5bf2f; } .btn.btn-nuka-effect.btn-warning:hover { color: #e6aa0b; } .btn.btn-nuka-effect.btn-warning:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-info::before, .btn.btn-nuka-effect.btn-info::after { background-color: #79ccf2; } .btn.btn-nuka-effect.btn-info:hover { color: #4bbaed; } .btn.btn-nuka-effect.btn-info:hover:after { background-color: #fff; } .btn.btn-nuka-effect.btn-danger::before, .btn.btn-nuka-effect.btn-danger::after { background-color: #f54b0f; } .btn.btn-nuka-effect.btn-danger:hover { color: #c93b08; } .btn.btn-nuka-effect.btn-danger:hover:after { background-color: #fff; } .btn.btn-naira-effect { overflow: hidden; transition: background-color 0.3s, box-shadow 0.2s; } .btn.btn-naira-effect::before { content: ''; position: absolute; left: -50%; width: 200%; height: 200%; top: -50%; -webkit-transform: translateY(-100%) rotate3d(0, 0, 1, -10deg); transform: translateY(-100%) rotate3d(0, 0, 1, -10deg); background: #fff; transition: .3s; } .btn.btn-naira-effect.btn-naira-effect-up::before { -webkit-transform: translateY(100%) rotate3d(0, 0, 1, 10deg); transform: translateY(100%) rotate3d(0, 0, 1, 10deg); } .btn.btn-naira-effect .btn-text { display: block; margin: 0; } .btn.btn-naira-effect .btn-text, .btn.btn-naira-effect .icon { transition: 0.3s; } .btn.btn-naira-effect .icon { position: absolute; left: 50%; bottom: 50%; -webkit-transform: translate(-50%, -200%); transform: translate(-50%, -200%); pointer-events: none; color: #444; } .btn.btn-naira-effect .icon-xs { font-size: 24px; } .btn.btn-naira-effect.btn-naira-effect-up .icon { -webkit-transform: translate(-50%, 300%); transform: translate(-50%, 300%); } .btn.btn-naira-effect:hover { box-shadow: inset 0 0 0 2px #fff; } .btn.btn-naira-effect:hover .icon { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .btn.btn-naira-effect:hover .btn-text { opacity: 0; -webkit-transform: translateY(200%); transform: translateY(200%); } .btn.btn-naira-effect:hover::before { animation: anim-naira-1 0.3s forwards ease-in; } .btn.btn-naira-effect.btn-naira-effect-up:hover::before { animation: anim-naira-2 0.3s forwards ease-in; } .btn.btn-naira-effect.btn-naira-effect-up:hover .btn-text { -webkit-transform: translateY(-200%); transform: translateY(-200%); } .btn.btn-naira-effect.btn-primary:hover { background-color: transparent; border-color: #2a93c9; } .btn.btn-naira-effect.btn-primary .icon { color: #247dab; } .btn.btn-naira-effect.btn-deluge:hover { background-color: transparent; border-color: #8668ad; } .btn.btn-naira-effect.btn-deluge .icon { color: #74559c; } .btn.btn-naira-effect.btn-success:hover { background-color: transparent; border-color: #abcc37; } .btn.btn-naira-effect.btn-success .icon { color: #95b22d; } .btn.btn-naira-effect.btn-warning:hover { background-color: transparent; border-color: #f5bf2f; } .btn.btn-naira-effect.btn-warning .icon { color: #f3b50d; } .btn.btn-naira-effect.btn-info:hover { background-color: transparent; border-color: #79ccf2; } .btn.btn-naira-effect.btn-info .icon { color: #58c0ef; } .btn.btn-naira-effect.btn-danger:hover { background-color: transparent; border-color: #f54b0f; } .btn.btn-naira-effect.btn-danger .icon { color: #d73f09; } .tablet .btn-naira-effect:hover { background-color: #fff; } .lt-ie10 .btn-naira-effect:before { display: none; } .lt-ie10 .btn-naira-effect:hover { background-color: #fff; } .btn.btn-polat-effect { overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .btn.btn-polat-effect .btn-text { display: inline-block; width: 100%; height: 100%; color: #fff; transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; margin-top: 0; } .btn.btn-polat-effect .icon { position: absolute; height: 100%; width: 100%; font-size: 180%; transition: all 0.3s; } .btn.btn-polat-effect .icon:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .btn.btn-polat-effect-up .icon { left: 0; top: -100%; } .btn.btn-polat-effect-up:hover .icon { top: 0; } .btn.btn-polat-effect-up:hover .btn-text { -webkit-transform: translateY(300%); transform: translateY(300%); } .btn.btn-polat-effect-left .icon { left: -100%; top: 0; } .btn.btn-polat-effect-left:hover .icon { left: 0; } .btn.btn-polat-effect-left:hover .btn-text { -webkit-transform: translateX(200%); transform: translateX(200%); } .btn.btn-polat-effect.btn-default .btn-text { color: #434445; } .btn.btn-santos-svg-effect { border: none; position: relative; transition: color 0.9s; background-color: transparent; } .btn.btn-santos-svg-effect svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn.btn-santos-svg-effect svg:active, .btn.btn-santos-svg-effect svg:focus { outline: none; } .btn.btn-santos-svg-effect .shape { stroke-width: 6px; fill: transparent; stroke: #434445; stroke-dasharray: 50 400; stroke-dashoffset: -233; transition: 1s all ease; width: 100%; height: 100%; } .btn.btn-santos-svg-effect:active, .btn.btn-santos-svg-effect:focus { background-color: transparent; } .btn.btn-santos-svg-effect:hover { background-color: transparent; } .btn.btn-santos-svg-effect:hover .shape { stroke-dasharray: 50 0; stroke-width: 3px; stroke-dashoffset: 0; stroke: #009FFD; } .btn.btn-santos-svg-effect.btn-delault { color: #434445; } .btn.btn-santos-svg-effect.btn-delault .shape { stroke: #181919; } .btn.btn-santos-svg-effect.btn-delault:hover { color: #434445; } .btn.btn-santos-svg-effect.btn-delault:hover .shape { stroke: #434445; } .btn.btn-santos-svg-effect.btn-primary { color: #2a93c9; } .btn.btn-santos-svg-effect.btn-primary .shape { stroke: #1b5f81; } .btn.btn-santos-svg-effect.btn-primary:hover { color: #2a93c9; } .btn.btn-santos-svg-effect.btn-primary:hover .shape { stroke: #2a93c9; } .btn.btn-santos-svg-effect.btn-deluge { color: #8668ad; } .btn.btn-santos-svg-effect.btn-deluge .shape { stroke: #5b437b; } .btn.btn-santos-svg-effect.btn-deluge:hover { color: #8668ad; } .btn.btn-santos-svg-effect.btn-deluge:hover .shape { stroke: #8668ad; } .btn.btn-santos-svg-effect.btn-success { color: #abcc37; } .btn.btn-santos-svg-effect.btn-success .shape { stroke: #738923; } .btn.btn-santos-svg-effect.btn-success:hover { color: #abcc37; } .btn.btn-santos-svg-effect.btn-success:hover .shape { stroke: #abcc37; } .btn.btn-santos-svg-effect.btn-warning { color: #f5bf2f; } .btn.btn-santos-svg-effect.btn-warning .shape { stroke: #c49109; } .btn.btn-santos-svg-effect.btn-warning:hover { color: #f5bf2f; } .btn.btn-santos-svg-effect.btn-warning:hover .shape { stroke: #f5bf2f; } .btn.btn-santos-svg-effect.btn-info { color: #79ccf2; } .btn.btn-santos-svg-effect.btn-info .shape { stroke: #2aaeea; } .btn.btn-santos-svg-effect.btn-info:hover { color: #79ccf2; } .btn.btn-santos-svg-effect.btn-info:hover .shape { stroke: #79ccf2; } .btn.btn-santos-svg-effect.btn-danger { color: #f54b0f; } .btn.btn-santos-svg-effect.btn-danger .shape { stroke: #a63107; } .btn.btn-santos-svg-effect.btn-danger:hover { color: #f54b0f; } .btn.btn-santos-svg-effect.btn-danger:hover .shape { stroke: #f54b0f; } html.ie-edge .btn-santos-svg, html.ie-11 .btn-santos-svg, html.lt-ie11 .btn-santos-svg { transition: 0.4s; padding: 10px 15px; border: 2px solid transparent; } html.ie-edge .btn-santos-svg:hover, html.ie-11 .btn-santos-svg:hover, html.lt-ie11 .btn-santos-svg:hover { border-color: #009FFD; } html .page .offset-top-70 { margin-top: 20px; } @media (min-width: 992px) { html .page .offset-md-top-0 { margin-top: 0; } } @media (min-width: 992px) { html .page .offset-md-left-negative-6 { margin-left: -6px; } html .page .offset-md-right-negative-6 { margin-right: -6px; } } @media (min-width: 1200px) { html .page .offset-lg-top-34-negative { margin-top: -34px; } } /** 2.41 Offsets */ html .page .inset-left-0 { padding-left: 0; } html .page .inset-left-10 { padding-left: 10px; } html .page .inset-left-15 { padding-left: 15px; } html .page .inset-left-20 { padding-left: 20px; } html .page .inset-left-25 { padding-left: 25px; } html .page .inset-left-30 { padding-left: 30px; } html .page .inset-left-40 { padding-left: 40px; } html .page .inset-left-50 { padding-left: 50px; } html .page .inset-left-60 { padding-left: 60px; } html .page .inset-left-70 { padding-left: 70px; } html .page .inset-left-75 { padding-left: 75px; } html .page .inset-left-80 { padding-left: 80px; } html .page .inset-left-93 { padding-left: 93px; } html .page .inset-left-100 { padding-left: 100px; } html .page .inset-left-115 { padding-left: 115px; } @media (min-width: 480px) { html .page .inset-xs-left-0 { padding-left: 0; } html .page .inset-xs-left-10 { padding-left: 10px; } html .page .inset-xs-left-15 { padding-left: 15px; } html .page .inset-xs-left-20 { padding-left: 20px; } html .page .inset-xs-left-25 { padding-left: 25px; } html .page .inset-xs-left-30 { padding-left: 30px; } html .page .inset-xs-left-40 { padding-left: 40px; } html .page .inset-xs-left-50 { padding-left: 50px; } html .page .inset-xs-left-60 { padding-left: 60px; } html .page .inset-xs-left-70 { padding-left: 70px; } html .page .inset-xs-left-75 { padding-left: 75px; } html .page .inset-xs-left-80 { padding-left: 80px; } html .page .inset-xs-left-93 { padding-left: 93px; } html .page .inset-xs-left-100 { padding-left: 100px; } html .page .inset-xs-left-115 { padding-left: 115px; } } @media (min-width: 768px) { html .page .inset-sm-left-0 { padding-left: 0; } html .page .inset-sm-left-10 { padding-left: 10px; } html .page .inset-sm-left-15 { padding-left: 15px; } html .page .inset-sm-left-20 { padding-left: 20px; } html .page .inset-sm-left-25 { padding-left: 25px; } html .page .inset-sm-left-30 { padding-left: 30px; } html .page .inset-sm-left-40 { padding-left: 40px; } html .page .inset-sm-left-50 { padding-left: 50px; } html .page .inset-sm-left-60 { padding-left: 60px; } html .page .inset-sm-left-70 { padding-left: 70px; } html .page .inset-sm-left-75 { padding-left: 75px; } html .page .inset-sm-left-80 { padding-left: 80px; } html .page .inset-sm-left-93 { padding-left: 93px; } html .page .inset-sm-left-100 { padding-left: 100px; } html .page .inset-sm-left-115 { padding-left: 115px; } } @media (min-width: 992px) { html .page .inset-md-left-0 { padding-left: 0; } html .page .inset-md-left-10 { padding-left: 10px; } html .page .inset-md-left-15 { padding-left: 15px; } html .page .inset-md-left-20 { padding-left: 20px; } html .page .inset-md-left-25 { padding-left: 25px; } html .page .inset-md-left-30 { padding-left: 30px; } html .page .inset-md-left-40 { padding-left: 40px; } html .page .inset-md-left-50 { padding-left: 50px; } html .page .inset-md-left-60 { padding-left: 60px; } html .page .inset-md-left-70 { padding-left: 70px; } html .page .inset-md-left-75 { padding-left: 75px; } html .page .inset-md-left-80 { padding-left: 80px; } html .page .inset-md-left-93 { padding-left: 93px; } html .page .inset-md-left-100 { padding-left: 100px; } html .page .inset-md-left-115 { padding-left: 115px; } } @media (min-width: 1200px) { html .page .inset-lg-left-0 { padding-left: 0; } html .page .inset-lg-left-10 { padding-left: 10px; } html .page .inset-lg-left-15 { padding-left: 15px; } html .page .inset-lg-left-20 { padding-left: 20px; } html .page .inset-lg-left-25 { padding-left: 25px; } html .page .inset-lg-left-30 { padding-left: 30px; } html .page .inset-lg-left-40 { padding-left: 40px; } html .page .inset-lg-left-50 { padding-left: 50px; } html .page .inset-lg-left-60 { padding-left: 60px; } html .page .inset-lg-left-70 { padding-left: 70px; } html .page .inset-lg-left-75 { padding-left: 75px; } html .page .inset-lg-left-80 { padding-left: 80px; } html .page .inset-lg-left-93 { padding-left: 93px; } html .page .inset-lg-left-100 { padding-left: 100px; } html .page .inset-lg-left-115 { padding-left: 115px; } } @media (min-width: 1800px) { html .page .inset-xl-left-0 { padding-left: 0; } html .page .inset-xl-left-10 { padding-left: 10px; } html .page .inset-xl-left-15 { padding-left: 15px; } html .page .inset-xl-left-20 { padding-left: 20px; } html .page .inset-xl-left-25 { padding-left: 25px; } html .page .inset-xl-left-30 { padding-left: 30px; } html .page .inset-xl-left-40 { padding-left: 40px; } html .page .inset-xl-left-50 { padding-left: 50px; } html .page .inset-xl-left-60 { padding-left: 60px; } html .page .inset-xl-left-70 { padding-left: 70px; } html .page .inset-xl-left-75 { padding-left: 75px; } html .page .inset-xl-left-80 { padding-left: 80px; } html .page .inset-xl-left-93 { padding-left: 93px; } html .page .inset-xl-left-100 { padding-left: 100px; } html .page .inset-xl-left-115 { padding-left: 115px; } } html .page .inset-right-0 { padding-right: 0; } html .page .inset-right-10 { padding-right: 10px; } html .page .inset-right-15 { padding-right: 15px; } html .page .inset-right-20 { padding-right: 20px; } html .page .inset-right-25 { padding-right: 25px; } html .page .inset-right-30 { padding-right: 30px; } html .page .inset-right-40 { padding-right: 40px; } html .page .inset-right-50 { padding-right: 50px; } html .page .inset-right-60 { padding-right: 60px; } html .page .inset-right-70 { padding-right: 70px; } html .page .inset-right-75 { padding-right: 75px; } html .page .inset-right-80 { padding-right: 80px; } html .page .inset-right-93 { padding-right: 93px; } html .page .inset-right-100 { padding-right: 100px; } html .page .inset-right-115 { padding-right: 115px; } @media (min-width: 480px) { html .page .inset-xs-right-0 { padding-right: 0; } html .page .inset-xs-right-10 { padding-right: 10px; } html .page .inset-xs-right-15 { padding-right: 15px; } html .page .inset-xs-right-20 { padding-right: 20px; } html .page .inset-xs-right-25 { padding-right: 25px; } html .page .inset-xs-right-30 { padding-right: 30px; } html .page .inset-xs-right-40 { padding-right: 40px; } html .page .inset-xs-right-50 { padding-right: 50px; } html .page .inset-xs-right-60 { padding-right: 60px; } html .page .inset-xs-right-70 { padding-right: 70px; } html .page .inset-xs-right-75 { padding-right: 75px; } html .page .inset-xs-right-80 { padding-right: 80px; } html .page .inset-xs-right-93 { padding-right: 93px; } html .page .inset-xs-right-100 { padding-right: 100px; } html .page .inset-xs-right-115 { padding-right: 115px; } } @media (min-width: 768px) { html .page .inset-sm-right-0 { padding-right: 0; } html .page .inset-sm-right-10 { padding-right: 10px; } html .page .inset-sm-right-15 { padding-right: 15px; } html .page .inset-sm-right-20 { padding-right: 20px; } html .page .inset-sm-right-25 { padding-right: 25px; } html .page .inset-sm-right-30 { padding-right: 30px; } html .page .inset-sm-right-40 { padding-right: 40px; } html .page .inset-sm-right-50 { padding-right: 50px; } html .page .inset-sm-right-60 { padding-right: 60px; } html .page .inset-sm-right-70 { padding-right: 70px; } html .page .inset-sm-right-75 { padding-right: 75px; } html .page .inset-sm-right-80 { padding-right: 80px; } html .page .inset-sm-right-93 { padding-right: 93px; } html .page .inset-sm-right-100 { padding-right: 100px; } html .page .inset-sm-right-115 { padding-right: 115px; } } @media (min-width: 992px) { html .page .inset-md-right-0 { padding-right: 0; } html .page .inset-md-right-10 { padding-right: 10px; } html .page .inset-md-right-15 { padding-right: 15px; } html .page .inset-md-right-20 { padding-right: 20px; } html .page .inset-md-right-25 { padding-right: 25px; } html .page .inset-md-right-30 { padding-right: 30px; } html .page .inset-md-right-40 { padding-right: 40px; } html .page .inset-md-right-50 { padding-right: 50px; } html .page .inset-md-right-60 { padding-right: 60px; } html .page .inset-md-right-70 { padding-right: 70px; } html .page .inset-md-right-75 { padding-right: 75px; } html .page .inset-md-right-80 { padding-right: 80px; } html .page .inset-md-right-93 { padding-right: 93px; } html .page .inset-md-right-100 { padding-right: 100px; } html .page .inset-md-right-115 { padding-right: 115px; } } @media (min-width: 1200px) { html .page .inset-lg-right-0 { padding-right: 0; } html .page .inset-lg-right-10 { padding-right: 10px; } html .page .inset-lg-right-15 { padding-right: 15px; } html .page .inset-lg-right-20 { padding-right: 20px; } html .page .inset-lg-right-25 { padding-right: 25px; } html .page .inset-lg-right-30 { padding-right: 30px; } html .page .inset-lg-right-40 { padding-right: 40px; } html .page .inset-lg-right-50 { padding-right: 50px; } html .page .inset-lg-right-60 { padding-right: 60px; } html .page .inset-lg-right-70 { padding-right: 70px; } html .page .inset-lg-right-75 { padding-right: 75px; } html .page .inset-lg-right-80 { padding-right: 80px; } html .page .inset-lg-right-93 { padding-right: 93px; } html .page .inset-lg-right-100 { padding-right: 100px; } html .page .inset-lg-right-115 { padding-right: 115px; } } @media (min-width: 1800px) { html .page .inset-xl-right-0 { padding-right: 0; } html .page .inset-xl-right-10 { padding-right: 10px; } html .page .inset-xl-right-15 { padding-right: 15px; } html .page .inset-xl-right-20 { padding-right: 20px; } html .page .inset-xl-right-25 { padding-right: 25px; } html .page .inset-xl-right-30 { padding-right: 30px; } html .page .inset-xl-right-40 { padding-right: 40px; } html .page .inset-xl-right-50 { padding-right: 50px; } html .page .inset-xl-right-60 { padding-right: 60px; } html .page .inset-xl-right-70 { padding-right: 70px; } html .page .inset-xl-right-75 { padding-right: 75px; } html .page .inset-xl-right-80 { padding-right: 80px; } html .page .inset-xl-right-93 { padding-right: 93px; } html .page .inset-xl-right-100 { padding-right: 100px; } html .page .inset-xl-right-115 { padding-right: 115px; } } html .page .offset-top-70 { margin-top: 20px; } @media (min-width: 480px) { html .page .offset-xs-top-0 { margin-top: 0; } html .page .offset-xs-top-4 { margin-top: 4px; } html .page .offset-xs-top-10 { margin-top: 10px; } html .page .offset-xs-top-14 { margin-top: 14px; } html .page .offset-xs-top-20 { margin-top: 20px; } html .page .offset-xs-top-24 { margin-top: 24px; } html .page .offset-xs-top-30 { margin-top: 30px; } html .page .offset-xs-top-34 { margin-top: 34px; } html .page .offset-xs-top-41 { margin-top: 41px; } html .page .offset-xs-top-50 { margin-top: 50px; } html .page .offset-xs-top-55 { margin-top: 55px; } html .page .offset-xs-top-60 { margin-top: 60px; } html .page .offset-xs-top-66 { margin-top: 66px; } html .page .offset-xs-top-70 { margin-top: 70px; } html .page .offset-xs-top-90 { margin-top: 90px; } html .page .offset-xs-top-98 { margin-top: 98px; } html .page .offset-xs-top-110 { margin-top: 110px; } html .page .offset-xs-top-124 { margin-top: 124px; } html .page .offset-xs-top-130 { margin-top: 130px; } } @media (min-width: 768px) { html .page .offset-sm-top-0 { margin-top: 0; } html .page .offset-sm-top-4 { margin-top: 4px; } html .page .offset-sm-top-10 { margin-top: 10px; } html .page .offset-sm-top-14 { margin-top: 14px; } html .page .offset-sm-top-20 { margin-top: 20px; } html .page .offset-sm-top-24 { margin-top: 24px; } html .page .offset-sm-top-30 { margin-top: 30px; } html .page .offset-sm-top-34 { margin-top: 34px; } html .page .offset-sm-top-41 { margin-top: 41px; } html .page .offset-sm-top-50 { margin-top: 50px; } html .page .offset-sm-top-55 { margin-top: 55px; } html .page .offset-sm-top-60 { margin-top: 60px; } html .page .offset-sm-top-66 { margin-top: 66px; } html .page .offset-sm-top-70 { margin-top: 70px; } html .page .offset-sm-top-90 { margin-top: 90px; } html .page .offset-sm-top-98 { margin-top: 98px; } html .page .offset-sm-top-110 { margin-top: 110px; } html .page .offset-sm-top-124 { margin-top: 124px; } html .page .offset-sm-top-130 { margin-top: 130px; } } @media (min-width: 992px) { html .page .offset-md-top-0 { margin-top: 0; } html .page .offset-md-top-4 { margin-top: 4px; } html .page .offset-md-top-10 { margin-top: 10px; } html .page .offset-md-top-14 { margin-top: 14px; } html .page .offset-md-top-20 { margin-top: 20px; } html .page .offset-md-top-24 { margin-top: 24px; } html .page .offset-md-top-30 { margin-top: 30px; } html .page .offset-md-top-34 { margin-top: 34px; } html .page .offset-md-top-41 { margin-top: 41px; } html .page .offset-md-top-50 { margin-top: 50px; } html .page .offset-md-top-55 { margin-top: 55px; } html .page .offset-md-top-60 { margin-top: 60px; } html .page .offset-md-top-66 { margin-top: 66px; } html .page .offset-md-top-70 { margin-top: 70px; } html .page .offset-md-top-90 { margin-top: 90px; } html .page .offset-md-top-98 { margin-top: 98px; } html .page .offset-md-top-110 { margin-top: 110px; } html .page .offset-md-top-124 { margin-top: 124px; } html .page .offset-md-top-130 { margin-top: 130px; } } @media (min-width: 1200px) { html .page .offset-lg-top-0 { margin-top: 0; } html .page .offset-lg-top-4 { margin-top: 4px; } html .page .offset-lg-top-10 { margin-top: 10px; } html .page .offset-lg-top-14 { margin-top: 14px; } html .page .offset-lg-top-20 { margin-top: 20px; } html .page .offset-lg-top-24 { margin-top: 24px; } html .page .offset-lg-top-30 { margin-top: 30px; } html .page .offset-lg-top-34 { margin-top: 34px; } html .page .offset-lg-top-41 { margin-top: 41px; } html .page .offset-lg-top-50 { margin-top: 50px; } html .page .offset-lg-top-55 { margin-top: 55px; } html .page .offset-lg-top-60 { margin-top: 60px; } html .page .offset-lg-top-66 { margin-top: 66px; } html .page .offset-lg-top-70 { margin-top: 70px; } html .page .offset-lg-top-90 { margin-top: 90px; } html .page .offset-lg-top-98 { margin-top: 98px; } html .page .offset-lg-top-110 { margin-top: 110px; } html .page .offset-lg-top-124 { margin-top: 124px; } html .page .offset-lg-top-130 { margin-top: 130px; } } @media (min-width: 1800px) { html .page .offset-xl-top-0 { margin-top: 0; } html .page .offset-xl-top-4 { margin-top: 4px; } html .page .offset-xl-top-10 { margin-top: 10px; } html .page .offset-xl-top-14 { margin-top: 14px; } html .page .offset-xl-top-20 { margin-top: 20px; } html .page .offset-xl-top-24 { margin-top: 24px; } html .page .offset-xl-top-30 { margin-top: 30px; } html .page .offset-xl-top-34 { margin-top: 34px; } html .page .offset-xl-top-41 { margin-top: 41px; } html .page .offset-xl-top-50 { margin-top: 50px; } html .page .offset-xl-top-55 { margin-top: 55px; } html .page .offset-xl-top-60 { margin-top: 60px; } html .page .offset-xl-top-66 { margin-top: 66px; } html .page .offset-xl-top-70 { margin-top: 70px; } html .page .offset-xl-top-90 { margin-top: 90px; } html .page .offset-xl-top-98 { margin-top: 98px; } html .page .offset-xl-top-110 { margin-top: 110px; } html .page .offset-xl-top-124 { margin-top: 124px; } html .page .offset-xl-top-130 { margin-top: 130px; } } html .page .offset-none { margin-top: 0; margin-bottom: 0; } .to-front { position: relative; z-index: 10; } .box-modern{padding:20px 15px;border-radius:2px;box-shadow:-1px 9px 18px 0 rgba(75,81,91,.1);background:#fff;text-align:center} .box-modern-title{font-size:16px;line-height:1.3;letter-spacing:0;color:#262f3c} .box-modern-media{position:relative;padding:10px 0;font-size:60px;line-height:1;min-height:1.3em;width:1.9em;margin-left:auto;margin-right:auto} .box-modern-circle-1,.box-modern-circle-2{position:absolute;border-radius:50%} .box-modern-circle-1{left:0;bottom:0;width:1.23em;height:1.23em;background:#f9f8f8} .box-modern-circle-2{top:0;right:0;width:.54em;height:.54em;background:#f9f9ef} .box-modern_alternate .box-modern-circle-1{top:0;bottom:auto}.box-modern_alternate .box-modern-circle-2{top:auto;bottom:0} .box-modern_alternate-1 .box-modern-circle-1{right:0;left:auto}.box-modern_alternate-1 .box-modern-circle-2{right:auto;left:auto} .box-modern-icon{position:relative;z-index:2;right:0;font-size:inherit;color:#3375ec;opacity:.7} .box-modern-sm .box-modern-media{width:1.7em} .box-modern-sm .box-modern-icon{opacity:1} @supports(-webkit-background-clip:text){ .box-modern-icon{background:linear-gradient(30deg,#0152e9,#adc7f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent} } *+.box-modern-text{margin-top:12px} @media(max-width:575.98px){.box-modern{max-width:370px;margin-left:auto;margin-right:auto}} @media(min-width:768px){.box-modern{padding:25px 25px}.box-modern-title{font-size:22px}} @media(min-width:992px) and (max-width:1199.98px){.box-modern{padding-left:9px;padding-right:9px}} /* @media(min-width:1200px){ */ /* .box-modern{padding-top:55px;padding-bottom:60px}.box-modern-media{font-size:85px}.box-modern-title{font-size:24px} */ /* .box-modern-text{font-size:16px;letter-spacing:.025em;line-height:1.52941}*+.box-modern-text{margin-top:24px} */ /* .box-modern-sm .box-modern-media{font-size:64px}.box-modern-sm .box-modern-title{font-size:22px} */ /* .box-modern-sm .box-modern-text{font-size:15px} */ /* } */ /* @media(min-width:1600px){.box-modern-title{font-size:26px} */ /* .box-modern-text{font-size:17px} */ /* } */ .box-light{position:relative;padding:30px 20px 20px;background:#fff;text-align:left} .box-light::before,.box-light::after{content:'';position:absolute;right:0;top:0;height:5px;transition:.44s} .box-light::before{width:80%;background:#ebebeb}.box-light::after{width:0;background:#ffea5c} .box-light:hover::after{width:80%;left:20%;right:auto} .box-light-counter{font-size:20px;font-weight:300;line-height:1.2;color:#262f3c} *+.box-light-title{margin-top:14px}*+.box-light-main{margin-top:17px}*+.box-light-footer{margin-top:25px}