/*===================== 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)
*/

@font-face {
	font-family: 'BarlowSCK-Light';
	src: url('fonts/BarlowSCK-Light.eot');
	src: local('☺'), url('fonts/BarlowSCK-Light.woff') format('woff'), url('fonts/BarlowSCK-Light.ttf') format('truetype'), url('fonts/BarlowSCK-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BarlowSCK-LightItalic';
	src: url('fonts/BarlowSCK-LightItalic.eot');
	src: local('☺'), url('fonts/BarlowSCK-LightItalic.woff') format('woff'), url('fonts/BarlowSCK-LightItalic.ttf') format('truetype'), url('fonts/BarlowSCK-LightItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BarlowSCK-SemiBold';
	src: url('fonts/BarlowSCK-SemiBold.eot');
	src: local('☺'), url('fonts/BarlowSCK-SemiBold.woff') format('woff'), url('fonts/BarlowSCK-SemiBold.ttf') format('truetype'), url('fonts/BarlowSCK-SemiBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BarlowSCK-SemiBoldItalic';
	src: url('fonts/BarlowSCK-SemiBoldItalic.eot');
	src: local('☺'), url('fonts/BarlowSCK-SemiBoldItalic.woff') format('woff'), url('fonts/BarlowSCK-SemiBoldItalic.ttf') format('truetype'), url('fonts/BarlowSCK-SemiBoldItalic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



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:#656565;
    letter-spacing:0;
    font-family:'BarlowSCK-Light';
    overflow-x:hidden;
	font-size: 16px;
	line-height: 1.5;
}
body.big-font {
	font-size: 18px;
}
body.bigger-font {
	font-size: 22px;
}
body *{outline:none!important}
h1, h2, h3, .h3, h4, h5, h6{
    color:#003c76;
    font-family: "Playfair Display", serif;
}
h1, h2, h3, .h3{
    font-weight:700;
}
h1{font-size:36px}
h2{font-size:40px;text-transform: uppercase;margin-bottom: 40px;}
h3, .h3{font-size:30px;text-transform: uppercase; margin-bottom: 60px;}
h4, h4.fa{font-size:24px}
h5, h5.fa{font-size:18px}
h6{font-size:16px}

.big-font h1{font-size:44px}
.big-font h2{font-size:48px;}
.big-font h3, .big-font .h3{font-size:36px;}
.big-font h4, .big-font h4.fa{font-size:30px}
.big-font h5, .big-font h5.fa{font-size:22px}
.big-font h6{font-size:18px}

.bigger-font h1{font-size:60px}
.bigger-font h2{font-size:52px;}
.bigger-font h3, .bigger-font .h3{font-size:43px;}
.bigger-font h4, .bigger-font h4.fa{font-size:36px}
.bigger-font h5, .bigger-font h5.fa{font-size:26px}
.bigger-font h6{font-size:22px}

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%;
	padding: 60px 0;
}
section#slider, section#custom_2 {
	padding: 0;
}
.block{
    float:left;
    width:100%;
    padding:150px 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{
    margin-bottom:5px;
    position:relative;
}
ol li{
    margin-left:20px;
}

iframe{
    width:100%;
    border:0;
}
i{font-style:italic}
img{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-family: 'BarlowSCK-SemiBold';}
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:15px 0;
    z-index:999;
	background: #fff;
}
.logo{
    float:left;
    font-size:45px;
    color:#121010;
    font-weight:600;
    line-height:1;
	position: relative;
}
.logo i{font-style:normal}
nav{float:right}
nav > ul{margin:0}
nav > ul > li{
    float:left;
    font-size:18px;
    color:#121010;
    margin-left:20px;
	padding: 0;
}
.big-font nav > ul > li{
    font-size:22px;
}
.bigger-font nav > ul > li{
    font-size:26px;
}
nav ul li:before{display:none}
nav > ul > li > a, nav > ul > li > span {
    padding:3px 0;
    display:inline-block;
	font-family: "BarlowSCK-SemiBold";
	text-transform: uppercase;
}
nav > ul > li > a, nav > ul > li > span {
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
nav > ul > li > span:hover {
	cursor: pointer;
}
header.light .logo{color:#FFF}
header.light nav > ul > li{color:#FFF}
header.hdr-border{
    border-bottom:1px solid #f8002e;
}
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:-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 li a, .sidemenu ul li span {text-transform: uppercase;}
.sidemenu ul ul li:before{display:none}
/*=============== Fullpage Header ===================*/
.fullpage-header{
    position:fixed;
    left:0;
    top:0;
    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;
}
.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:#ededed;
    width:230px;
    position:absolute;
    left:0;
    top:100%;
    visibility:hidden;
    opacity:0;
	z-index: 999;
}
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%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
nav ul ul li:before{display:none}
nav ul ul li a{
	font-family: 'BarlowSCK-SemiBold';
    float:left;
    padding:5px 0;
    width:100%;
	text-transform: uppercase;
}
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;
}

.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{
    float:left;
    width:100%;
}
.skillbar > span{
    font-size:14px;
    color:#656565;
    line-height:1;
    display:table;
    margin:4px 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}
.skillbar2 {
	margin: 15px 0;
}
/*=============== 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{
	font-family: 'BarlowSCK-SemiBold';
    display:inline-block;
    border:2px solid #FFF;
    color:#FFF;
    border-radius:18px;
    padding:2px 20px 2px 3px;
	line-height: 100%;
	text-transform: uppercase;
    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.red{
    background:#f8002e;
    border-color:#f8002e;
    color:#FFF;
	margin-top: 20px;
}
h3 + .octa-btn.red {margin-top: 0;}
.octa-btn.red i{padding-right: 10px;}
.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;
}
.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;
}
.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;
    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;
}
.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:#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%;
}
.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;
}
.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-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;
    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;
}
.pricetable ul li:before{display:none}
.pricetable.blur ul{padding-top:42px}
.pricetable.blur{
    padding:40px 0;
    margin:0;
    z-index:0;
    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:#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: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;
    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;
}
.gallery-img img{
	display: block;
}
.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(http://placehold.it/1603x391/f64343/ffffff) no-repeat scroll 0 0 / cover transparent;
    z-index:1;
}
.pagetop:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#2e2e2e;
    z-index:-1;
    opacity:0.9;
}
.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;
    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: 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;
    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
================================================================*/
#slider-bg {
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: 80;
	left: auto !important;
} 
#slider-bg.slider-bg-blue {
	opacity: 0.8 !important;
	background: #003c76;
} 
.slider-title {
	border: 3px solid #fff !important;
	padding: 115px 50px 115px 170px;
}
.slider-title-inner {
	border-left: 6px solid #f8002e;
	padding: 0 0 0 24px;
	position: relative;
}
.slider-title-1 {
	font-family: "Playfair Display", serif;
	font-weight: 700;
	font-size: 48px;
	line-height: 52px;
	top: -10px;
}
.slider-title-2 {
	font-size: 24px;
	line-height: 24px;
	color: #d2d2d2;
}
#slider .slider-title-2 {
	margin-top: 10px
}
.slider2 {
	padding: 40px 0;
}

