/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility
4. Header
5. Sideheader
6. Fullpage Header
7. Dropdown
8. Sticky Header
9. Simple Featured
10. Simple Services
11. Simple Portfolio
12. Octa Counters
13. Accordion
14. Octa Skills
15. Octa Team
16. Video Project
17. Octa Testimonials
18. Octa Blog
19. Octa Contact Opts
20. Bottom Bar
21. Featured Carousel Wrap
22. Creative Services
23. Mockup
24. Octa Text
25. Octa Features
26. Creative Portfolio
27. Big Text
28. Octa Address
29. Creative Featured
30. Traditional Service
31. Octa Welcome
32. Call To Action
33. Modern Portfolio
33. Octa Pricetable
34. Simple Parallax
35. Footer
36. Innovative Image
37. Classic Services
38. Octa Process
39. Classic Portfolio
40. Octa Video
41. Fancy Team
42. Simple Feature
43. Simple Post
44. Logos Carousel
45. Octa Full Page Title
46. Big Intro
47. Awesome Portfolio
48. Modern Services
49. Split Project
50. Huge Text
51. Contact Form
52. Modern Featured
53. Special Portfolio
54. Portfolio Detail
55. Portfolio Detail Top
56. Portfolio Pagination
57. PageTop
58. Pagination
59. Octa Blog Detail
60. Sidebar
61. Contact Box
62. Subscribe Form
63. Traditional Title
64. Find Boxes
65. Team Detail Page
66. Error 404 Page
67. Slick Carousel Styling
68. Simple Light Box
69. Animate.css
70. Page Pilling
=============================================================*/
/*=============== Fonts ===================*/
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License:none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1.4}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}
html{overflow-x:hidden}
body{
color:#a0a0a0;
letter-spacing:0;
font-family:'nunito';
overflow-x:hidden;
}
body *{outline:none!important}
h1, h2, h3, h4, h5, h6{
margin-bottom:20px;
font-weight:600;
color:#121010;
font-family:'nunito';
}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
p{
color:#2e2e2e;
font-size:15px;
line-height:1.8;
margin-bottom:20px;
}
a{color:inherit}
a:hover,
a:focus{
text-decoration:none;
outline:none;
}
input:hover,input:focus{outline:none}
.theme-layout{
float:left;
overflow:hidden;
position:relative;
width:100%;
}
.theme-layout.boxed{
float:none;
margin:0 auto;
width:1230px;
background:#FFF;
z-index:1;
-webkit-box-shadow:0 0 10px #000;
-moz-box-shadow:0 0 10px #000;
-ms-box-shadow:0 0 10px #000;
-o-box-shadow:0 0 10px #000;
box-shadow:0 0 10px #000;
}
section{
float:left;
position:relative;
width:100%;
}
.block{
float:left;
width:100%;
padding:50px 0;
position:relative;
}
.block.less-space{padding:70px 0}
.block .container{padding:0}
.container{padding:0}
.block.remove-gap{padding-top:0}
.block.no-padding{
padding-top:0;
padding-bottom:0;
}
.block.dark{background:#2e2e2e}
.block.gray{background:#f4f4f4}
.block.lightblue{background:#f8fafc}
.block.gradient-gray{background:linear-gradient(#f5f5f5,transparent)}
.block.remove-bottom{padding-bottom:0}
.parallax,.fixed-bg{
background-size:cover;
background-repeat:no-repeat;
background-position:center;
height:100%;
width:100%;
margin:0;
position:absolute;
left:0;
top:0;
z-index:-1;
}
.fixed-bg{
background-attachment:fixed !important;
background-size:cover;
}
.fixed-bg.in-shade{
-webkit-box-shadow:0 0 7px rgba(0,0,0,0.2) inset;
-moz-box-shadow:0 0 7px rgba(0,0,0,0.2) inset;
-ms-box-shadow:0 0 7px rgba(0,0,0,0.2) inset;
-o-box-shadow:0 0 7px rgba(0,0,0,0.2) inset;
box-shadow:0 0 7px rgba(0,0,0,0.2) inset;
}
.fixed-bg.stop{background-attachment:scroll!important}
.bg1{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg2{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg3{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg4{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg5{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg6{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg7{background-image:url(http://placehold.it/1600x700/f64343/ffffff);background-position:bottom}
.bg8{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg9{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg10{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg11{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg12{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg13{background-image:url(http://placehold.it/1600x700/f64343/ffffff)}
.bg14{background-image:url(http://placehold.it/800x805/f64343/ffffff)}
.bg15{background-image:url(http://placehold.it/800x805/f64343/ffffff)}
.bg16{background-image:url(http://placehold.it/800x805/f64343/ffffff)}
.bg17{background-image:url(http://placehold.it/800x805/f64343/ffffff)}
.bg18{background-image:url(http://placehold.it/1600x500/f64343/ffffff)}
.bg19{background-image:url(http://placehold.it/1600x500/f64343/ffffff)}
.bg20{background-image:url(../images/resource/parallax20.jpg)}
.bg21{background-image:url(../images/resource/parallax21.jpg)}
.bg22{background-image:url(../images/resource/parallax22.jpg)}
.pattern{background-image:url(../images/pattern.jpg)}
.blackish:before, .whitish:before, .half-gray:before,
.coloured:before{
content:"";
height:100%;
opacity:0.75;
z-index:0;
background:#010101;
position:absolute;
left:0;
top:0;
width:100%;
}
.coloured:before{opacity:0.92}
.whitish:before{
background-color:#FFFFFF;
opacity:0.9;
}
.half-gray:before{
opacity:1;
height:50%;
background:#f8f8f8;
z-index:-1;
}
ul{
list-style:outside none none;
margin:0 0 30px;
padding:0;
}
ul li{
color:#555555;
font-size:15px;
margin-bottom:15px;
padding-left:25px;
position:relative;
}
ul li:before{
content:"";
height:5px;
width:5px;
position:absolute;
left:0;
top:10px;
}
iframe{
width:100%;
border:0;
}
i{font-style:italic}
img{float:left;height:auto}
:-webkit-input-placeholder,
:-webkit-textarea-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder,
:-ms-textarea-placeholder{opacity:1}
input[type="file"]{visibility:hidden;display:none}
input[type="text"],
input[type="email"], input[type="file"] ~ label,
input[type="password"], textarea{
background:#f3f3f3;
border:0 none;
color:#B3B3B3;
float:left;
font-size:14px;
height:60px;
line-height:30px;
margin-bottom:30px;
padding:5px 20px;
width:100%;
}
textarea{
max-width:100%;
min-height:200px;
padding:20px;
}
strong{font-weight:800}
button{
float:right;
font-size:18px;
padding:8px 30px;
color:#FFF;
border-radius:4px;
background:black;
border:0;
}
img{max-width:100%}
input:placeholder{opacity:1}
.full-height .container,
.full-height .container > .row,
.full-height > .row{height:100%}
/*=============== Cross Browser Compatibility ===================*/
a,
.simple-hover h4,
.simple-hover span,
.portfolio-img img,
.member-name span i,
.gradient-img img,
.creative-img img,
.options ul li a:before,
.modern-img img,
.classic-img img,
.member-img:before,
.member-hover,
.awesome-img:before,
.decent-hover,
nav ul ul,
.megamenu,
header,
.logo{
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;
}
ul li:before,
.review img,
.octa-processnig:before,
.octa-processnig:after,
.form-btn,
.round-socials a,
.find-box span{
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
/*=============== Header ===================*/
header{
position:absolute;
left:0;
top:0;
width:100%;
padding:30px 0 30px;
z-index:10;
}
.logo{
float:left;
font-size:45px;
color:#121010;
font-weight:600;
line-height:1;
}
.logo i{font-style:normal}
nav{float:right}
nav > ul{margin:0}
nav > ul > li{
float:left;
font-size:18px;
color:#121010;
margin:0 5px;
padding:0 10px;
}
nav ul li:before{display:none}
nav > ul > li > a{
padding:20px 10px;
display:inline-block;
}
header.light .logo{color:#FFF}
header.light nav > ul > li{color:#FFF}
header.hdr-border{
background: rgba(0,0,0,.5);
border-bottom:2px solid rgba(125,125,125,0.2);
padding:30px 0;
}
header.relative{
position:relative;
padding:35px 0;
}
.light.relative{background:#2e2e2e}
/*=============== Sideheader ===================*/
.sideheader{
background:#FFF;
position:fixed;
right:-335px;
top:0;
width:335px;
height:100%;
z-index:2;
-webkit-transition:all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition:all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition:all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition:all 800ms cubic-bezier(0.165, 0.840, 0.440, 1.000);/* easeOutQuart */
-webkit-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);/* easeOutQuart */
-webkit-box-shadow:0 0 7px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 7px rgba(0,0,0,0.1);
-ms-box-shadow:0 0 7px rgba(0,0,0,0.1);
-o-box-shadow:0 0 7px rgba(0,0,0,0.1);
box-shadow:0 0 7px rgba(0,0,0,0.1)
}
.menu-opened .sideheader{right:0}
nav ~ a.menu-btn{display:none}
.menu-btn{
z-index:1;
font-size:35px;
color:#121010;
float:right;
opacity:1;
text-shadow:none;
}
header.light .menu-btn{color:#FFF}
.sidemenu{
position:absolute;
right:0;
top:50%;
width:100%;
max-height:100%;
overflow:auto;
text-align:left;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.sidemenu .mCSB_scrollTools{left:-5px}
.sidemenu > ul{
margin:0;
padding:0 110px 0 40px;
}
.sidemenu > ul > li{
padding:0;
font-size:18px;
color:#2f2f2f;
position:relative;
}
.sidemenu > ul > li:before{display:none}
.sidemenu > ul > li > a:after{
content:"";
position:absolute;
right:;
right:-65px;
top:22px;
width:0;
height:2px;
background:#2f2f2f;
}
.sidemenu > ul > li > a.active:after{width:48px}
.sidemenu ul ul{
padding-left:15px;
padding-top:10px;
padding-bottom:10px;
text-align:left;
display:none;
}
.sidemenu ul ul li{padding:0}
.sidemenu ul ul li:before{display:none}
/*=============== Fullpage Header ===================*/
.fullpage-header{
position:fixed;
left:0;
top:0;
width:;
width:85px;
height:100%;
background:#2f2f2f;
z-index:200;
}
.blackbar .octa-name{
width:270px;
background:black;
padding:20px 15px 20px 55px;
position:relative;
-webkit-box-shadow:0 0 18px rgba(0,0,0,0.24);
-moz-box-shadow:0 0 18px rgba(0,0,0,0.24);
-ms-box-shadow:0 0 18px rgba(0,0,0,0.24);
-o-box-shadow:0 0 18px rgba(0,0,0,0.24);
box-shadow:0 0 18px rgba(0,0,0,0.24);
}
.blackbar .octa-name h1{
color:#FFF;
margin:0 0 7px;
font-size:35px;
font-weight:400;
line-height:1;
font-weight:800;
}
.blackbar .octa-name span{
color:#FFF;
font-size:15px;
}
.fullmenu-btn{
position:absolute;
top:50%;
font-size:50px;
width:85px;
height:85px;
color:#FFF;
left:0;
line-height:85px;
text-align:center;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.fullmenu-btn:hover{color:#FFF}
.blackbar{
background:#2f2f2f;
position:relative;
z-index:10;
float:left;
width:100%;
height:100%;
box-shadow:0 0 18px rgba(0,0,0,0.24);
}
.fullpage-header .sideheader{
left:-335px;
right:auto;
background:#FFF;
box-shadow:0 0 18px rgba(0,0,0,0.24);
}
body.menu-opened .fullpage-header .sideheader{left:85px}
.fullpage-header .sideheader .sidemenu > ul{
padding:0 40px 0 40px;
text-align:left;
}
.fullpage-header .sideheader .sidemenu ul > li > a{
width:100%;
display:block;
}
.fullpage-header .sideheader .sidemenu > ul > li{
font-size:20px;
margin:0 0 20px;
font-weight:400;
}
/*=============== Dropdown ===================*/
nav ul ul{
background:#2e2e2e;
padding:20px 0;
width:230px;
position:absolute;
left:0;
top:100%;
visibility:hidden;
opacity:0;
}
nav ul ul li{
float:left;
margin:0;
padding:0 20px;
width:100%;
color:#BFBFBF;
font-size:16px;
}
nav li:hover > ul{
visibility:visible;
opacity:1;
}
nav ul ul li{
float:left;
margin:0;
padding:0 20px;
width:100%;
}
nav ul ul li:before{display:none}
nav ul ul li a{
float:left;
font-size:15px;
padding:11px 0;
width:100%;
}
nav ul ul ul{
left:100%;
top:0;
background:#3e3e3e;
}
nav ul ul li.has-dropdown:after{
content:"\f105";
position:absolute;
right:0;
top:12px;
width:40px;
height:40px;
color:#BFBFBF;
font-family:fontawesome;
}
nav ul ul li:hover > a{color:#FFF}
.megamenu{
background:#2e2e2e;
padding:0 0px;
width:100%;
position:absolute;
left:0;
top:calc(100% - 30px);
visibility:hidden;
opacity:0;
z-index:-1;
}
header.sticky .megamenu{top:100%}
nav li:hover > .megamenu{
visibility:visible;
opacity:1;
}
.megamenu ul{
position:relative;
float:left;
opacity:1;
width:auto;
background:none;
padding:0;
top:0;
}
nav li:hover > .megamenu ul{visibility:visible}
.megamenu ul li{padding:0}
.megamenu ul li a{padding:8px 0}
.megamenu h3{
color:#FFF;
font-size:15px;
font-weight:600;
text-transform:uppercase;
line-height:1.3;
margin:0 0 15px;
}
.has-megamenu,
header .container,
header .container > div.row,
header .container > div.row > div{
position:static;
}
.megamenu .row > div:nth-child(2n+1){background:no-repeat}
.megamenu .row > div{
padding:45px 35px 35px;
background:rgba(0,0,0,0.1);
}
.megamenu .w-100{padding:0!important}
/*=============== Sticky Header ===================*/
header.stick.sticky{
position:fixed;
background:rgba(255,255,255,0.99);
padding:2px 0;
-webkit-box-shadow:0 0 30px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 30px rgba(0,0,0,0.2);
-ms-box-shadow:0 0 30px rgba(0,0,0,0.2);
-o-box-shadow:0 0 30px rgba(0,0,0,0.2);
box-shadow:0 0 30px rgba(0,0,0,0.2);
}
header.stick.sticky .logo{font-size:32px}
header.light.stick.sticky{
background:rgba(25,25,25,0.99);
padding:5px 0;
}
/*=============== Simple Featured ===================*/
.simple-featured{
float:left;
width:100%;
}
.simple-featured h2{
font-size:125px;
font-weight:800;
line-height:1.2;
}
.simple-featured h2 i{font-style:normal}
/*=============== Simple Services ===================*/
.col-title{
font-size:43px;
font-weight:700;
line-height:1.5;
margin:0;
}
.col-title i{
font-style:normal;
font-weight:700;
text-decoration:underline;
}
.simple-services{
float:left;
width:100%;
background:url(../images/service-bg.png) no-repeat scroll center bottom transparent;
background-size:auto 100%;
text-align:center;
padding:50px 50px 20px;
position:relative;
-webkit-box-shadow:0 0 24px rgba(0,0,0,0.07);
-moz-box-shadow:0 0 24px rgba(0,0,0,0.07);
-ms-box-shadow:0 0 24px rgba(0,0,0,0.07);
-o-box-shadow:0 0 24px rgba(0,0,0,0.07);
box-shadow:0 0 24px rgba(0,0,0,0.07);
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.simple-services:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:white;
opacity:0.6;
}
.simple-service{
float:left;
width:100%;
margin:0 0 30px;
}
.simple-service h3{
font-size:20px;
line-height:1.2;
}
.readmore{
font-size:13px;
text-transform:uppercase;
font-weight:700;
}
/*=============== Simple Portfolio ===================*/
.big-title{
float:left;
width:100%;
line-height:0.8;
margin:0 0 -20px;
font-size:200px;
text-align:center;
color:#e9e9e9;
}
.simple-portfolio{
float:left;
width:100%;
padding:0 90px;
}
.portfolio-img{
float:left;
width:100%;
position:relative;
background:black;
margin:0 0 30px;
}
.portfolio-img img{width:100%}
.portfolio-img:hover img{opacity:0.1}
.simple-hover{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:50px;
}
.simple-hover h4{
font-size:25px;
color:#FFF;
line-height:1.2;
margin:0 0 10px;
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
}
.simple-hover span{
font-size:13px;
color:#dfdfdf;
display:table;
opacity:0;
-webkit-transform:translateY(40px);
-moz-transform:translateY(40px);
-ms-transform:translateY(40px);
-o-transform:translateY(40px);
transform:translateY(40px);
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}
.simple-hover h4 a:hover{color:#FFF}
.simple-hover span a:hover{color:#dfdfdf}
.portfolio-img:hover .simple-hover h4,
.portfolio-img:hover .simple-hover span{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
.masonary{
float:left;
width:100%;
}
.no-gap{margin:0!important}
.no-gap > .row{margin:0}
.no-gap > .row > div,
.no-gap > .row > .masonary > div{padding:0}
.no-gap > .row > div > div,
.no-gap > .row > .masonary > div > div{margin:0}
/*=============== Octa Counters ===================*/
.octa-counters{
float:left;
margin:0 0 -30px;
width:100%;
}
.counter{
color:#fff;
float:left;
margin:30px 0 30px;
position:relative;
text-align:center;
width:100%;
z-index:1;
}
.counter > i{
float:left;
font-size:16px;
line-height:1.2;
width:100%;
font-style:normal;
}
.counter strong{
float:left;
font-size:65px;
font-weight:700;
line-height:1;
margin:0 0 15px;
width:100%;
}
/*=============== Accordion ===================*/
.toggle{
float:left;
width:100%;
}
.toggle-item{
float:left;
width:100%;
margin:0 0 10px;
}
.toggle-item h2{
background:#ebebeb;
color:#2c2c2c;
cursor:pointer;
float:left;
font-size:17px;
font-weight:600;
margin:0;
overflow:hidden;
padding:18px 30px;
position:relative;
width:100%;
z-index:1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.toggle-item h2 i{
display:inline-block;
float:none;
font-size:22px;
margin-right:14px;
vertical-align:middle;
}
.content{
float:left;
padding:30px 30px 30px;
width:100%;
}
.content p{margin:0}
.toggle.dark .toggle-item h2{
background:#2e2e2e;
color:#FFF;
}
.toggle.colorful .toggle-item h2{color:#FFF}
/*=============== Octa Skills ===================*/
.octa-skills{
float:left;
width:100%;
margin:0 0 -50px;
}
.skillbar{
margin:0 0 50px;
float:left;
width:100%;
}
.skillbar > span{
font-size:15px;
color:#121010;
line-height:1;
display:table;
margin:0 0 10px;
}
.skillbar > .progress{
border-radius:0;
height:5px;
background:#ebebeb;
overflow:visible;
}
.skillbar > .progress .progress-bar{
height:100%;
position:relative;
}
.skillbar > .progress .progress-bar span{
position:absolute;
right:0;
bottom:100%;
background:black;
padding:2px 5px;
font-size:12px;
}
.skillbar > .progress.dark .progress-bar span,
.skillbar > .progress.dark .progress-bar{background:#141414}
.skillbar > .progress.light .progress-bar span,
.skillbar > .progress.light .progress-bar{opacity:0.8}
/*=============== Octa Team ===================*/
.octa-title{
float:left;
width:100%;
margin:0 0 80px;
text-align:center;
}
.octa-title h2{
font-size:58px;
margin:0;
text-transform:uppercase;
color:#2e2e2e;
line-height:1.2;
font-weight:700;
letter-spacing:4px;
}
.octa-title span{
font-size:14px;
color:#2e2e2e;
letter-spacing:7px;
text-transform:uppercase;
}
.octa-team{
float:left;
width:100%;
margin:0 0 -50px;
}
.member{
float:left;
width:100%;
margin:0 0 50px;
position:relative;
}
.member img{width:100%}
.member-name{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
padding:60px 20px 30px;
background:linear-gradient(transparent, rgba(0,0,0,0.1), rgba(0,0,0,0.4), rgba(0,0,0,0.7));
}
.member-name h4{
font-size:20px;
color:#FFF;
line-height:1.2;
margin:0 0 10px;
display:inline-block;
}
.member-name span{
display:block;
position:relative;
}
.member-name span i,
.member-name a{
font-size:13px;
color:#FFF;
font-style:normal;
}
.member:hover .member-name span i{
opacity:0;
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px);
}
.member-name a{
position:absolute;
left:0;
top:0;
width:100%;
opacity:0;
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px);
}
.member-name a:hover{color:#FFF}
.member:hover .member-name a{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
/*=============== Video Project ===================*/
.video-project{
width:100%;
display:table;
}
.project-name{
display:table-cell;
background:#3f3c37;
width:50%;
vertical-align:middle;
padding-right:90px;
overflow:hidden;
}
.project-name h2{
font-size:52px;
color:#FFF;
line-height:1.5;
padding-bottom:40px;
margin-bottom:40px;
position:relative;
}
.project-name h2:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:calc(100% + 1000px);
height:1px;
background:#FFF;
}
.project-video{
display:table-cell;
vertical-align:middle;
position:relative;
z-index:1;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
}
.project-video > img{
width:100%;
opacity:0.1;
}
.project-video a{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.project-video a img{
animation-name:floating;
animation-duration:3s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
}
@keyframes floating{
from{ transform:translate(0, 0px)}
65%{ transform:translate(0, 15px)}
to { transform:translate(0, -0px)}
}
.octa-btn{
display:inline-block;
border:2px solid #FFF;
color:#FFF;
border-radius:40px;
padding:12px 35px;
font-size:15px;
color:#FFF;
position:relative;
z-index:1;
overflow:hidden;
}
.octa-btn:hover{color:#FFF}
.octa-btn:before{
content:"";
position:absolute;
left:0;
top:0;
width:0;
z-index:-1;
height:100%;
-webkit-transition:all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition:all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition:all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition:all 500ms cubic-bezier(0.770, 0.000, 0.175, 1.000);/* easeInOutQuart */
-webkit-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);
-moz-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);
-o-transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);
transition-timing-function:cubic-bezier(0.770, 0.000, 0.175, 1.000);/* easeInOutQuart */
}
.octa-btn:hover:before{width:100%}
.octa-btn.color:hover{color:#FFF}
.octa-btn.fill{color:#FFF}
.octa-btn.fill:before{background:#333}
.octa-btn.fill:hover{border-color:#333}
.octa-btn.white-fill:before{background:#FFF}
.octa-btn.white-fill:hover{color:#333}
.octa-btn.dark{
background:#2e2e2e;
border-color:#2e2e2e;
color:#FFF;
}
.octa-btn.dark:hover{color:#FFF}
.octa-btn ~ .octa-btn{margin-left:20px}
button.octa-btn{background:none}
/*=============== Octa Testimonials ===================*/
.octa-testimonials{
float:left;
width:100%;
text-align:center;
}
.review{
float:left;
width:100%;
padding:0 20px;
}
.review img, .slick-slide.review img{
float:none;
margin:0 0 25px;
display:unset;
border:6px solid #FFF;
margin-top:10px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);
-ms-box-shadow:0 0 15px rgba(0,0,0,0.2);
-o-box-shadow:0 0 15px rgba(0,0,0,0.2);
box-shadow:0 0 15px rgba(0,0,0,0.2);
}
.review h5{
font-size:22px;
color:#2f2f2f;
line-height:1.2;
margin:0 0 5px;
}
.review span{
font-size:14px;
line-height:1;
display:inline-block;
margin:0 0 22px;
}
.review p{margin:0}
.slick-dots{
float:left;
width:100%;
margin:15px 0 0;
text-align:center;
}
.slick-dots li{
display:inline-block;
padding:0;
margin:0 3px;
}
.slick-dots li:before{display:none}
.slick-dots li button{
padding:0;
color:transparent;
width:5px;
height:5px;
background:#b2b2b2;
}
/*=============== Octa Blog ===================*/
.octa-blog{
float:left;
width:100%;
margin:0 0 -30px;
}
.octa-post{
float:left;
width:100%;
background:#FFF;
margin:0 0 30px;
-webkit-box-shadow:0 0 35px rgba(0,0,0,0.17);
-moz-box-shadow:0 0 35px rgba(0,0,0,0.17);
-ms-box-shadow:0 0 35px rgba(0,0,0,0.17);
-o-box-shadow:0 0 35px rgba(0,0,0,0.17);
box-shadow:0 0 35px rgba(0,0,0,0.17);
}
.post-img{
float:left;
width:100%;
position:relative;
}
.post-img img{width:100%}
.post-name{
float:left;
width:100%;
padding:30px 50px;
position:relative;
}
.date{
position:absolute;
right:40px;
top:-100px;
width:80px;
background:#2e2e2e;
padding:20px 10px;
text-align:center;
font-size:15px;
color:#FFF;
font-weight:600;
}
.date i{
display:block;
font-size:45px;
font-style:normal;
line-height:1.3;
}
.cat{
font-size:16px;
margin:0 0 12px;
line-height:1.2;
font-weight:600;
}
.post-name h3{
font-size:24px;
color:#2e2e2e;
line-height:1.4;
margin:0;
}
.octa-post.style2 .date{
left:0;
top:0;
background:#f4f4f4;
color:#2e2e2e;
width:140px;
height:100%;
padding:15px 20px;
}
.octa-post.style2 .post-name{padding-left:170px}
.octa-post.style2 .post-name h3{font-size:18px}
/*=============== Octa Contact Opts ===================*/
.octa-contacts-opts{
float:left;
width:100%;
margin:0 0 -30px;
}
.contact-opts{
display:table;
padding-right:50px;
margin:0 0 30px;
}
.contact-opts i{
display:table-cell;
vertical-align:middle;
font-size:103px;
color:#d1d1d1;
line-height:1;
}
.opt-detail{
display:table-cell;
vertical-align:middle;
padding-left:30px;
}
.opt-detail strong{
font-size:16px;
color:#2e2e2e;
text-transform:uppercase;
font-weight:700;
margin:0 0 5px;
display:table;
line-height:1.3;
}
.opt-detail span{
font-size:14px;
color:#4e4e4e;
}
/*=============== Bottom Bar ===================*/
.bottombar{
float:left;
width:100%;
background:#2e2e2e;
padding:30px 0;
}
.bottombar p{
float:left;
color:#FFF;
margin:0;
color:#616161;
}
.bottombar p a{color:#FFF}
.socials{float:right}
.socials a{
float:left;
color:#616161;
font-size:15px;
margin-left:30px;
}
.socials a:hover{color:#FFF}
.bottombar.style2{
padding:160px 0 90px;
background:url(../images/bottom-bg.jpg) repeat scroll bottom / 100% 100% transparent;
position:relative;
}
.bottombar.style2:before{
content:"";
background:linear-gradient(#FFF,rgba(255,255,255,0.5), transparent);
z-index:1;
position:absolute;
left:0;
top:0;
width:100%;
height:160px;
}
.bottombar .logo{font-size:30px}
.bottombar.style3{
background:#FFF;
text-align:center;
padding:90px 0;
}
.bottombar.style3 .socials{
float:left;
width:100%;
text-align:center;
}
.bottombar.style3 .socials a{
display:inline-block;
float:none;
margin:0 20px;
}
.bottombar.style3 .logo{
width:100%;
margin:0 0 30px;
}
.bottombar.style3 p{
float:left;
width:100%;
margin:0 0 30px;
}
/*=============== Featured Carousel Wrap ===================*/
.featured-carousel-wrap{
float:left;
width:100%;
padding-right:300px;
position:relative;
}
.octa-featured-carousel .portfolio-img{
padding:0 10px;
background-clip:content-box;
margin:0;
}
.vertical-heading{
color:#FFF;
position:absolute;
right:160px;
margin:0;
font-size:50px;
width:380px;
bottom:50%;
transform-origin:center right;
transform:rotate(-90deg) translateX(33%);
font-weight:600;
text-shadow:0 0 27px rgba(0,0,0,0.6);
}
.vertical-heading i{font-style:normal}
.gradient-img{
float:left;
width:100%;
position:relative;
margin:0 10px;
}
.gradient-img img{width:100%}
.gradient-img:hover img{opacity:0.1}
.img-name{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:right;
padding:35% 40px 30px;
z-index:1;
}
.img-name:before{
content:"";
background:linear-gradient(transparent, rgba(0,0,0,0.7));
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
z-index:-1;
}
.img-name h4{
font-size:20px;
color:#FFF;
line-height:1.2;
margin:0 0 5px;
}
.img-name span{
font-size:15px;
color:#fff;
-webkit-transition-delay:0.2s;
-moz-transition-delay:0.2s;
-ms-transition-delay:0.2s;
-o-transition-delay:0.2s;
transition-delay:0.2s;
}
.img-name h4 a:hover{color:#FFF}
.img-name span a:hover{color:#dfdfdf}
/*=============== Creative Services ===================*/
.creative-services{
float:left;
width:100%;
margin:-55px 0 -30px;
}
.cre-service{
float:left;
width:100%;
margin:0 0 30px;
background:#FFF;
padding:30px 26px 30px 30px;
position:relative;
overflow:hidden;
z-index:1;
-webkit-box-shadow:0 0 16px rgba(0,0,0,0.1);
-moz-box-shadow:0 0 16px rgba(0,0,0,0.1);
-ms-box-shadow:0 0 16px rgba(0,0,0,0.1);
-o-box-shadow:0 0 16px rgba(0,0,0,0.1);
box-shadow:0 0 16px rgba(0,0,0,0.1);
}
.cre-inner{
overflow:hidden;
padding-left:20px;
}
.cre-inner h3{
font-size:18px;
line-height:1.2;
margin:0 0 12px;
}
.cre-service > i{
float:left;
font-size:70px;
line-height:1;
color:#292827;
}
.cre-inner i{
font-size:12px;
line-height:1;
display:inline-block;
font-style:normal;
margin:0 0 15px;
display:table;
}
.cre-inner p{margin:0}
.cre-service > i.bg-icon{
position:absolute;
left:-40px;
bottom:-50px;
font-size:210px;
line-height:1;
z-index:-1;
color:#f8f8f8;
}
/*=============== Mockup ===================*/
.mockup{
float:left;
width:100%;
text-align:center;
}
.mockup img{
float:none;
display:inline-block;
}
.mockup.style2{margin:-300px 0}
/*=============== Octa Text ===================*/
.octa-text{
float:left;
width:100%;
}
.octa-text h3{
font-size:25px;
line-height:1.5;
}
.readmore i{
font-size:18px;
display:inline-block;
vertical-align:middle;
margin-left:10px;
}
/*=============== Octa Features ===================*/
.octa-features-carousel{
float:left;
width:100%;
background:#1c1c1c;
}
.octa-feature{
display:table;
width:100%;
}
.octa-feature .row{margin:0}
.octa-feature .row > div{padding:0}
.feature-text{
float:left;
width:100%;
text-align:center;
padding:0 15%;
}
.feature-img{
float:left;
width:100%;
}
.feature-img img{
max-width:none;
width:100%;
}
.feature-text h3{
color:#FFF;
font-size:36px;
line-height:1.4;
margin:0 0 20px;
}
.feature-text p{
font-size:16px;
color:#e3e3e3;
margin:0 0 40px;
}
.octa-btn.flat{
border-radius:0;
border:0;
background:#FFF;
color:#212121;
font-size:15px;
text-transform:uppercase;
color:#1c1c1c;
font-weight:700;
}
.octa-btn.flat:hover{color:#FFF}
.slick-prev, .slick-next{
background:rgba(0,0,0,0.3);
position:absolute;
display:block;
height:35px;
width:30px;
line-height:0px;
font-size:0px;
cursor:pointer;
color:transparent;
top:50%;
padding:0;
border:none;
outline:none;
z-index:9999;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
transform:translate(0, -50%);
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all 0.3s ease-in-out;
border-radius:0 3px 3px 0;
}
.slick-prev:before{content:'\f104'}
.slick-next:before{content:'\f105'}
.slick-prev:before, .slick-next:before{
font-family:'FontAwesome';
font-size:1.7rem;
line-height:1;
color:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity:.5;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all 0.3s ease-in-out;
display:inline-block;
}
.slick-next{
left:auto;
right:0;
border-radius:3px 0 0 3px;
}
.octa-features-carousel .slick-prev,
.octa-features-carousel .slick-next{
opacity:0.96;
width:50px;
height:50px;
border-radius:0;
left:50%;
top:auto;
bottom:0;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
}
.octa-features-carousel .slick-next{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
}
/*=============== Creative Portfolio ===================*/
.creative-portfolio{
float:left;
width:100%;
margin:0 0 -30px;
}
.creative-img{
float:left;
width:100%;
margin:0 0 30px;
position:relative;
background:black;
overflow:hidden;
}
.creative-img img{width:100%}
.creative-img:hover img{opacity:0.1}
.creative-img h3{
position:absolute;
left:0;
top:50%;
text-align:center;
width:0;
margin:0;
background:linear-gradient(to right, transparent, rgba(255,255,255,0.95), transparent);
font-size:20px;
padding:15px 0;
white-space:nowrap;
overflow:hidden;
opacity:0;
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.09);
-moz-box-shadow:0 0 4px rgba(0,0,0,0.09);
-ms-box-shadow:0 0 4px rgba(0,0,0,0.09);
-o-box-shadow:0 0 4px rgba(0,0,0,0.09);
box-shadow:0 0 4px rgba(0,0,0,0.09);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
}
.creative-img:hover h3{
opacity:1;
padding:15px;
width:100%;
}
.options{
margin:0 0 60px;
text-align:center;
}
.options ul{
margin:0;
display:inline-block;
}
.options ul li{
margin:0;
padding:0;
display:inline-block;
font-size:18px;
color:#555555;
padding:0;
margin:0 10px;
}
.options ul li:before{display:none}
.options ul li a{padding:4px 10px}
.options ul li a:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border:1px dashed;
-webkit-transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
transform:scale(0);
}
.options ul li a.selected:before{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
.gap{
float:left;
width:100%;
height:300px;
}
.gap2{
float:left;
width:100%;
height:100px;
}
/*=============== Big Text ===================*/
.big-text{
font-size:57px;
font-weight:400;
color:#2e2e2e;
margin:0;
}
.big-text span{
font-weight:600;
}
/*=============== Octa Address ===================*/
.octa-address{
float:left;
width:100%;
}
.octa-address span{
font-size:18px;
display:table;
color:;
color:#2e2e2e;
margin:0 0 10px;
}
.octa-address strong{
font-size:38px;
color:#1c1c1c;
font-weight:500;
}
.octa-address i{
font-style:normal;
font-size:28px;
color:#2e2e2e;
}
/*=============== Creative Featured ===================*/
.creative-featured{
float:left;
width:100%;
text-align:center;
}
.creative-featured span{
display:inline-block;
background:#000;
color:#FFF;
padding:5px 15px;
margin:0 0 25px;
}
.creative-featured h2{
font-size:70px;
color:#FFF;
line-height:1;
}
.creative-featured i{
font-style:normal;
font-size:35px;
color:#a2a2a2;
}
/*=============== Traditional Service ===================*/
.simple-title{
float:left;
margin:0 0 60px;
text-align:center;
width:100%;
}
#nasze-produkty .simple-title{
margin:0;
}
.simple-title > i{
float:left;
font-size:18px;
line-height:1.2;
margin:0 0 5px;
text-transform:uppercase;
width:100%;
font-style:normal;
color:#a0a0a0;
}
.simple-title > h2{
float:left;
font-size:32px;
font-weight:700;
margin:0;
width:100%;
}
.simple-title > h2 i{
font-weight:300;
font-style:normal;
}
.traditional-services{
float:left;
width:100%;
margin:0 0 -40px;
}
.traditional-service{
float:left;
width:100%;
text-align:center;
margin:0 0 40px;
}
#o-nas .traditional-service{
text-align:left;
}
.service-img{
float:left;
width:100%;
margin:0 0 -19px;
}
.service-img img{
width:100%;
}
.traditional-service h3{
display:inline-block;
background:#FFF;
font-size:18px;
margin-bottom:0;
padding:8px 20px;
border-radius:3px;
line-height:1;
margin:0 0 20px;
}
.traditional-service p{color:#666666}
/*=============== Octa Welcome ===================*/
.octa-welcome{
float:left;
padding:0 50px;
text-align:center;
width:100%;
}
.octa-welcome > p{
font-size:18px;
margin:0 0 50px;
color:#666666;
}
.octa-welcome .btn{
display:inline-block;
float:none;
}
.octa-welcome .mockup{margin:0 0 50px}
/*=============== Call To Action ===================*/
.call-action{
float:left;
width:100%;
}
.action-text{
float:left;
max-width:50%;
}
.call-action .octa-btn{
float:right;
margin-top:6px;
}
.action-text i{
float:left;
width:100%;
color:#f8f8f8;
font-size:15px;
font-style:normal;
font-weight:500;
}
.action-text h4{
float:left;
width:100%;
font-size:23px;
font-weight:300;
margin:0 0 10px;
line-height:1.4;
color:#FFF;
}
.action-text h4 strong{font-weight:700}
/*=============== Modern Portfolio ===================*/
.modern-portfolio{
float:left;
width:100%;
margin:0 0 -30px;
}
.modern-img{
float:left;
width:100%;
margin:0 0 30px;
}
.modern-portfolio .modern-img {
margin: 0;
}
.modern-img img{width:100%}
.modern-img:hover img{opacity:0}
.modern-hover{
position:absolute;
left:0;
top:50%;
width:100%;
text-align:center;
padding:20px;
opacity:0;
-webkit-transform:translateY(0) scale(0);
-moz-transform:translateY(0) scale(0);
-ms-transform:translateY(0) scale(0);
-o-transform:translateY(0) scale(0);
transform:translateY(0) scale(0);
-webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
}
.modern-hover h3{
font-size:22px;
line-height:1.2;
margin:0 0 10px;
}
.modern-hover i{
font-size:14px;
color:#2e2e2e;
font-style:normal;
opacity:0.7;
}
.modern-img:hover .modern-hover{
opacity:1;
-webkit-transform:translateY(-50%) scale(1);
-moz-transform:translateY(-50%) scale(1);
-ms-transform:translateY(-50%) scale(1);
-o-transform:translateY(-50%) scale(1);
transform:translateY(-50%) scale(1);
}
/*=============== Octa Pricetable ===================*/
.octa-pricetable{
float:left;
width:100%;
display:table;
}
.table-container{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.pricetable{
float:left;
width:100%;
background:#FFF;
border-radius:5px;
padding:80px 0px 60px;
position:relative;
z-index:1;
width:calc(100% + 30px);
overflow:hidden;
-webkit-box-shadow:0 0 13px rgba(0,0,0,0.13);
-moz-box-shadow:0 0 13px rgba(0,0,0,0.13);
-ms-box-shadow:0 0 13px rgba(0,0,0,0.13);
-o-box-shadow:0 0 13px rgba(0,0,0,0.13);
box-shadow:0 0 13px rgba(0,0,0,0.13);
margin:0;
-webkit-transform:translateX(-15px);
-moz-transform:translateX(-15px);
-ms-transform:translateX(-15px);
-o-transform:translateX(-15px);
transform:translateX(-15px);
}
.pricetable h3{
font-size:27px;
color:#303035;
font-weight:400;
line-height:1.2;
margin:0 0 20px;
}
.price{
float:left;
width:100%;
margin:0 0 30px;
font-size:48px;
line-height:1;
font-weight:700;
}
.price i{
font-style:normal;
font-size:27px;
font-weight:400;
margin:0px 3px;
}
.pricetable ul{
float:left;
width:100%;
padding-top:50px;
border-top:1px solid #e7e7e7;
}
.pricetable ul li{
margin:0;
padding:0;
font-size:13px;
line-height:2;
margin:0 0 15px;
}
.pricetable ul li:before{display:none}
.pricetable.blur ul{padding-top:42px}
.pricetable.blur{
padding:40px 0;
margin:0;
z-index:0;
width:auto;
opacity:0.5;
transform:translateX(-15px);
width:calc(100% + 30px);
}
.pricetable.blur a.octa-btn{
padding:8px 10px;
min-width:140px;
font-size:14px;
}
.featured{
position:absolute;
right:-40px;
top:30px;
background:black;
background-color:black;
color:#FFF;
transform:rotate(45deg);
padding:2px 50px;
font-family:dosis;
font-size:15px;
font-weight:600;
}
/*=============== Simple Parallax ===================*/
.simple-parallax{
float:left;
text-align:center;
width:100%;
}
.simple-parallax > h4{
color:#fff;
font-size:42px;
font-weight:700;
}
.simple-parallax > p{
color:#ececec;
font-size:27px;
line-height:1.3;
}
.simple-parallax .octa-btn{
display:inline-block;
float:none;
margin-top:20px;
}
/*=============== Footer ===================*/
footer{
background:#2e2e2e;
float:left;
width:100%;
}
footer .block{padding:150px 0 80px}
.widget{
float:left;
width:100%;
}
.about-widget{
float:left;
width:100%;
}
.about-widget .logo{
text-transform:uppercase;
color:#FFF;
font-weight:700;
margin:0 0 20px;
display:table;
float:none;
}
.about-widget p{color:#848484}
.newsletter-form{
float:left;
width:80%;
background:#222222;
border-radius:50px;
height:55px;
position:relative;
}
.newsletter-form input{
float:left;
width:100%;
height:100%;
background:no-repeat;
font-size:13px;
color:#f4f4f4;
text-transform:uppercase;
padding:0 40px;
opacity:0.4;
font-weight:700;
margin:0;
}
.newsletter-form button{
position:absolute;
right:0;
background:no-repeat;
height:100%;
}
.widget-title{
font-size:20px;
color:#FFF;
text-transform:uppercase;
margin:0 0 30px;
}
.widget ul{margin:0}
.widget ul li{
padding:0;
color:#848484;
font-weight:600;
margin:0 0 10px;
}
.widget ul li:before{display:none}
.octa-gallery{
float:left;
width:100%;
}
.octa-gallery .row{margin:0}
.octa-gallery .row > div{padding:0}
.octa-gallery .row > div a{
float:left;
width:100%;
}
.octa-gallery .row > div a img{
width:100%;
}
/*=============== Innovative Image ===================*/
.innovative-img{
float:left;
width:100%;
margin:30px 0 -80px;
position:relative;
z-index:1;
}
.innovative-img img{
float:right;
border:10px solid #FFF;
-webkit-box-shadow:0 0 25px rgba(0,0,0,0.26);
-moz-box-shadow:0 0 25px rgba(0,0,0,0.26);
-ms-box-shadow:0 0 25px rgba(0,0,0,0.26);
-o-box-shadow:0 0 25px rgba(0,0,0,0.26);
box-shadow:0 0 25px rgba(0,0,0,0.26);
}
.innovative-img img.short-img{
float:left;
margin-right:-140px;
position:relative;
margin-top:80px;
}
.innovative-featured h3{
font-size:60px;
font-weight:700;
line-height:1.2;
margin:0 0 20px;
}
.innovative-featured h3 i{font-style:normal}
.innovative-featured p{
font-size:20px;
color:;
color:#3b3b3b;
margin:0 0 50px;
}
/*=============== Classic Services ===================*/
.classic-services-wrapp{
display:table;
width:100%;
}
.classic-services-wrapp img{
display:table-cell;
max-width:none;
border:10px solid #FFF;
margin-left:-10px;
vertical-align:middle;
-webkit-box-shadow:0 0 25px rgba(0,0,0,0.26);
-moz-box-shadow:0 0 25px rgba(0,0,0,0.26);
-ms-box-shadow:0 0 25px rgba(0,0,0,0.26);
-o-box-shadow:0 0 25px rgba(0,0,0,0.26);
box-shadow:0 0 25px rgba(0,0,0,0.26);
}
.classic-services{
display:table-cell;
vertical-align:middle;
width:100%;
padding:0 70px;
}
.clsc-service{
float:left;
width:100%;
margin:0 0 50px;
}
.clsc-service:last-child{margin:0}
.clsc-service h3{
font-size:22px;
line-height:1.2;
margin:0 0 5px;
}
.clsc-service p{
font-size:16px;
color:#2b2b2b;
}
/*=============== Octa Process ===================*/
.block-title{
float:left;
width:100%;
padding:50px 20px 90px 0px;
border:1px solid #000;
}
.block-title h2{
margin:0 0 0 -4px;
font-size:30px;
font-weight:800;
background:#FFF;
padding:20px 0;
}
.process{
float:left;
width:100%;
background:#2b2b2b;
position:relative;
padding:40px 30px 60px;
margin:0 0 30px;
}
.process span{
position:absolute;
font-size:36px;
color:#FFF;
line-height:1;
opacity:0.3;
left:30px;
top:40px;
}
.process-inner{
float:left;
width:100%;
-webkit-transform:translateY(100%);
-moz-transform:translateY(100%);
-ms-transform:translateY(100%);
-o-transform:translateY(100%);
transform:translateY(100%);
}
.process-inner h3{
font-size:20px;
color:#FFF;
line-height:1.2;
font-weight:500;
}
.process-inner p{
color:#FFF;
margin:0;
opacity:0;
}
.process:hover .process-inner{
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
.process:hover .process-inner p{
opacity:1
}
.process:hover span{
font-size:90px;
left:130px;
top:25px;
font-weight:600;
opacity:0.2;
}
.process:hover{padding:50px 30px 50px}
.process,.process *{
-webkit-transition:all 700ms cubic-bezier(0.680, 0, 0.265, 1);/* older webkit */
-webkit-transition:all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
-moz-transition:all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition:all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition:all 700ms cubic-bezier(0.680, -0.550, 0.265, 1.550);/* easeInOutBack */
-webkit-transition-timing-function:cubic-bezier(0.680, 0, 0.265, 1);/* older webkit */
-webkit-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
-moz-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
-o-transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);
transition-timing-function:cubic-bezier(0.680, -0.550, 0.265, 1.550);/* easeInOutBack */
}
.octa-processnig:before,
.octa-processnig:after{
content:"";
width:400px;
height:400px;
border:50px solid #000;
opacity:0.05;
position:absolute;
left:-300px;
top:200px;
}
.octa-processnig:after{
width:270px;
height:270px;
border-width:40px;
left:-80px;
top:360px;
}
/*=============== Classic Portfolio ===================*/
.classic-portfolio{
float:left;
width:100%;
}
.classic-img{
float:left;
width:100%;
margin:0 0 30px;
}
.classic-img .follow{
display:none;
}
.classic-img:hover .follow{
display:block;
position:fixed;
z-index:2;
}
.classic-img img{width:100%}
.classic-img:hover img{opacity:0.1}
.follow h2{
display:table;
margin:0 0 1px;
background:#212121;
color:#FFF;
font-size:20px;
padding:8px 15px;
}
.follow span{
background:#FFF;
color:#333;
display:table;
padding:5px 20px;
font-size:13px;
}
/*=============== Octa Video ===================*/
.octa-video{
float:left;
width:100%;
position:relative;
}
.octa-video > img{
width:100%;
}
.octa-video:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#3a3939;
opacity:0.65;
}
.video-inner{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
padding:20px 120px;
text-align:center;
}
.video-inner .row{height:100%}
.video-inner img{
float:none;
display:inline-block;
}
.video-text{
text-align:left;
float:left;
width:;
width:100%;
padding-left:100px;
}
.video-text h3{
font-size:52px;
color:#FFF;
padding-bottom:40px;
margin:0 0 40px;
position:relative;
}
.video-text h3:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:calc(100% + 200px);
height:1px;
background:#FFF;
}
/*=============== Fancy Team ===================*/
.fancy-team{
float:left;
width:100%;
margin:0 0 -30px;
}
.fancy-member{
float:left;
width:100%;
text-align:center;
margin:0 0 30px;
}
.member-img{
position:relative;
margin:0 0 15px;
overflow:hidden;
}
.fancy-member h3{
font-size:18px;
color:#2e2e2e;
line-height:1.2;
margin:0 0 7px;
}
.member-img img{width:100%}
.fancy-member span{
font-size:13px;
color:#2e2e2e;
display:inherit;
}
.member-img:before{
content:"";
position:absolute;
left:-10%;
top:-30%;
width:100%;
height:160%;
background:black;
opacity:0;
-webkit-transform:rotate(80deg);
-moz-transform:rotate(80deg);
-ms-transform:rotate(80deg);
-o-transform:rotate(80deg);
transform:rotate(80deg);
}
.fancy-member:hover .member-img:before{
opacity:1;
-webkit-transform:rotate(70deg);
-moz-transform:rotate(70deg);
-ms-transform:rotate(70deg);
-o-transform:rotate(70deg);
transform:rotate(70deg);
}
.member-hover{
position:absolute;
left:0;
top:50%;
padding:0 20px;
opacity:0;
-webkit-transform:translateY(-20%);
-moz-transform:translateY(-20%);
-ms-transform:translateY(-20%);
-o-transform:translateY(-20%);
transform:translateY(-20%);
}
.fancy-member:hover .member-hover{
opacity:1;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
}
.member-hover p{color:#FFF}
.member-hover .socials{
width:100%;
padding-top:20px;
border-top:1px solid rgba(255,255,255,0.2);
text-align:center;
}
.member-hover .socials a{
color:#FFF;
float:none;
display:inline-block;
margin:0 5px;
padding:0 7px;
}
/*=============== Simple Feature ===================*/
.simple-feature{
float:left;
width:100%;
}
.simple-feature i{
float:left;
font-size:55px;
color:#FFF;
}
.feature-name{
overflow:hidden;
padding-left:25px;
margin-top:12px;
}
.feature-name h5{
font-size:18px;
color:#FFF;
line-height:1.2;
margin:0 0 7px;
}
/*=============== Simple Post ===================*/
.simple-post{
float:left;
width:100%;
margin:0 0 30px;
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.05);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.05);
-ms-box-shadow:0 0 15px rgba(0,0,0,0.05);
-o-box-shadow:0 0 15px rgba(0,0,0,0.05);
box-shadow:0 0 15px rgba(0,0,0,0.05);
}
.simple-post-img{
float:left;
width:100%;
}
.simple-post-img img{width:100%}
.simple-post-detail{
float:left;
width:100%;
padding:30px;
position:relative;
}
.cat-box{
position:absolute;
left:30px;
top:-15px;
background:#2e2e2e;
padding:5px 20px;
border-radius:30px;
border:2px solid #FFF;
line-height:1.2;
}
.cat-box a{
font-size:14px;
color:#FFF;
float:left;
}
.cat-box a:hover{color:#FFF}
.simple-post-detail h3{
font-size:20px;
color:#2e2e2e;
}
.meta li{
float:left;
padding:0;
font-size:13px;
color:#818181;
margin:0;
margin-right:10px;
font-weight:600;
}
.meta li:before{display:none}
.meta{
float:left;
width:100%;
padding-bottom:20px;
border-bottom:1px solid #eaeaea;
margin:0 0 20px;
}
.big-desc{
font-size:30px;
color:#FFF;
margin:0;
line-height:1.7;
}
/*=============== Logos Carousel ===================*/
.logos-carousel-wrap{
float:left;
width:100%;
padding:50px 65px;
border:10px solid #FFF;
background:url(../images/pattern.jpg) repeat scroll center / cover transparent;
margin:-190px 0;
position:relative;
z-index:1;
-webkit-box-shadow:0 0 51px rgba(0,0,0,0.16);
-moz-box-shadow:0 0 51px rgba(0,0,0,0.16);
-ms-box-shadow:0 0 51px rgba(0,0,0,0.16);
-o-box-shadow:0 0 51px rgba(0,0,0,0.16);
box-shadow:0 0 51px rgba(0,0,0,0.16);
}
.logos-carousel-wrap:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:black;
opacity:0.9;
z-index:-1;
}
.logos-carousel{
float:left;
width:100%;
border:1px solid #FFF;
margin:0 0 30px;
}
.logos-carousel a{
float:left;
width:100%;
text-align:center;
padding:30px;
border-bottom:1px solid #FFF!important;
}
.logos-carousel .slick-slide img{
float:none;
display:inline-block;
}
.logos-carousel{text-align:center}
.logos-carousel .slick-dots{
margin:0;
position:absolute;
left:0;
bottom:-40px;
}
.logos-carousel .slick-dots .slick-active button{background:#FFF}
/*=============== Octa Full Page Title ===================*/
.octa-fullpage-title{
float:left;
padding:40px;
position:relative;
z-index:1;
opacity:0;
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
-o-transform:translateY(100px);
transform:translateY(100px);
-webkit-transition:all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition:all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition:all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition:all 800ms cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-delay:0.4s;
-moz-transition-delay:0.4s;
-ms-transition-delay:0.4s;
-o-transition-delay:0.4s;
transition-delay:0.4s;
}
.active .octa-fullpage-title{
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
}
.octa-fullpage-title:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:130px;
height:0;
background:#FFF;
z-index:-1;
opacity:0.2;
-webkit-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition:all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-moz-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
-o-transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);
transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1.000);/* easeInOutCubic */
-webkit-transition-delay:0.5s;
-moz-transition-delay:0.5s;
-ms-transition-delay:0.5s;
-o-transition-delay:0.5s;
transition-delay:0.5s;
}
.active .octa-fullpage-title:before{height:100%}
.octa-fullpage-title i{
font-size:16px;
color:#FFF;
font-style:normal;
margin:0 0 15px;
display:table;
}
.octa-fullpage-title h3{
font-size:50px;
color:#FFF;
font-weight:800;
line-height:1.1;
margin:0 0 30px;
}
.octa-fullpage-title.style2{
float:right;
text-align:right;
}
.octa-fullpage-title.style2 i{
float:right;
width:100%;
}
.octa-fullpage-title.style2:before{
left:auto;
right:0;
}
/*=============== Big Intro ===================*/
.big-intro{
width:65%;
margin:0 auto;
text-align:center;
color:#FFF;
font-size:70px;
font-weight:800;
line-height:1.8;
}
.big-intro span{
text-decoration:underline;
font-weight:900;
}
/*=============== Awesome Portfolio ===================*/
.awesome-portfolio{
float:left;
width:100%;
margin:0 0 -30px;
}
.awesome-img{
float:left;
width:100%;
margin:0 0 30px;
position:relative;
overflow:hidden;
}
.awesome-img img{
width:100%;
transition:all 0.3s linear;
}
.awesome-img:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:radial-gradient(rgba(255,255,255,0.8),transparent);
opacity:0;
}
.awesome-img:hover:before{opacity:0.2}
.awesome-img:hover img{
opacity:0;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
}
.gradient-hover{
position:absolute;
left:0;
top:40%;
width:100%;
text-align:center;
padding:20px;
opacity:0;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all 0.4s ease 0s;
-moz-transition:all 0.4s ease 0s;
-ms-transition:all 0.4s ease 0s;
-o-transition:all 0.4s ease 0s;
transition:all 0.4s ease 0s;
}
.gradient-hover h4{
font-size:30px;
color:#FFF;
line-height:1.2;
margin:0 0 10px;
font-weight:700;
}
.gradient-hover h4 a:hover{color:#FFF}
.gradient-hover span{
float:left;
width:100%;
}
.gradient-hover span a{
font-size:14px;
color:#FFF;
}
.awesome-img:hover .gradient-hover{
opacity:1;
top:50%;
-webkit-transition:all 0.4s ease 0.3s;
-moz-transition:all 0.4s ease 0.3s;
-ms-transition:all 0.4s ease 0.3s;
-o-transition:all 0.4s ease 0.3s;
transition:all 0.4s ease 0.3s;
}
/*=============== Modern Services ===================*/
.modern-services{
float:left;
width:100%;
margin:0 0 -30px;
}
.mod-service{
float:left;
width:100%;
margin:0 0 30px;
position:relative;
}
.mod-service h3{
font-size:22px;
line-height:1.2;
margin:0 0 15px;
}
.mod-service i{
font-size:140px;
position:absolute;
right:0;
top:-60px;
opacity:0.1;
}
.mod-service:hover i{
animation-name:floating;
animation-duration:1s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
}
/*=============== Split Project ===================*/
.split-project{
display:table;
width:100%;
height:100%;
}
.split-img{
display:table-cell;
width:50%;
background-size:cover;
}
.split-text{
display:table-cell;
vertical-align:middle;
background:#FFF;
width:50%;
padding:0 7%;
text-align:center;
}
.split-text h3{
font-size:60px;
font-weight:800;
line-height:1.2;
margin:0 0 25px;
}
.split-text p{
font-size:16px;
margin:0 0 40px;
}
.split-quote{text-align:left}
.split-quote p{
font-size:45px;
line-height:1.6;
font-weight:600;
padding-bottom:40px;
position:relative;
}
.split-quote p i{font-style:normal}
.split-quote p:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100px;
height:1px;
background:#000;
}
.split-quote span{
font-size:18px;
color:#555;
text-transform:uppercase;
font-weight:600;
}
.color-bg .split-text{background:no-repeat}
.color-bg .split-text h3,
.color-bg .split-text h3 span,
.color-bg .split-text p{color:#FFF}
.split-text h4{
text-align:left;
font-size:60px;
font-weight:800;
padding-bottom:40px;
margin:0 0 40px;
position:relative;
}
.split-text h4:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:100px;
height:1px;
background:#000;
}
.split-text h4 i{font-style:normal}
.split-text .octa-address{text-align:left}
/*=============== Huge Text ===================*/
.huge-text{
float:left;
width:100%;
text-align:center;
position:relative;
margin:80px 0;
}
.huge-text h1{
font-size:85px;
color:#2e2e2e;
font-weight:800;
line-height:1.2;
}
.huge-text h1 span{
border-bottom:3px solid #333;
color:blue;
}
.huge-text i{
font-size:460px;
width:100%;
text-align:center;
position:absolute;
left:0;
top:0;
line-height:0.5;
font-style:normal;
font-weight:900;
color:#ebebeb;
opacity:0.3;
z-index:-1;
}
.cd-words-wrapper{
position:relative;
text-align:left;
vertical-align:bottom;
}
.cd-words-wrapper b{
display:inline-block;
position:absolute;
white-space:nowrap;
left:0;
top:0;
}
.cd-words-wrapper b.is-visible{position:relative}
.no-js .cd-words-wrapper b{opacity:0}
.no-js .cd-words-wrapper b.is-visible{opacity:1}
.cd-words-wrapper b.is-hidden{opacity:0}
.decent-portfolio{
float:left;
width:100%;
margin:0 0 -30px;
}
.decent-img{
float:left;
width:100%;
margin:0 0 30px;
position:relative;
}
.decent-img img{width:100%}
.decent-hover{
position:absolute;
left:0;
bottom:40px;
width:100%;
background:#FFF;
padding:25px 30px;
opacity:0;
overflow:hidden;
-webkit-box-shadow:0 0 21px rgba(0,0,0,0.18);
-moz-box-shadow:0 0 21px rgba(0,0,0,0.18);
-ms-box-shadow:0 0 21px rgba(0,0,0,0.18);
-o-box-shadow:0 0 21px rgba(0,0,0,0.18);
box-shadow:0 0 21px rgba(0,0,0,0.18);
}
.decent-img:hover .decent-hover{
opacity:1;
-webkit-transform:translateX(-40px);
-moz-transform:translateX(-40px);
-ms-transform:translateX(-40px);
-o-transform:translateX(-40px);
transform:translateX(-40px);
}
.decent-hover h3{
font-size:22px;
line-height:1.2;
margin:0 0 10px;
}
.decent-hover span{
font-size:13px;
color:#777777;
float:left;
width:100%;
}
.rounded-link{
position:absolute;
right:0;
bottom:0;
padding:15px;
width:60px;
height:60px;
}
.rounded-link i{
font-size:21px;
color:#FFF;
width:30px;
height:30px;
display:inline-block;
border:1px solid #FFF;
text-align:center;
border-radius:50%;
line-height:30px;
}
.rounded-link:before{
content:"";
position:absolute;
left:15%;
top:15%;
width:200%;
height:200%;
opacity:0;
z-index:-1;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
-moz-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
-ms-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
-o-box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
box-shadow:0 0 20px rgba(0,0,0,0.4) inset;
transition:all 0.3s ease 0.4s;
}
.decent-img:hover .rounded-link:before{
opacity:1;
left:-15%;
top:-15%;
}
/*=============== Contact Form ===================*/
.form-btn{
position:fixed;
right:50px;
bottom:50px;
width:62px;
height:62px;
z-index:2;
text-align:center;
font-size:30px;
z-index:1000;
line-height:66px;
color:#FFF;
box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.form-btn:hover{color:#FFF}
.contact-form{
position:fixed;
left:-300px;
top:0;
width:300px;
height:100%;
background:#303035;
z-index:10000;
padding:100px 0 50px;
transition:all 0.4s ease 0.3s;
}
.show-menu .contact-form{
left:0;
}
.morph-shape{
position:absolute;
width:120px;
height:100%;
top:0;
left:100%;
fill:#303035;
z-index:-1;
visibility:hidden;
transition-delay:1s;
}
.show-menu .morph-shape{visibility:visible;transition-delay:0s}
.contact-form .modern-title h3{
color:#FFF;
font-weight:300;
}
.contact-form-inner{
float:left;
width:420px;
height:100%;
padding:0 50px;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
-o-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all 0.4s ease 0.2s;
-moz-transition:all 0.4s ease 0.2s;
-ms-transition:all 0.4s ease 0.2s;
-o-transition:all 0.4s ease 0.2s;
transition:all 0.4s ease 0.2s;
}
.show-menu .contact-form-inner{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
-webkit-transition:all 0.3s ease 0.5s;
-moz-transition:all 0.3s ease 0.5s;
-ms-transition:all 0.3s ease 0.5s;
-o-transition:all 0.3s ease 0.5s;
transition:all 0.3s ease 0.5s;
}
.form-close{
position:absolute;
left:15px;
top:15px;
font-size:30px;
color:#A0A0A0;
}
.contact-form label{color:#FFF}
.contact-form input,.contact-form textarea{
background:rgba(255,255,255,0.3);
border:0;
}
.modern-title{
float:left;
width:100%;
margin:0 0 30px;
padding:0 0 10px;
border-bottom:1px solid #d6d6d6;
}
.modern-title i{
float:left;
width:100%;
font-size:13px;
font-weight:500;
font-style:normal;
text-transform:uppercase;
}
.modern-title h3{
float:left;
width:100%;
font-size:22px;
line-height:1.7;
margin:0;
}
.form{
float:left;
width:100%;
}
.field{
float:left;
width:100%;
margin:0 0 20px;
}
label{
float:left;
width:100%;
color:#303035;
margin:0 0 7px;
font-size:16px;
font-weight:400;
}
.form input{
height:45px;
margin:0;
}
.field textarea{
min-height:150px;
margin:0;
}
/*=============== Modern Featured ===================*/
.modern-featured{
float:left;
width:100%;
margin:50px 0;
}
.modern-featured img{
display:inline-block;
vertical-align:middle;
float:none;
border:10px solid #FFF;
margin-left:-10px;
width:60%;
-webkit-box-shadow:0 0 51px rgba(0,0,0,0.13);
-moz-box-shadow:0 0 51px rgba(0,0,0,0.13);
-ms-box-shadow:0 0 51px rgba(0,0,0,0.13);
-o-box-shadow:0 0 51px rgba(0,0,0,0.13);
box-shadow:0 0 51px rgba(0,0,0,0.13);
}
.mod-feat-text{
display:inline-block;
vertical-align:middle;
width:55%;
margin-left:-15%;
text-align:right;
padding-right:150px;
}
.mod-feat-text h1{
font-size:65px;
font-weight:700;
margin:0 0 50px;
}
/*=============== Special Portfolio ===================*/
.special-portfolio{
float:left;
width:100%;
margin:0 0 -50px;
}
.special-portfolio .row{margin:0 -25px}
.special-portfolio .masonary > div{
padding:0 25px;
}
.special-img{
float:left;
width:100%;
position:relative;
margin:0 0 50px;
}
.special-img img{width:100%}
.special-name{
position:absolute;
width:380px;
height:40px;
background:#FFF;
left:20px;
bottom:50%;
overflow:hidden;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.23);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.23);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.23);
-o-box-shadow:0 0 10px rgba(0,0,0,0.23);
box-shadow:0 0 10px rgba(0,0,0,0.23);
-webkit-transform:rotate(-90deg) translateX(-50%);
-moz-transform:rotate(-90deg) translateX(-50%);
-ms-transform:rotate(-90deg) translateX(-50%);
-o-transform:rotate(-90deg) translateX(-50%);
transform:rotate(-90deg) translateX(-50%);
-webkit-transform-origin:bottom left;
-moz-transform-origin:bottom left;
-ms-transform-origin:bottom left;
-o-transform-origin:bottom left;
transform-origin:bottom left;
}
.special-name h3{
width:65%;
float:left;
font-size:18px;
margin:0;
line-height:40px;
padding:0px 0 0 23px;
}
.sp-cats{
float:left;
width:35%;
height:40px;
text-align:center;
position:relative;
z-index:1;
}
.sp-cats a{
line-height:40px;
font-size:11px;
color:#FFF;
}
.sp-cats:before{
content:"";
position:absolute;
left:-4px;
top:-80%;
width:100%;
height:180%;
background:inherit;
z-index:-1;
-webkit-transform:skewX(-45deg);
-moz-transform:skewX(-45deg);
-ms-transform:skewX(-45deg);
-o-transform:skewX(-45deg);
transform:skewX(-45deg);
}
.shade1{background:#d9a104}
.shade2{background:#546c56}
.shade3{background:#0e8788}
.shade4{background:#7b0f53}
/*=============== Portfolio Detail ===================*/
.portfolio-single-img{
float:left;
width:100%;
margin:0 0 100px;
}
.portfolio-single-img.stretch{
width:calc(100% + 230px);
margin-left:-120px;
}
.portfolio-single-img img{width:100%}
.portfolio-text{
float:left;
width:100%;
}
.portfolio-title{
font-size:48px;
font-weight:800;
}
.portfolio-text p{margin:0 0 40px}
.info-box{
float:left;
width:100%;
background:#eeeeee;
padding:45px 30px;
}
.info-box h3{
font-size:22px;
margin:0 0 30px;
}
.info-box ul{
float:left;
width:100%;
margin:0;
}
.info-box ul li{
padding:0;
margin:0 0 25px;
color:#2e2e2e;
}
.info-box ul li:last-child{
margin:0;
}
.info-box ul li:before{display:none}
.info-box ul li > i{
float:left;
font-style:normal;
width:45%;
font-weight:bold;
}
.info-box ul li p{
overflow:hidden;
margin:0;
}
.info-box ul li p a i{padding:0 5px}
.portfolio-gallery{
float:left;
width:100%;
margin:100px 0 -30px;
}
.portfolio-gallery .project-video,
.portfolio-single-img .project-video{
margin:0 0 30px;
display:unset;
float:left;
width:100%;
transform:none;
}
.gallery-img{
float:left;
width:100%;
margin:0 0 30px;
}
.project-video.style2{background:#212121}
.project-video.style2 > img{opacity:0.4}
.center-title{
float:left;
width:100%;
font-size:35px;
text-transform:uppercase;
line-height:1.2;
margin:0 0 60px;
text-align:center;
font-weight:700;
}
.portfolio-detail.style2{padding:0 100px}
.portfolio-detail.style2 .simple-portfolio{padding:0}
.portfolio-detail.style2 .info-box{
width:270px;
float:none;
display:table;
margin-top:50px;
}
/*=============== Portfolio Detail Top ===================*/
.portfolio-detail-top{
float:left;
width:100%;
text-align:center;
padding:230px 0;
background:url(../images/resource/portfolio-detail-top.jpg) no-repeat scroll 0 0 / cover;
position:relative;
z-index:1;
}
.portfolio-detail-top:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#f6f6f6;
opacity:0.8;
z-index:-1;
}
.portfolio-detail-top h1{
font-size:76px;
font-weight:800;
}
h2.portfolio-title{
font-size:32px;
font-weight:600;
}
.project-info{
float:left;
width:100%;
margin:0;
}
.project-info li{
padding:0;
float:left;
width:50%;
margin:0 0 50px;
font-size:13px;
text-transform:uppercase;
font-weight:800;
}
.project-info li:before{display:none}
.project-info li span{
display:table;
margin:0 0 5px;
color:#9f9f9f;
}
.project-info li i{font-style:normal}
/*=============== Portfolio Pagination ===================*/
.portfolio-pagination{
float:left;
width:100%;
background:#eeeeee;
padding:50px 60px;
display:table;
}
.portfolio-pagination a{
display:table-cell;
vertical-align:middle;
width:33.334%;
text-align:center;
color:#212121;
font-size:36px;
}
.portfolio-pagination a.prev,.portfolio-pagination a.next{font-size:18px}
.portfolio-pagination a.prev{text-align:left}
.portfolio-pagination a.next{text-align:right}
.portfolio-pagination a.prev i{
margin-right:10px;
vertical-align:middle;
font-size:25px;
}
.portfolio-pagination a.next i{
vertical-align:middle;
margin-left:10px;
font-size:25px;
}
/*=============== PageTop ===================*/
.pagetop{
float:left;
width:100%;
padding:230px 0 100px;
text-align:center;
position:relative;
/*background:url(../images/prod_bg1.jpg) no-repeat scroll 0 0 / cover transparent;*/
z-index:1;
}
.pagetop.kk-golden{
background: linear-gradient(#0b2f01, #143f07, #235814, #306f1e, #3a8125);
}
.pagetop.kk-klassisch{
background: linear-gradient(#650101, #fb0000);
}
.pagetop.grandoro-classic{
background: linear-gradient(#121326, #4b4658);
}
.pagetop.grandoro-gold{
background: linear-gradient(#a89379, #f7e0c4);
}
.pagetop.jm-classic{
background: linear-gradient(#0b2f01, #143f07, #235814, #306f1e, #3a8125);
}
.pagetop.jm-golden{
background: linear-gradient(#0b2f01, #143f07, #235814, #306f1e, #3a8125);
}
.pagetop:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#fff;
z-index:-1;
opacity:0;
}
.pagetop h1{
font-size:59px;
color:#FFF;
line-height:1;
margin:0;
}
.pagetop.light:before{background:#e9e9e9}
.pagetop.light h1{color:#2e2e2e}
/*=============== Pagination ===================*/
.octa-pagination{
float:left;
width:100%;
margin:80px 0 0;
text-align:center;
}
.octa-pagination ul.pagination{
margin:0;
display:inline-block;
}
.octa-pagination ul.pagination li{
padding:0;
display:inline-block;
}
.octa-pagination ul.pagination li:before{display:none}
.octa-pagination ul.pagination li a{
float:left;
border:1px solid #e7e8e9;
margin:0 5px;
font-size:14px;
color:#000;
width:auto;
width:38px;
height:38px;
line-height:36px;
padding:0;
text-align:center;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
}
.octa-pagination ul.pagination li:first-child a,
.octa-pagination ul.pagination li:last-child a{
width:auto;
padding:0 20px;
font-size:13px;
text-transform:uppercase;
font-weight:600;
line-height:38px;
}
.octa-pagination ul.pagination li a.current{color:#FFF}
/*=============== Octa Blog Detail ===================*/
.octa-blog-detail{
float:left;
width:100%;
}
.octa-blog-detail .post-img{margin:0 0 50px}
.octa-blog-detail .cat-box{
position:relative;
float:left;
left:0;
top:0;
border:0;
padding:8px 20px;
margin:0 0 20px;
}
.post-title{
float:left;
margin:0 0 30px;
width:100%;
font-size:28px;
}
.octa-blog-detail .meta{
float:left;
position:relative;
width:auto;
margin:0;
}
.post-information .round-socials{float:right}
.round-socials{
float:left;
}
.round-socials a{
float:left;
width:35px;
height:35px;
text-align:center;
line-height:35px;
color:#FFF;
font-size:13px;
background:#c2c2c2;
margin-left:7px;
}
a.facebook{background:#3b5998}
a.twitter{background:#00b6f1}
a.pinterest{background:#cb2027}
a.linkedin{background:#007bb6}
a.google-plus{background:#dd4b39}
.round-socials a:hover{color:#FFF}
.post-information{
float:left;
margin:0 0 40px;
width:100%;
}
blockquote{
float:left;
font-size:22px;
font-weight:600;
margin:20px 0 40px;
padding:0 40px;
position:relative;
width:100%;
}
blockquote:before{
color:#f1f4f7;
content:"\f10d";
font-family:fontawesome;
font-size:120px;
line-height:1;
position:absolute;
left:0;
top:-10px;
z-index:-1;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.alignright{
float:right;
margin-left:30px;
}
.octa-blog-detail ul{margin:0 0 30px}
.octa-tags{
border-top:1px solid #f1f4f7;
float:left;
margin:50px 0 0;
padding:30px 0 0;
width:100%;
}
.octa-tags > a{
border:1px solid #dddddd;
color:#737373;
float:left;
font-size:16px;
margin-right:10px;
padding:4px 14px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.octa-author{
background:none repeat scroll 0 0 #f1f4f7;
float:left;
margin:50px 0 0;
padding:30px;
width:100%;
display:table;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
}
.octa-author > img{
display:table-cell;
max-width:none;
vertical-align:top;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
-ms-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
-o-box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
}
.octa-author .round-socials{
float:right;
}
.octa-author .round-socials a,
.octa-abt-widget .round-socials a{
width:30px;
height:30px;
line-height:30px;
}
.author-inner{
display:table-cell;
padding-left:30px;
vertical-align:middle;
width:100%;
}
.author-inner > h5{
line-height:1;
margin:0 0 5px;
text-transform:uppercase;
}
.author-inner > i{
font-size:13px;
text-transform:uppercase;
font-style:normal;
}
.author-inner p{
font-size:14px;
margin:10px 0 0;
}
.octa-comments{
float:left;
margin:60px 0 0;
width:100%;
}
.subtitle{
display:table;
font-weight:800;
margin:0 0 30px;
position:relative;
}
.subtitle:before{
background:none repeat scroll 0 0 black;
bottom:7px;
content:"";
height:4px;
left:100%;
margin-left:10px;
position:absolute;
width:50px;
}
.subtitle i{font-style:normal}
.octa-comments > ul{
float:left;
width:100%;
}
.octa-comments > ul li{padding:0}
.octa-comments li:before{display:none}
.comment{
border-bottom:1px solid #e0e0e0;
display:table;
margin:0 0 30px;
padding-bottom:20px;
width:100%;
}
.comment > img{
display:table-cell;
float:none;
max-width:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
}
.comment-inner{
display:table-cell;
padding-left:30px;
vertical-align:middle;
width:100%;
}
.comm-name > h5{
float:left;
font-size:18px;
font-weight:600;
margin:0 0 12px;
}
.comment-inner .date{
color:#FFF;
float:left;
font-size:11px;
margin-left:20px;
margin-top:2px;
position:relative;
float:left;
left:0;
top:0;
width:auto;
padding:5px 10px;
line-height:1;
font-style:normal;
}
.comment-inner > p{
font-size:14px;
margin:0 0 20px;
}
.reply{
font-size:12px;
font-weight:800;
text-transform:uppercase;
}
.comm-name{
float:left;
width:100%;
}
.octa-comments li ul{padding-left:40px}
/*=============== Sidebar ===================*/
.search-form{
float:left;
width:100%;
height:54px;
background:#f1f4f7;
border-radius:30px;
position:relative;
}
.search-form input{
float:left;
width:100%;
height:100%;
background:none;
border:0;
padding:10px 50px 10px 20px;
font-size:13px;
text-transform:uppercase;
}
.search-form button{
position:absolute;
right:0;
top:0;
width:50px;
height:100%;
color:#333;
background:no-repeat;
border:0;
font-size:16px;
text-align:center;
}
.sidebar .widget{margin:0 0 60px}
.sidebar .widget-title > h4{
font-size:16px;
font-weight:700;
margin:0;
}
.sidebar .widget-title{
padding-bottom:15px;
position:relative;
}
.sidebar .widget-title:before{
content:"";
position:absolute;
left:0;
bottom:0;
width:30px;
height:3px;
background:black;
}
.octa-abt-widget{
float:left;
width:100%;
background:#f1f4f7;
text-align:center;
padding:30px 20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.octa-abt-widget img{
float:none;
display:inline-block;
margin:0 0 20px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
box-shadow:0 0 20px rgba(0,0,0,0.2);
}
.octa-abt-widget h4{
float:left;
width:100%;
font-size:16px;
text-transform:uppercase;
font-weight:500;
margin:0 0 5px;
}
.octa-abt-widget > i{
float:left;
width:100%;
font-size:11px;
text-transform:uppercase;
margin:0 0 15px;
}
.octa-abt-widget p{
font-size:14px;
float:left;
width:100%;
}
.octa-abt-widget .round-socials{
width:100%;
text-align:center;
}
.octa-abt-widget .round-socials a{
float:none;
display:inline-block;
margin:0 3px;
}
.octa-gallery{
float:left;
width:100%;
}
.octa-gallery > div{padding:0}
.octa-gallery > div a{
float:left;
width:100%;
}
.octa-gallery > div a img{
width:100%;
width:1;
}
/*=============== Contact Box ===================*/
.contact-box{
float:left;
width:100%;
border:10px solid #f5f5f5;
padding:50px 35px 70px 35px;
}
.contact-box h4{
font-size:25px;
font-weight:400;
margin:0 0 30px;
}
.contact-box h4 i{font-style:normal}
.info-list{
margin:0 0 30px;
float:left;
width:100%;
}
.info-list li{
padding:0;
margin:0 0 30px;
font-size:13px;
color:#2b2b2b;
line-height:1.9;
float:left;
width:100%;
}
.info-list li:before{display:none}
.info-list li i{
float:left;
width:30%;
font-style:normal;
}
.info-list li span{
float:right;
width:70%;
}
.map{
float:left;
width:100%;
}
.map > div{
float:left;
min-height:433px;
width:100%;
}
.map.style2{
border:10px solid #FFF;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
box-shadow:0 0 20px rgba(0,0,0,0.2)}
/*=============== Subscribe Form ===================*/
.subscribe-form{
float:left;
width:100%;
background:#FFF;
border:2px solid #eeeeee;
border-radius:50px;
height:74px;
position:relative;
}
.subscribe-form input{
float:left;
width:100%;
height:100%;
background:no-repeat;
font-size:18px;
padding:0 160px 0 30px;
}
.subscribe-form button{
position:absolute;
right:15px;
top:12px;
height:46px;
border-radius:30px;
font-size:15px;
text-transform:uppercase;
font-weight:600;
padding:10px 40px;
}
/*=============== Traditional Title ===================*/
.traditional-title{
float:left;
width:100%;
margin:0 0 40px;
}
.traditional-title h2{
font-size:28px;
font-weight:700;
margin:0 0 15px;
}
.traditional-title h2 i{font-style:normal}
.traditional-title p{margin:0}
/*=============== Find Boxes ===================*/
.find-boxes{
float:left;
width:100%;
margin:0 0 30px;
}
.find-box{
float:left;
width:100%;
padding:20px 35px;
background:#f5f5f5;
margin:0 0 10px;
}
.find-box span{
float:left;
width:58px;
height:58px;
border:6px solid #fff;
text-align:center;
line-height:48px;
color:#FFF;
font-size:20px;
margin-right:30px;
}
.find-box p{
margin:0;
color:#2e2e2e;
font-size:16px;
font-weight:600;
}
/*=============== Team Detail Page ===================*/
.team-detail{display:table}
.team-detail-text{
display:table-cell;
padding-left:40px;
vertical-align:middle;
width:100%;
}
.team-detail-text > h1{
font-size:48px;
line-height:1.2;
margin:0 0 15px;
}
.team-detail-text > span{
float:left;
font-size:24px;
line-height:1;
}
.team-detail-text > p{
float:left;
font-size:18px;
margin:30px 0;
width:100%;
}
.team-detail-text > ul{
float:left;
margin:0 0 40px;
width:100%;
}
.team-detail .round-socials{float:right}
.abt-img{
background:#f3f3f3;
display:table-cell;
vertical-align:middle;
-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.1) inset;
-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 0 1px rgba(0, 0, 0, 0.1) inset;
}
.abt-img > img{
border:5px solid #fff;
max-width:none;
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
-moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
-ms-box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
-o-box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
box-shadow:0 0 15px rgba(0, 0, 0, 0.1);
-webkit-transform:translateX(-30px) translateY(-30px);
-moz-transform:translateX(-30px) translateY(-30px);
-ms-transform:translateX(-30px) translateY(-30px);
-o-transform:translateX(-30px) translateY(-30px);
transform:translateX(-30px) translateY(-30px);
}
.team-detail .octa-skills{width:75%}
/*=============== Error 404 Page ===================*/
.error-page{
float:left;
width:100%;
text-align:center;
}
.error-page h1{
font-size:340px;
line-height:0.8;
font-weight:800;
margin:0 0 70px;
}
.error-page span{
display:inline-block;
font-size:42px;
background:black;
color:#FFF;
text-transform:uppercase;
padding:5px 30px;
margin:0 0 50px;
}
.error-page p{
font-size:23px;
margin:0 0 40px;
}
#message{ margin:10px 0;padding:0;float:left;width:100%}
.error_message{ display:block;line-height:22px;background:#FBE3E4 url('../images/error.gif') no-repeat 10px center;padding:3px 10px 3px 35px;color:#8a1f11;border:1px solid #FBC2C4;-webkit-border-radius:5px}
.loader{ padding:0 10px}
#contact #success_page h1{ background:url('../images/success.gif') left no-repeat;padding-left:22px}
.contact-form #success_page h1,.contact-form #success_page p{color:#FFF}
.pageload {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #1e1e1e;
text-align: center;
z-index: 1000000;
}
.pageload span {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-size:50px;
color: #FFF;
font-weight: 600;
letter-spacing: 3px;
}
.rev_slider_wrapper img{float:none}
/* ===============================================================
Slick Carousel Styling
================================================================*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before, .slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none}
/* ===============================================================
Simple Light Box
================================================================*/
.slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;background-color:#000;opacity:0.7;filter:alpha(opacity=70);-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s;z-index:1000}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn:-moz-focus-inner,.slbArrow:-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
/* ===============================================================
Animate.css
================================================================*/
@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* ===============================================================
Page Pilling
================================================================*/
.pp-section{height:100%;position:absolute;width:100%} .pp-easing{-webkit-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);-moz-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);-o-transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);transition:all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);/* custom */ -webkit-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);-moz-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);-o-transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);transition-timing-function:cubic-bezier(0.550, 0.085, 0.000, 0.990);/* custom */ } #pp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1} #pp-nav.right{right:17px} #pp-nav.left{left:17px} .pp-section.pp-table{display:table} .pp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%} .pp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1} .pp-slidesNav.bottom{bottom:17px} .pp-slidesNav.top{top:17px} #pp-nav ul, .pp-slidesNav ul{margin:0;padding:0} #pp-nav li, .pp-slidesNav li{display:block;padding:0;width:14px;height:13px;margin:7px;position:relative}#pp-nav li:before, .pp-slidesNav li:before{display:none} .pp-slidesNav li{display:inline-block} #pp-nav li a, .pp-slidesNav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none} #pp-nav li .active span, .pp-slidesNav .active span{background:#333} #pp-nav span, .pp-slidesNav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0, 0, 0, 0);border-radius:50%;position:absolute;z-index:1} .pp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial, helvetica, sans-serif;white-space:nowrap;max-width:220px} .pp-tooltip.right{right:20px} .pp-tooltip.left{left:20px} .pp-scrollable{overflow-y:scroll;height:100%}
/* ===============================================================
Update Version 1.2
================================================================*/
/*=============== Innovative Intro ===================*/
.innovative-intro{
float: left;
width: 100%;
}
.innovative-intro h1 {
font-size:47px;
line-height: 1.4;
font-weight:200;
margin: 0 0 50px;
}
.innovative-intro h1 strong {
font-size: 65px;
font-weight: 700;
}
.innovative-intro h1 i{font-style:normal}
.innovative-intro .info-list li {
font-size: 18px;
color: #000;
}
.innovative-intro .info-list {margin:0 0 60px}
.bio-counters.with-bg {
background: #f8f8f8;
padding: 60px 30px;
margin-top:40px;
}
.fancy-socials{
float: left;
width: 100%;
margin: 0 0 -10px;
}
.fancy-socials a{
float:left;
margin:0 10px 10px 0px;
color: #FFF;
font-size: 13px;
padding:5px 20px;
min-width:105px;
text-align: center;
-webkit-border-radius:30px;
-moz-border-radius:30px;
-ms-border-radius:30px;
-o-border-radius:30px;
border-radius:30px;
}
.fancy-socials a:hover{color:#FFF}
.facebook{background:#3b5998}
.google-plus{background:#dd4b39}
.twitter{background:#00aced}
.pinterest{background:#cb2027}
.linkedin{background:#007bb6}
.youtube{background:#bb0000}
.instagram{background:#bc2a8d}
.dribbble{background:#ea4c89}
.tumblr{background:#32506d}
.vimeo{background:#1ab7ea}
.fancy-socials:hover a{filter:grayscale(1)}
.fancy-socials:hover a:hover{filter:grayscale(0)}
.bio-info {
float:left;
width:100%;
padding:50px 40px 50px;
background:#FFF;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 0 21px rgba(0,0,0,0.09);
-moz-box-shadow:0 0 21px rgba(0,0,0,0.09);
-ms-box-shadow:0 0 21px rgba(0,0,0,0.09);
-o-box-shadow:0 0 21px rgba(0,0,0,0.09);
box-shadow:0 0 21px rgba(0,0,0,0.09);
}
.bio-info.overlap{margin-top:-40px}
.info-list{
float: left;
width: 100%;
margin: 0;
}
ul.info-list li{padding:0}
ul.info-list li:before{display:none}
ul.info-list li {
padding: 0;
font-size:14px;
margin: 0 0 25px;
float: left;
width: 100%;
}
ul.info-list li:last-child{margin:0}
ul.info-list li i {
font-style: normal;
float: left;
width:35%;
}
ul.info-list li span {
float: left;
width: 65%;
}
.line-title {
float: left;
width: 100%;
padding-top: 17px;
position: relative;
margin: 0 0 30px;
}
.line-title:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: ;
width: 45px;
height: 4px;
background: #2f2f2f;
}
.line-title h3 {
float: left;
width: 100%;
line-height: 1;
font-size: 20px;
margin: 0;
font-weight:500;
}
/*=============== About Me ===================*/
.creative-title{margin: 0px 0 50px}
.creative-title h2 {
margin: 0;
font-size: 40px;
font-weight: 300;
line-height: 1;
}
.creative-title h2 strong{font-weight:700}
.simple-text p{margin:0 0 40px}
.simple-text li{color: #7f7f7f}
.octa-counters.dark .counter{color:#333}
/*=============== Modern Portfolio ===================*/
.main-desc {
margin: 0 0 80px;
font-size: 18px;
color: #a0a0a0;
line-height: 1.8;
}
.stylish-portfolio{
float: left;
width: 1913px;
left: -377px;
}
.stylish-img{
float: left;
width: 100%;
position:relative;
}
.stylish-img img{width:100%}
.cre-name {
position: absolute;
left:10px;
bottom:10px;
transform: rotateZ(-90deg) translateY(100%);
transform-origin: left bottom;
}
.cre-name h3,
.cre-name span {
margin: 0 0 1px;
position: relative;
font-size: 18px;
color: #FFF;
line-height: 1.2;
padding: 8px 12px;
font-weight: 400;
}
.cre-name span {
font-size: 12px;
font-style: normal;
display: table;
}
.cre-name h3:before,
.cre-name span:before{
content: "";
background:#303035;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.9;
}
.title {
float: left;
width: 100%;
margin: 22px 0 80px;
text-align: center;
}
.title h2,
.title h3{
margin: 0;
font-size: 48px;
font-weight: 600;
position: relative;
display: inline-block;
line-height: 1.1;
}
.title h2 i,
.title h3 i{
position: absolute;
left: 0;
bottom: 100%;
font-size: 12px;
color: #FFF;
background: #2f2f2f;
font-style: normal;
line-height: 1;
padding: 5px 15px;
font-weight: 400;
border-radius: 20px;
}
.title h3{font-size:42px}
.title.left {
text-align: left;
margin: 22px 0 40px;
}
.title p {
font-size: 18px;
color: #323232;
font-weight: 300;
margin: 20px 0 0px;
}
.title p strong{font-weight:500}
.bio-career {
float: left;
width: 100%;
max-height: 480px;
position: relative;
}
.bio-career ul{
margin: 0;
padding-left: 35px;
padding-top: 20px;
padding-right: 10px;
}
.bio-career ul:before {
content: "";
position: absolute;
left:5px;
top: 0;
width: 5px;
height: 100%;
background: #dcdcdc;
border-radius: 20px;
}
.bio-career ul li{
padding: 0;
margin:0 0 60px;
}
.bio-career ul li:last-child{margin:0}
.bio-career ul li:before{
content: "";
width: 22px;
height: 22px;
background: black;
border-radius: 50%;
left:-39px;
border: 5px solid #FFF;
}
.bio-career li span{
font-size: 12px;
font-family: poppins;
color: #8e8e8e;
}
.bio-career li h5{
font-size: 16px;
line-height: 1.2;
margin: 3px 0 10px;
}
.bio-career li h5 i {
font-style: normal;
font-size: 12px;
}
.bio-career ul li p {
font-size: 13px;
margin: 0;
}
/*=============== Acheivements Awards ===================*/
.achivement-awards {
float: left;
width: 100%;
margin:0 0 -30px;
}
.achivement-awards .bio-award img{filter:grayscale(1)}
.achivement-awards .bio-award:hover img{filter:grayscale(0)}
.achievement-box {
float: left;
width: 100%;
background: #FFF;
padding:10px 30px;
border-radius: 5px;
box-shadow: 0 0 21px rgba(0,0,0,0.09);
}
.bio-award{
float: left;
width: 100%;
padding:0 0 30px;
border-bottom: 1px solid #ebebeb;
margin:0 0 30px;
}
.bio-award img{
display: table;
float: none;
margin: 0 0 20px;
}
.bio-award strong {
float: left;
width: 100%;
font-size: 18px;
font-weight: 500;
color: #303035;
margin: 0 0 5px;
}
.bio-award span {
float: left;
width: 100%;
color: #2f2f2f;
font-size: 13px;
}
.bio-award span i{font-style:normal}
.mockup.style5 img{
width: 277px;
max-width: none;
}
.mockup.style5 {
position: absolute;
right: -130px;
top: -70px;
z-index: 1;
width: auto;
}
.awards-slide {
float: left;
width: 100%;
display: flex !important;
}
.octa-testimonials.left{text-align:left}
.octa-testimonials.left .review{padding:0 0 0 13px}
.left .slick-dots{text-align:left}
.map.full {
position: absolute;
left: 0;
top: 0;
width: calc(100% + 1000px);
margin-left: -500px;
}
.dark-contact-box {
background: url(http://placehold.it/370x456/f64343/ffffff) no-repeat scroll transparent;
background-size: cover;
float: left;
width: 100%;
padding:45px 30px 30px;
z-index: 100;
position: relative;
z-index: 1;
margin-top: 80px;
}
.dark-contact-box:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity:0.9;
background: #303035;
z-index: -1;
}
.dark-contact-box h4 {
color: #FFF;
font-family: dosis;
font-size: 30px;
font-weight: 400;
line-height: 1.4;
margin: 0 0 40px;
}
.dark-contact-box h4 i {
display: table;
font-weight: 600;
font-style: normal;
}
.dark-contact-box ul.info-list li{color:#FFF}
.dark-contact-box ul.info-list{margin:0 0 55px}
.align-self-end .fancy-socials{margin:30px 0 20px}
nav ul ul li a span{
float: right;
background: #f92a22;
padding: 1px 5px;
margin-top: 0px;
border-radius: 3px;
color: #FFF;
font-size: 11px;
}
/* ===============================================================
Custom
================================================================*/
.more-scroll {display: block;}
.nav a:hover {
color: #ccc;
}
.kontakt-hr {border-top: 1px solid #d1d1d1;}
.bdo-hr {
margin: 10px 0;
border-top: 1px solid #d1d1d1;font-size: 14px;}
.bdo-nr {
font-size: 14px;
color: #000;
}
header .ue_logo {
position: absolute !important;
top: 127px;
right: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .language {
position: absolute !important;
top: 47px;
right: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header .language a {
font-size: 18px;
line-height: normal;
font-style: normal;
font-weight: 400;
width: 35px;
height: 35px;
padding-top: 4px;
text-align: center;
display: block;
background: #a0a0a0;
color: #fff;
}
header .language a:hover {
background: #8e8e8e;
}
header.sticky .language {
top: 22px;
}
header.sticky .ue_logo {
top: 77px;
}
#component {
margin-top: 127px;
}
h3.catItemTitle {
margin-bottom: 5px;
font-size: 22px;
}
.itemContainer {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #d1d1d1;
}
.catItemAttachmentsBlock a {
color: #0d50aa;
}
.catItemAttachmentsBlock a:hover {
color: #093877;
}
.catItemAttachmentsBlock .fa {
padding-left: 5px;
}
/* ===============================================================
Scrollbar.css
================================================================*/
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:0;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCSB_inside > .mCSB_container{margin-right:0}