#custom_2 {
	margin-top: 98px;
}
#custom_2 .slider-title-1 {
	font-size: 40px;
	color: #fff;
	position: relative;
	top: -10px;
}
#custom_2 .slider-title-2 {
}
.hdr-border + #component {
	margin-top: 98px;
}
#contact {
	background: #003c76;
	color: #fff;
	padding: 30px 0;
}
#contact p {
	color: #fff;
}
#footer {
	padding: 10px 0;
}
#bottom_row2 {
	background: #003c76;
	color: #fff;
}
#bottom_row2 h3 {
	color: #fff;
}
#bottom_row2 h4 {
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 30px;
	color: #fff;
}
#bottom_row2 h4 i {
	color: #f8002e;
	padding-right: 10px;
}
.copyright {
	text-align: right;
	font-size: 12px;
	align-self: center;
}
.rodo {
	font-size: 12px;
	align-self: center;
}
.fb-ico {
	text-align: right;
	color: #003c76;
	font-size: 30px;
}
.in-ico {
	text-align: right;
	color: #0077b5;
	font-size: 30px;
	margin-left: 10px;
}
.in-ico a:hover {
	color: inherit;
}
.pt40 {
	padding-top: 40px;
}
.pb40 {
	padding-bottom: 40px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb40 {
	margin-bottom: 40px;
}
.mt60 {
	margin-top: 60px;
}
.mb60 {
	margin-bottom: 60px;
}
.border-top-white {
	border-top: 1px solid #fff;
}
.advertItemInner {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 12px;
	margin-bottom: 10px;
	position: relative;
}
.advertTitleBox {
	padding-left: 170px;
	padding-right: 70px;
}
.advertArrowBox {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 30px;
}
.advertLogoBox {
	position: absolute;
	left: 0;
	top: 6px;
}
div.itemAttachmentsBlock ul.itemAttachments li {
    display: block;
    text-align: left;
}
#itemListLeading .advertItemInner {
	display: flex;
} 
#itemListLeading .advertTitleBox {
	padding-left: 10px;
	padding-right: 30px;
    width: 100%;
}
#itemListLeading  .advertLogoBox {
	position: relative;
	width: 200px;
}
.advertIntroText {
	font-weight: 600;
	margin-bottom: 40px;
}
.advertBoxItem .itemFullText {
	column-count: 3;
	column-gap: 30px;
}
.advertBoxItem .itemFullText p {
	display: inline-block;
}
.moduleItemDateCreated::first-letter, .catItemDateCreated::first-letter {
	text-transform: uppercase;
}
.moduleItemDateCreated, .catItemDateCreated {
	color: #999;
}

.grid {
  display: flex;
  flex-wrap: wrap;
}
.grid .head {
}
.grid .data {
}

.newsBox h3 {
	font-size: 18px;
	font-weight: 400;
}
.newsBox i {
	padding-left: 6px;
}
.newsBox .moduleItemDateCreated {
	padding: 10px 0 14px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #d2d2d2;
	
}
.newsBoxItem .itemImageBlock, .projectItemList .catItemIntroText .itemImageBlock, .defaultBox .itemImageBlock {
	float: right;
	width: 33.3333%;
	padding: 0;
	margin: 0 0 0 30px
}
span.itemImage {
	text-align: right;
}
.projectLine .groupLeading {
	border-bottom: 1px solid #dadada;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
#itemListLeading .projectLine.last .groupLeading {
	border-bottom: none;
}
.octa-btn.red.moduleCustomLink {
	margin-top: 50px;
}
section#capitalGroup {
	padding: 0;
}
.capitalGroup {
	justify-content: space-between;
	padding: 10px 0 20px 0;
}
.capitalGroup:first-child {
	border-top: 1px solid #dadada;
}
.capitalGroup:last-child {
	border-bottom: 1px solid #dadada;
}
.capitalGroupItem {
	padding-left: 15px;
	padding-right: 15px;
}
.capitalGroupListCategory {margin-bottom: 60px;}
.logoBox {border-bottom: 1px solid #d2d2d2;margin-bottom: 15px;}
.logoBox2 {margin-top: 40px; margin-bottom: 30px;}
.catItemIntroText2 {margin-bottom: 25px}
.lead {
	font-family: "Playfair Display", serif;
	font-size: 24px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	padding: 10px 0;
	margin-bottom: 35px;
}
.big-font .lead {
	font-size: 30px;
}
.bigger-font .lead {
	font-size: 36px;
}
#itemListLeading .newsBox {
	margin-bottom: 70px;
}

#component ul li {
	padding-left: 35px;
	margin-bottom: 0;
}
#component ul li::before {
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f061";
	position: absolute;
	left: 0;
	top: 3px;
	
}
.function {
	font-size: 16px;
	font-family:'BarlowSCK-Light';
}
.slash {
	padding: 0 5px;
}
.h3 .slash {
	padding: 0 23px;
}
.lineGray {
	border-top: 1px solid #dadada;
	height: 1px;
	margin: 50px 0;
}
div.itemFullText h3 {
	padding: 0 0 20px 0;
}
p + h5 {
	margin-top: 25px;
}
.blueBg {
	padding: 25px 0;
}
.blueBg p {
	padding-right: 70px;
}
.videoBoxOuter > div {
	margin-bottom: 60px;
}
.videoBoxOuter + .lineGray {
	margin-top: 0;
}
.videoBox + p {
	margin-top: 20px;
}
.contactPerson {
	align-items: center;
}
.contactPerson img {
	display: block;
}
.contactPerson i::before {
	font-size: 36px;
	padding-right: 10px;
}
.contactPersonFlex {
	display: flex;
	align-items: center;
}
#pg-msnr-container {
    margin: 0 -15px;
}
.portfolio-box-caption {
	margin-top: 30px;
	margin-bottom: 30px;
}
.pg-image {
	display: block;
}
.phoca-dl-file-box-mod, .itemAttachmentsBlock {
	display: table;
	width: 100%;
}
.fileListItem {
	display: flex;
	border-top: 1px solid #d2d2d2;
	padding: 7px 10px;
}
.fileListItem:last-child {
	border-bottom: 1px solid #d2d2d2;
}
.pd-filename {
	width: calc(100% - 200px);
}
.fileSize {
	width: 150px;
	
}
.fileLink {
	width: 50px;
	text-align: right;
}
.fileLink i {
	font-size: 18px;
}
#bottom_row5 h3 {
	margin-bottom: 15px;
}
.catItemBody2 + .skillbar {
	margin-top: 30px;
}
.strategia .col-lg-4, .newsBox .col-lg-4 {
	margin-bottom: 30px;
}
.strategia ul li {
	padding-left: 10px;
}
.strategia ul li::before {
	content: '\2219';
	position: absolute;
	left: 0;
}
.linkSign {
	display: inline-block;
	position: relative;
	margin-bottom: 6px;
}
.linkSign img {
	display: block;
}
.linkSign:before {
	font-family:"FontAwesome";
	content:"\f138";
	right: 35px;
	position: absolute;
	font-size: 60px;
	line-height: 52px;
	top: calc(50% - 25px);
}
.font-size-box .font-size-menu li {
    display: inline-block;
    background: transparent;
    padding: 0;
    cursor: pointer;
}
.font-size-box .font-size-menu li span {
	padding: 0 10px;
}

.font-size-box {
	display: inline-block;
}
.font-size-box ul {
	margin: 0;
}
section#contrastSizeBox {
	padding: 10px 0;
	background: #d2d2d2;
}

.contrast-menu-box, .font-size-box {
	display: inline-block;
	font-family: "BarlowSCK-SemiBold";
	font-size: 18px;
}

.default.size {
	background: #fff;
}
.default.size, .black-yellow.size {
	border: 1px solid #555;
	text-align: center;
	padding: 0 5.5px;
	
}
.black-yellow.size {
	background: #ffc000;
	margin-left: 15px;
}
.fullcoveredvideo video, .fullscreenvideo video {
	background: #fff;
}
.container.relative {
	position: relative;
}
/* .niepodlegla {
	position: absolute;
	z-index: 990;
	top: 97px;
	right: 43px;
}*/

#niepodlegla img {
	display: block;
}
.niepodlegla {
	position: absolute;
	top: 10px;
	left: 270px;
	width: 115px;
	z-index: 2;
}
.EBPopupAnything-box.modal-box .modal-body.padd {
	border: 1px solid #f8002e;
	padding: 40px;
}
.EBPopupAnything-box.modal-box .modal-body.padd h3 {
	margin-bottom: 40px;
	
}

.EBPopupAnything-box.modal-box .modal-body.padd a {
font-family: 'BarlowSCK-SemiBold';
display: inline-block;
border: 2px solid #f8002e;
color: #FFF !important;
border-radius: 18px;
padding: 2px 20px 2px 3px;
line-height: 100%;
text-transform: uppercase;
position: relative;
z-index: 1;
overflow: hidden;
	background: #f8002e;
	margin-top: 20px;
}
.EBPopupAnything-box.modal-box .modal-body.padd a::before {
	content: '\f138';
	font-family: FontAwesome;
    padding-right: 10px;
    display: inline-block;
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}