.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
/***

[Master Stylesheet]

Project Name:   Electric list (WordPress)
Last Changes:   14-oct-17
Assign To:      Mr.Ashraf

 ==============================================================
1. General Styling
2. Header
3. Responsive Header
4. Slides
5. About Section
6. Simple Text
7. Services
8. Portfolio
9. Full Width Portfolio
10. Portfolio Popup
11. Iconic Services
12. Portfolio Merged
13. Company Ideas
14. Testimonials
15. Brands Carousel 2
16. Welcome Section
17. Twitter Carousel
18. Blog Post
19. About Section
20. Staff Section
21. Counter Parallax
22. Contact Information
23. Boxed Parallax Service
24. Creative Team
25. Best Clients
26. Heading Style 2
27. Creative Carousel
28. Services Carousel
29. Fancy Counter
30. Simple Text Dark
31. Fancy Counter Style 2
32. Bar Chart
33. Price Table
34. Inner Page
35. Contact Page
36. FAQ'S Page
37. Search Result
38. Error 404 Page
39. Single Service Page
40. Single Team Page
41. Single Post
42. Sidebar
43. Footer
44. Bottom Footer
45. LIGHTBOX PLUGIN STYLING
46. TABLE BAR CHART
47. ANIMATIONS
48. SIMPLE LINE ICONS
============================================================== ***/
/*=============== General Styling ===================*/
html {
    overflow-x:hidden;
}
body {
    background-attachment:fixed !important;
    float:left;
    font-family:arimo;
    position:relative;
    width:100%;
}
body,ul,h1,h2,h3,h4,h5,h6,p{ 
    list-style:none;
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6{
    font-family:archivo narrow;
    color:#555555;
    letter-spacing:0.3px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:#555555;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
p {
    color:#666666;
    font-family:arimo;
    font-size:14px;
    letter-spacing:0.3px;
    line-height:30px;
}
ul,ol {
    float:left;
    width:100%;
}
ol {
    padding-left:20px;
}
ul li ,ul li a,
ol li,ol li a{
    color:#666666;
    font-family:arimo;
    font-size:12px;
    line-height:26px;
}
ul li i {
    color:#828080  ;
    font-size:14px;
    margin-right:10px;
}
a:hover,
a:focus{
    text-decoration:none;
    outline:none;
}
.theme-layout {
    float:left;
    width:100%;
}
.theme-layout.boxed {
    background:#FFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    width:1230px;
    
    -webkit-box-shadow:0 0 15px #121212;
    -moz-box-shadow:0 0 15px #121212;
    -ms-box-shadow:0 0 15px #121212;
    -o-box-shadow:0 0 15px #121212;
    box-shadow:0 0 15px #121212;
}
section {
    float:left;
    width:100%;
    position:relative;
    z-index:1;
}
.stop section {
    z-index:auto;
}
body.stop section .block {
    z-index: unset;
}
.block {
    float:left;
    padding:100px 0;
    position:relative;
    width:100%;
    z-index:1;
}
.block .container{
    padding:0;
}
.container{
    padding:0;
}
.block.remove-gap {
    padding-top:0;
}
.block.remove-bottom {
    padding-bottom:0;
}
.block.no-padding{
    padding:0!important;
}
.block.parallax-sec {
    padding:70px 0;
}
.block.white {
    background:none repeat scroll 0 0 #ffffff;
}
.block.gray {
    background:none repeat scroll 0 0 #fafafa;
}
section .block.extra-gap {
    padding-bottom:130px;
}
.blur{
    position:relative;
    float:left;
    width:100%;
}
.blur:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:-1;
    -webkit-box-shadow:0 0 133px 131px #FFF inset;
    -moz-box-shadow:0 0 133px 131px #FFF inset;
    -ms-box-shadow:0 0 133px 131px #FFF inset;
    -o-box-shadow:0 0 133px 131px #FFF inset;
    box-shadow:0 0 133px 131px #FFF inset;
}
.remove-ext {
    float:left;
    margin-bottom:-30px;
    width:100%;
}
iframe{
    width:100%;
    border:0;
}
.parallax {
    height:100%;
    margin:0;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    background-size:cover!important;
    background-attachment:fixed!important;
    width:100%;
    
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.parallax.pattern {
    background-repeat:repeat;
    background-size:auto auto !important;
}
.whitish:before,
.blackish:before,
.half:before,
.bluish:before,
.theme-bg:after{
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:100%;
    opacity:0.75;
    z-index:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.whitish:before {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    opacity:1;
}
.half:before {
    left: auto;
    right: 0;
    width: 50%;
}
.bluish:before{
    background:#03111c;
    opacity:0.91;
}
.theme-bg:after {
    opacity: .8;
    z-index: -1;
}
.merge-cols .column {padding: 0;}
iframe{
    border:0;
    width:100%;
    float:left;
}
/*=============== Header ===================*/
header {
    float:left;
    position:relative;
    width:100%;
    background:#FFF;
    z-index:99999;
}
.topbar {
    float:left;
    width:100%;
    background:#d6d3d3;
}
.top-social {
    width:auto;
}
.top-social > li {
    float:left;
    margin-right:1px;
    width:35px;
    height:35px;
    text-align:center;
}
.top-social > li a {
    background:none repeat scroll 0 0 #fafafa;
    float:left;
    width:100%;
    height:100%;
    line-height:35px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.top-social > li a i {
    margin:0;
    color:#8f8f8f;
    font-size:13px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.top-social > li a:hover i{
    color:#FFF;
}
.contact-information {
    width:auto;
}
.contact-information > li {
    float:left;
    font-size:11px;
    color:#686767;
    letter-spacing:0.4px;
    line-height:10px;
    margin:12px 60px 12px 0;
}
.contact-information > li:last-child{
    margin-right:0;
}
.contact-information > li i{
    font-size:11px;
}
.topbar form {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    float: left;
    margin: 0 0 0 50px;
    width: 224px;
}
.topbar form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #7f7d7d;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 35px;
    letter-spacing: 0.5px;
    line-height: 25px;
    padding: 5px 10px;
    text-align: right;
    text-transform: capitalize;
    width: auto;
}
.topbar form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #888888;
    float: left;
    font-size: 13px;
    height: 100%;
    line-height: 35px;
    padding: 0;
    width: 30px;
}
.menu {
    float:left;
    width:100%;
    position:relative;
}
.logo {
    float:left;
    margin-top:32px;
    margin-bottom:22px;
    max-width:20%;
}
.logo > a {
    float:left;
    width:100%;
}
header nav {
    float:right;
    max-width:80%;
}
nav li {
    color:#525050;
    float:left;
    margin:0 10px;
    position:relative;
}
nav li a {
    color:#525050;
    float:left;
    font-family:arimo;
    font-size:13px;
    letter-spacing:0.4px;
    line-height:24px;
    padding:35px 20px;
    position:relative;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
nav li a:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:4px;
    width:0;
    z-index:1;
    position:absolute;
    bottom:-4px;
    left:50%;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
nav li:hover > a:before{
    left:-15%;
    width:130%;
}
header.header2,
header.header3 {
    background:none;
    position:relative;
    top:15px;
}
header.header2 nav,
header.header3 nav{
    padding-left:70px;
    position:relative;
    width:80%;
}
header.header2 nav:before,
header.header3 nav:before {
    background:none repeat scroll 0 0 #efefef;
    bottom:-5px;
    content:"";
    height:5px;
    left:0;
    position:absolute;
    width:200%;
    z-index:0;
}
header.header2 nav > ul, 
header.header3 nav > ul {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    padding-left:70px;
    padding-right:150px;
}
header.header2 nav li:hover > a:before, 
header.header3 nav li:hover > a:before{
    width:100%;
    left:0;
}
header.header2,
header.header3{
    background:none;
    top:0;
}
header.header3:before {
    background:none repeat scroll 0 0 #ffff00;
    content:"";
    height:5px;
    width:100%;
    z-index:4;
    position:absolute;
    left:0;
    top:0;
}
header.header2 .menu, 
header.header3 .menu {
    background:none repeat scroll 0 0 #ffffff;
    border-bottom:9px solid #ffffff;
    padding-bottom:5px;
}
header.header2 .logo,
header.header3 .logo {
    background:none repeat scroll 0 0 #FFF;
    margin:0 0 -10px;
    padding:42px 0 22px;
    position:relative;
    width:19.5%;
}
header.header2 .logo:before, header.header2 .logo:after,
header.header3 .logo:before, header.header3 .logo:after {
    background:none repeat scroll 0 0 #efefef;
    border:0 none;
    content:"";
    height:160px;
    position:absolute;
    right:16px;
    top:-39px;
    width:5px;
    z-index:2;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
header.header2 .logo:after,
header.header3 .logo:after {
    background:none repeat scroll 0 0 #ffffff;
    height:100%;
    right:-37px;
    top:0;
    width:90px;
    z-index:1;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}
header.header2 nav li a:before,
header.header3 nav li a:before {
    height:5px;
    bottom:-5px;
}
header.header2 nav ul,
header.header3 nav ul{
    padding-right:0;
}
header.header2 nav > ul, header.header3 nav > ul{
    float:right;
    width:auto;
}
header.header2 .topbar {
    background:none repeat scroll 0 0 #efefef;
    position:relative;
    z-index:3;
}
header.header4 {
    background:none repeat scroll 0 0 #fbfbfb;
}
header.header4 .logo {
    float:left;
    margin:35px 0;
    max-width:100%;
    text-align:center;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
header.header4 nav{
    max-width:none;
    width:100%;
}
.full-navigation {
    border-top:1px solid #c0c0c0;
    float:left;
    max-width:none;
    position:relative;
    text-align:center;
    width:100%;
}
.full-navigation .container nav > ul {
    display:table;
    float:none;
    margin:0 auto;
    width:auto;
}
header.header4 .full-navigation .container nav  > ul > li > a {
    padding:20px;
}
header.header4 nav:before {
    background:none repeat scroll 0 0 #eaeaea;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    top:2px;
    width:100%;
}
header.header4 .full-navigation .container nav  > ul > li > a i {
    background:none repeat scroll 0 0 #fbfbfb;
    height:20px;
    width:0;
    overflow:hidden;
    line-height:20px;
    margin:0;
    opacity:0;
    position:absolute;
    left:50%;
    top:-8px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
header.header4 .full-navigation .container nav  > ul > li:hover > a i {
    opacity:1;
    width:30px;
    margin:0 0 0 -15px;
}
header.header4 nav li a:before{
    display:none;
}
header.side-header {
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:92px;
    overflow:hidden;
    z-index:100000;
    -webkit-box-shadow:0 0 2px #808080;
    -moz-box-shadow:0 0 2px #808080;
    -ms-box-shadow:0 0 2px #808080;
    -o-box-shadow:0 0 2px #808080;
    box-shadow:0 0 2px #808080;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
header.side-header.opened{
    width:330px;    
}
.menu-open {
    background:none repeat scroll 0 0 #ffffff;
    float:right;
    height:100%;
    width:92px;
    z-index:1;
    position:relative;
}
.menu-open > span {
    float:left;
    width:100%;
    height:90px;
    font-size:37px;
    text-align:center;
    line-height:90px;
    color:#FFF;
    cursor:pointer;
}
body.sideheader-page {
    padding-left:92px;
}
.sideheader-page section .block {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.main-menu {
    height:100%;
    width:238px;
    overflow:hidden;
    background:#444343;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.side-logo {
    float:left;
    width:100%;
    text-align:center;
    padding:90px 20px;
}
.side-menu {
    float:left;
    max-height:285px;
    overflow-x:visible;
    overflow-y:scroll;
    width:100%!important;
    padding:0!important;
}
.side-menu li {
    float:left;
    width:100%;
    border-bottom:1px solid #3d3c3c;
}
.side-menu li a {
    background:none repeat scroll 0 0 #2c2c2c;
    float:left;
    padding:15px 30px;
    width:100%;
    font-family:arimo;
    font-size:13px;
    color:#FFF;
    letter-spacing:0.4px;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;
}
.side-menu li a:hover{
    -webkit-transition:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -ms-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.side-menu li ul {
    display:none;
}
.side-menu li ul li a {
    background:none repeat scroll 0 0 #383838;
    color:#bcbcbc;
    font-size:12px;
    line-height:20px;
}
.side-menu li ul li a:hover{
    color:#FFF;
}
.copyrights {
    float:left;
    width:100%;
    text-align:center;
    padding:40px 10px;
}
.copyrights > p {
    font-size:12px;
    color:#999999;
    margin-bottom:10px;
}
.menu-open > h6 {
    color:#595858;
    font-family:arimo;
    font-size:12px;
    letter-spacing:5px;
    width:100%;
    height:14px;
    margin-right:-48px;
    position:absolute;
    bottom:100px;
    right:50%;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.opened .menu-open > h6{
    letter-spacing:20px;
    opacity:0;
}
.menu-open > ul {
    padding:0 20px;
    position:absolute;
    bottom:60px;
    width:100%;
    text-align:center;
}
.menu-open > ul li {
    display:table;
    width:44px;
    height:44px;
    margin:0 auto;
    opacity:0;
    -webkit-transform:translateY(-60px);
    -moz-transform:translateY(-60px);
    -ms-transform:translateY(-60px);
    -o-transform:translateY(-60px);
    transform:translateY(-60px);
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.opened .menu-open > ul li{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.menu-open > ul li a {
    float:left;
    width:100%;
    height:auto;
    line-height:44px;
    background:#eaeaea;
    margin-bottom:15px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.menu-open > ul li:last-child a{
    margin-bottom:0;
}
.menu-open > ul li a i {
    margin:0;
    float:left;
    width:100%;
    height:100%;
    line-height:44px;
    font-size:17px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.menu-open > ul li a:hover i{
    color:#FFF;
}
nav li ul {
    position:absolute;
    top:100%;
    width:220px;
    left:-9999px;
}
nav li:hover ul{
    left:0;
} 
nav li ul li.menu-item-has-children:before {
    color:#a0a0a0;
    content:"\f105";
    font-family:fontawesome;
    z-index:1;
    position:absolute;
    right:20px;
    top:6px;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
nav li ul li.menu-item-has-children:hover:before {
    opacity:0;
    right:-15px;
}
nav li ul li {
    float:left;
    margin:0;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
nav > ul > li > ul > li,
nav > ul > li > ul > li > ul li {
    opacity:0;
    margin-top:10px;
}
nav > ul > li:hover > ul > li,
nav > ul > li:hover > ul > li:hover > ul li {
    opacity:1;
    margin-top:0;
}
nav li ul li a {
    width:100%;
    padding:7px 30px;
    font-size:12px;
    background:rgba(255,255,255,0.95);
    border-bottom:1px solid rgba(0,0,0,0.2);
    background-clip:inherit;
    border-top:1px solid rgba(255,255,255,0.4);
}
nav li ul li:last-child > a {
    border-bottom:0;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
nav li ul li a:before,
header.header2 nav li ul li  a:before, 
header.header4 nav li ul li  a:before{
    height:1px;
    bottom:-1px;
}
nav li ul li:last-child a:before{
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
nav ul li ul li:hover > a:before {
    left:0;
    width:100%;
}
header.header2 nav li ul, header.header3 nav li ul {
    padding-top:14px;
}
nav li:hover ul li ul,
nav li:hover ul li ul {
    left:-9999px;
    top:0;
}
nav li ul li:hover > ul{
    left:100%;
    padding:0;
}
header.sticky .menu {
    background:none repeat scroll 0 0 #ffffff;
    left:0;
    position:fixed;
    z-index: 1000;
    top:0;
    -webkit-box-shadow:-1px 0 3px #dfdfdf;
    -moz-box-shadow:-1px 0 3px #dfdfdf;
    -ms-box-shadow:-1px 0 3px #dfdfdf;
    -o-box-shadow:-1px 0 3px #dfdfdf;
    box-shadow:-1px 0 3px #dfdfdf;
}
header.sticky .menu .logo {
    margin-bottom:10px;
    margin-top:10px;
}
header.sticky nav > ul > li > a {
    padding:18px 15px;
}
body.inner-page {
    border:0 none;
}
header.header2.sticky .menu .logo,
header.header3.sticky .menu .logo {
    margin:0;
    padding:10px 0;
}
header.sticky.header2 nav,
header.sticky.header3 nav {
    padding-left:54px;
}
.logo > a img {
    max-width:100%;
    position:relative;
    width:140px;
    z-index:6;
}
header.header2 .logo:before, 
header.header2 .logo:after, 
header.header3 .logo:before, 
header.header3 .logo:after {
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
header.header2.sticky .logo:before, 
header.header2.sticky .logo:after, 
header.header3.sticky .logo:before, 
header.header3.sticky .logo:after {
    right: 46px;
    top: -73px;
}
header.header4.sticky .menu {
    background: inherit;
}
header nav li:before,
.side-menu li:before,
.responsive-header > ul li:before{
    content: "" !important;
}
/*=============== Responsive Header ===================*/
.responsive-header{
    display:none;
}
.responsive-header {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #dfdfdf;
    display: none;
    float: left;
    left: 0;
    padding-bottom: 20px;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 100000;
    -webkit-border-radius:0 0 3px 0;
    -moz-border-radius:0 0 3px 0;
    -ms-border-radius:0 0 3px 0;
    -o-border-radius:0 0 3px 0;
    border-radius:0 0 3px 0;
}
.responsive-logo {
    display:table;
    margin:0 auto;
    padding:15px 0;
    text-align:center;
}
.responsive-logo a {
    float:left;
    width:100%;
    color:#7F7F7F;
}
.responsive-logo a img {
    float:left;
    height:auto;
}
.responsive-logo a h1 {
    float:left;
    font-size:22px;
    font-weight:500;
    line-height:40px;
    margin-left:20px;
}
.responsive-header > span {
    background:none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-bottom:1px solid #e7e7e7;
    color:#bfbfbf;
    float:left;
    font-size:19px;
    margin-left:10%;
    padding:5px 10px;
    text-align:center;
    cursor:pointer;
    width:80%;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.responsive-header > ul {
    background:none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-top:1px solid #f7f7f7;
    float:left;
    margin-left:10%;
    padding:10px;
    display:none;
    position:relative;
    width:80%;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.responsive-header > ul li {
    float:left;
    width:100%;
}
.responsive-header > ul li a {
    border-bottom:1px solid #e7e7e7;
    border-top:1px solid #f7f7f7;
    color:#919191;
    float:left;
    font-size:13px;
    letter-spacing:0.2px;
    line-height:12px;
    overflow:hidden;
    padding:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.responsive-header > ul li:hover > a,
.responsive-header > ul li.opened > a{
    color:#2f8cff;
}
.responsive-header > ul li:first-child > a{
    border-top:0;
}
.responsive-header > ul li:last-child > a{
    border-bottom:0;
}
.responsive-header > ul ul {
    padding-left:20px;
    border-bottom:1px solid #e7e7e7;
    float:left;
    width:100%;
    display:none;    
}
.responsive-header .topbar{
    background:none;
}
.responsive-header .topbar .container {
    float:left;
    width:100%;
}
.responsive-header .top-social {
    display:table;
    float:none;
    margin:0 auto 10px;
}
.responsive-header .contact-information > li {
    float:left;
    margin:0;
    padding:5px 20px;
    width:100%;
}
.responsive-header .contact-information > li {
    margin:0;
    float:left;
    width:100%;
    padding:5px 20px;
}
.responsive-header .topbar form {
    border:1px solid #cfcfcf;
    float:left;
    margin:10px 0 0 5%;
    overflow:hidden;
    position:relative;
    width:90%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.responsive-header .topbar form input {
    height:35px;
    padding-right:50px;
    width:100%;
}
.responsive-header .topbar form button {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position:absolute;
    right:0;
    top:0;
    width:40px;
}
.responsive-header .topbar .container .pull-right {
    width:100%;
}
.responsive-header .contact-information {
    width:auto;
    float:none;
    text-align:center;
}
/*=============== SLIDES ===================*/
.slide-subtitle{
    text-align:center;
    text-transform:uppercase;
    font-family:oswald;
    letter-spacing:24px;
}
.slide-subtitle:before{
    content:"";
    background:black;
    opacity:0.5;
    width:100%;
    height:100%;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
}
.slide-subtitle:after {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:20px;
    width:100%;
    opacity:0.5;
    z-index:-1;
    position:absolute;
    top:-20px;
    left:0;
}
.slide-title{
    background:rgba(0,0,0,0.5);
    text-transform:uppercase;
    text-align:center;
    font-family:oswald;
}
.slide-line{
    background:#FFF;
}
.slide-line:before,
.slide-line:after{
    content:"";
    position:absolute;
    left:10%;
    width:30%;
    height:100%;    
}
.slide-line:after{
    left:60%;
}
.slide-desc{
    text-align:center;
    color:#FFF;
}
.slide-button{
    background-color:rgba(56,56,56,0.8);
    color:#FFF;
    text-transform:uppercase;
    font-family:arimo;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.slide-button:hover{
    color:#FFF;
}
.slide-title2{
    font-family:oswald;
    text-shadow:2px 1px 1px #505050;
}
.slide-subtitle2{
    color:#FFF;
    font-family:archivo narrow;
    text-transform:uppercase;
}
.slide-subtitle2:before,
.slide-subtitle2:after {
    background:url("../images/resource/slide-subtitle2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    content:"";
    height:100%;
    left:-289px;
    position:absolute;
    top:0;
    width:289px;
}
.slide-subtitle2:after {
    left:auto;
    right:-289px;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
}
.slide-desc2{
    font-family:arimo;
    color:#FFF;
    text-align:center;
}
.slide-title3{
    font-family:oswald;
    text-transform:uppercase;
    font-weight:200;
    letter-spacing:30px;
    text-align:center;
}
.slide-subtitle3{
    font-family:archivo narrow;
    text-align:center;
    background:rgba(0,0,0,0.39);
    letter-spacing:10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide-bigfont {
    font-family:archivo narrow;
    opacity:0.3;
    letter-spacing:30px;     
}
.ls-bottom-nav-wrapper{
    display:none;
}
.simple-slider {
    float:left;
    position:relative;
    width:100%;
}
.gallery_kenburns canvas {
    float:left;
    width:100%;
}
.kenburns-text {
    width:100%;
    position:absolute;
    top:50%;
    left:0;
    text-align:center;
    z-index:1000000;
}
.gallery_kenburns {
    float:left;
    width:100%;
    position:relative;
    z-index:1;
}
.simple-icon {
    display:inline-block;
    margin-bottom:20px;
    position:relative;
}
.simple-icon > span {
    float:left;
    padding:0 20px;
    position:relative;
    width:100%;
}
.simple-icon:before,
.simple-icon:after,
.simple-icon > span:before,
.simple-icon > span:after {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    content:"";
    height:4px;
    position:absolute;
    left:-46px;
    top:15px;
    width:46px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
}
.simple-icon:after,
.simple-icon > span:after{
    left:auto;    
    right:-46px;
}
.simple-icon > span:before,
.simple-icon > span:after {
    top:22px;
}
.kenburns-text h3 {
    color:#ffffff;
    float:left;
    font-size:15px;
    letter-spacing:11px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.kenburns-text h2 {
    color:#ffffff;
    float:left;
    font-family:oswald;
    font-size:72px;
    letter-spacing:2.3px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.kenburns-text p {
    color:#ffffff;
    display:table;
    line-height:33px;
    margin:0 auto;
    width:70%;
}
.text-carousel {
    display:table;
    margin:0 auto;
    padding:150px 0 0;
    text-align:center;
    width:70%;
}
.carousel-slide {
    float:left;
    padding-top:70px;
    position:relative;
    width:100%;
}
.carousel-slide:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:50px;
    left:50%;
    margin-left:-25px;
    position:absolute;
    top:8px;
    width:50px;
    z-index:1;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -ms-border-radius:7px;
    -o-border-radius:7px;
    border-radius:7px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.carousel-slide > h4 {
    color:#ffffff;
    float:left;
    font-family:oswald;
    font-size:55px;
    margin:25px 0 10px;
    width:100%;
}
.carousel-slide > h5 {
    float:left;
    font-family:oswald;
    font-size:35px;
    font-weight:300;
    margin-bottom:20px;
    width:100%;
}
.carousel-slide > p {
    color:#c9c9c9;
    float:left;
    font-size:15px;
    line-height:27px;
    width:100%;
    margin-bottom:40px;
}
.carousel-slide > a {
    border:1px solid #ffffff;
    color:#ffffff;
    display:table;
    font-size:15px;
    margin:0 auto;
    padding:10px 40px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.carousel-slide > a:hover{color:#FFF;}
.carousel-slide > img {
    display:table;
    margin:0 auto;
    width:auto !important;
}
/*=============== About Section ===================*/
.parallax.special {
    background-position:0 0 !important;
    background-repeat:no-repeat !important;
    background-size:auto auto !important;
}
.about {
    float:left;
    width:100%;
}
.abt-services {
    border:1px solid #ededed;
    float:left;
    text-align:center;
    width:100%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.abt-services .service-block {
    padding:35px 10px;
    border-right:1px solid #ededed;
    border-bottom:1px solid #ededed;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.abt-services .service-block:hover{background:#f9f9f9;}
.service-row {
    float:left;
    width:100%;
    border-bottom:1px solid #ededed;
}
.service-row:last-child{
    border:0;
}
.abt-services .service-row .service-block:last-child {
    border:0;
}
.service-block i {
    color:#666666;
    font-size:60px;
}
.service-block > h6 {
    color:#999999;
    float:left;
    font-family:arimo;
    font-size:12px;
    margin-top:20px;
    width:100%;
}
.about > h5 {
    color:#888888;
    float:left;
    font-size:12px;
    font-weight:300;
    letter-spacing:2px;
    margin-bottom:5px;
    text-transform:uppercase;
    width:100%;
}
.about h3 {
    color:#555555;
    float:left;
    font-size:30px;
    font-weight:600;
    letter-spacing:0.3px;
    margin:5px 0 15px;
    text-transform:capitalize;
    width:100%;
}
.about h3 span {
    font-weight:200;
}
.about p {
    float:left;
    line-height:28px;
    width:100%;
}
.about .counters {
    margin-top:30px;
}
.counters {
    float:left;
    margin-bottom:-30px;
    text-align:center;
    width:100%;
}
.counter-box h5.count,
.counter-box span {
    color:#888;
    display:inline;
    font-size:30px;
    font-weight:500;
    font-family:oswald;
    letter-spacing:0.4px;
    padding:0 2px;
}
.counter-box h6 {
    color:#b7b7b7;
    float:left;
    font-family:arimo;
    font-size:12px;
    line-height:25px;
    margin:10px 0;
    width:100%;
}
.counter-box p strong{
    font-weight:800;
}
.counters .counter-box p {
    color:#666666;
    font-size:12px;
}
.counter-box {
    float:left;
    margin-bottom:30px;
    text-align:center;
    width:100%;
}
.blackish .counters .counter-box h5.count,
.blackish .counter-box span{
    color:#FFF;    
}
.counters .counter-box h6{
    color:#666666;
}
.counters .counter-box p{
    color:#666666;
    line-height:16px;
}
/*=============== Simple Text ===================*/
.simple-text {
    float:left;
    position:relative;
    text-align:center;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;    
}
.centered-title {
    float:left;
    width:100%;
    margin-bottom:25px;
    position:relative;
    text-align:center;
}
.centered-title > span {
    float:left;
    font-family:archivo narrow;
    font-size:16px;
    letter-spacing:7px;
    line-height:13px;
    margin-bottom:15px;
    width:100%;
}
.centered-title > h3 {
    color:#ffffff;
    display:inline-block;
    font-family:archivo narrow;
    font-size:33px;
    letter-spacing:1.5px;
    margin:0 auto;
    padding-bottom:20px;
    position:relative;
}
.centered-title > h3:before {
    content:"";
    position:absolute;
    left:50%;
    width:50%;
    height:1px;
    margin-left:-25%;
    background:black;
    bottom:0;
}
.simple-text > p {
    color:#cecece;
    float:left;
    font-size:15px;
    line-height:31px;
    padding:0 240px;
    width:100%;
}
.simple-text > a {
    border:1px solid #ffffff;
    color:#ffffff;
    display:inline-block;
    font-family:arimo;
    font-size:12px;
    letter-spacing:0.4px;
    line-height:24px;
    margin-top:30px;
    padding:10px 40px;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.simple-text > a:hover{
    color:#FFF;
}
.simple-text.form-opened{
    opacity:0;
}
.form.show {
    opacity: 1;
    top: 0;
    z-index: 9;
    position: relative;
	-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.form.show > span{top: -10px;}
.form{
    width:100%;
    padding:0 15px;
    opacity:0;
    z-index:-1;
    position:absolute;
    left:0;
    top:30px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.form > form {
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.form > h4 {
    font-family:oswald;
    font-size:26px;
    color:#FFF;
    float:left;
    width:100%;
    margin-bottom:10px;
    text-align:center;
}
.form input,.form textarea {
    background:none repeat scroll 0 0 rgba(81, 79, 79, 0.7);
    border:1px solid #555555;
    color:#dddddd;
    float:left;
    font-family:arimo;
    font-size:12px;
    height:50px;
    padding:6px 30px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.form input::-moz-placeholder{
    opacity:1;
}
.form input[type="submit"] {
    border:0 none;
    color:#ffffff;
    display:table;
    float:none;
    font-family:archivo narrow;
    font-size:13px;
    font-weight:600;
    height:auto;
    letter-spacing:0.4px;
    line-height:30px;
    margin:15px auto 0;
    width:auto;
}
.form > span {
    border:1px solid #ffffff;
    color:#ffffff;
    font-size:20px;
    height:40px;
    line-height:37px;
    position:absolute;
    right:0;
    cursor:pointer;
    text-align:center;
    width:40px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.form label {
    color:#ffffff;
    float:left;
    font-family:archivo narrow;
    font-size:12px;
    font-weight:500;
    letter-spacing:0.4px;
    text-transform:uppercase;
    width:100%;
}
.form label i {
    bottom: auto;
    color: #ffffff;
    float: left;
    font-size: 14px;
    left: auto;
    margin-right: 10px;
    margin-top: 3px;
    position: relative;
    top: auto;
}
.form label input {
    float:left;
    height:auto;
    margin:2px 10px 0 0;
    width:auto;
}
.message {
    float:left;
    /*margin-bottom: 20px;*/
    width:100%;
}
.message > div.alert-success {
    float:left;
    padding:10px 20px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    margin-bottom: 20px;
}
/*=============== Services ===================*/
.container.full {
    width:100%;
}
.container.full > .row, .container.full > .row > div {
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.services .row > div {
    padding:0;
}
.service {
    background:none repeat scroll 0 0 rgba(242, 242, 242, 0.9);
    border-color:#fff #cdcdcd #cdcdcd #fff;
    border-style:solid;
    border-width:1px;
    float:left;
    padding:70px 30px 50px;
    text-align:center;
    width:100%;
    position:relative;
    overflow:hidden;
}
.service i {
    color:#a57f7f;
    float:left;
    font-size:70px;
    height:90px;
    padding-bottom:20px;
    width:100%;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.service i:after {
    background:url("../images/border.png") repeat scroll center center transparent;
    bottom:0;
    content:"";
    height:3px;
    left:50%;
    margin-left:-50px;
    position:absolute;
    width:100px;
}
.service:hover i{
    height:0;
    padding-bottom:0;
}
.service > h3 {
    float:left;
    font-size:20px;
    padding:25px 0 20px;
    width:100%;
    text-transform:uppercase;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;  
}
.service:hover > h3{
    padding-top:0;
}
.service > span {
    float:left;
    font-family:arimo;
    font-size:11px;
    letter-spacing:4px;
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    height:13px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.service:hover > span{
    height:0;
}
.service.grayish{
    background:rgba(223, 223, 223, 0.9);
}
.service > p {
    float:left;
    height:0;
    line-height:27px;
    width:100%;
    padding-top:0;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.service:hover > p{
    padding-top:25px;
    height:128px;
}
.service > p:before {
    background:url("../images/border.png") repeat scroll center center transparent;
    content:"";
    height:3px;
    left:50%;
    margin-left:-50px;
    position:absolute;
    top:0;
    width:100px;
}
/* Heading Style 2 */
.heading {
    float:left;
    text-align:center;
    width:100%;
    margin-bottom:30px;
    position:relative;
    z-index:9;
}
.heading h2,
.page-title h2 {
    float:none;
    margin:0 auto;
    display:table;
    font-family:Oswald;
    font-size:40px;
    color:#383738;
    letter-spacing:0.30px;
    position:relative;
    padding-bottom:30px;
    padding-left:90px;
    padding-right:90px;
    text-transform:uppercase;
}
.page-title h2 {
    font-size:55px;
}
.heading h2 {
    color:#555555;
    font-family:archivo narrow;
    font-size:33px;
    text-transform:capitalize;
    letter-spacing:0.5px;
    font-weight:600;
}
.heading span > i{
    color:#6e6e6e;
    font-style:normal;
    display:table;
    float:none;
    font-family:Arimo;
    font-size:11px;
    letter-spacing:4px;
    margin:-13px auto 0;
    padding:0 33px;
    position:relative;
    text-transform:uppercase;
    z-index:999999999;
}
.lines {
    float:none;
    margin:0 auto;
    display:table;
    position:relative;
}
.heading .lines > span {
    float:left;
    position:relative;
    width:100%;
}
.lines > span:before {
    position:absolute;
    left:-80px;
    top:-14px;
    width:80px;
    height:3px;
    background-image:url('../images/border.png');
    content:"";
}
.lines > span:after {
    position:absolute;
    right:-80px;
    top:-14px;
    width:80px;
    height:3px;
    background-image:url('../images/border.png');
    content:"";
}
.heading  span i:before {
    position:absolute;
    left:15px;
    top:50%;
    width:5px;
    height:5px;
    background:#a7a7a7;
    content:"";
    margin-top:-2.5px;
}
.heading  span i:after {
    position:absolute;
    right:15px;
    top:50%;
    width:5px;
    height:5px;
    background:#a7a7a7;
    content:"";
    margin-top:-2.5px;
}
.heading h2 > i {
    font-style:normal;
}
.lines:before {
    background-image:url("../images/border.png");
    content:"";
    height:3px;
    left:-130px;
    position:absolute;
    top:-7px;
    width:130px;
}
.lines:after {
    background-image:url("../images/border.png");
    content:"";
    height:3px;
    right:-130px;
    position:absolute;
    top:-7px;
    width:130px;
}
.heading > p {
    color:#888888;
    float:left;
    font-size:14px;
    line-height:26px;
    margin-left:25%;
    margin-top:20px;
    width:50%;
}
.blackish .heading h2,.blackish .lines span i{
    color:#FFF;
}
.heading2.light h2 {
    color:#ffffff;
}
.heading2.light > span {
    color:#a3a3a3;
}
.heading2.light > span:before {
    background-image:url("../images/border2.png");
}
.light .service-item h3 {
    color:#ffffff;
}
.light .service-item > p {
    color:#b8b8b8;
}
/* Isotop */
.isotope-item {
  z-index:2;
}
.isotope-hidden.isotope-item {
  pointer-events:none;
  z-index:1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
    -webkit-transition-duration:0.8s;
    -moz-transition-duration:0.8s;
    -ms-transition-duration:0.8s;
    -o-transition-duration:0.8s;
    transition-duration:0.8s;
}
.isotope {
    -webkit-transition-property:height, width;
    -moz-transition-property:height, width;
    -ms-transition-property:height, width;
    -o-transition-property:height, width;
    transition-property:height, width;
}
 
.isotope .isotope-item {
    -webkit-transition-property:-webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    -ms-transition-property:transform, opacity;
    -o-transition-property:transform, opacity;
    transition-property:transform, opacity;
}
/*=============== Portfolio ===================*/
#portfolio{
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
#portfolio-mas {
    float:left;
    width:100%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.portfolio-sec {
    float:left;
    width:100%;
    overflow:hidden;
}

.portfolio-sec #portfolio > .col-md-4 {
    width: 33.2%;
}

.portfolio-nav,
.inner-page ul.portfolio-nav {
    display: table;
    float: none;
    list-style: outside none none;
    margin: 0 auto 40px;
    padding: 0;
    width: auto;
}
.portfolio-nav > li > a span {
    border:1px solid #d3d3d3;
    color:#3e3e3e;
    float:left;
    font-family:arimo;
    font-size:12px;
    letter-spacing:0.3px;
    margin:0 1px;
    padding:8px 35px;
    position:relative;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    
    -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;
}
.portfolio-nav > li > a.selected  > span{
    color:#fff;
}
.portfolio-nav > li > a span i {
    position:absolute;
    left:12px;
    top:14px;
    color:#FFF;
    opacity:0;
    -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;
}
.portfolio-nav > li > a.selected span i{
    opacity:1;
    left:15px;
}
.portfolio-nav > li > a.selected {
    color:transparent;
    position:relative;
    z-index:9;
    -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;
}
.portfolio-nav > li {
    float:left;
    margin:0 2px;
}
#portfolio {
    float:left;
    width:100%;
}
.portfolio {
    float:left;
    margin-bottom:30px;
    position:relative;
    width:100%;
    overflow:hidden;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.portfolio:before{
    background:#000;
    opacity:0;
    content:"";
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -ms-transform:scale(0.8);
    -o-transform:scale(0.8);
    transform:scale(0.8);
}
.portfolio:hover:before{
    opacity:0.77;
    
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.portfolio > img {
    float:left;
    width:100%;
    height:auto;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -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;
}
.portfolio:hover > img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.portfolio-hover {
    text-align:center;
    padding:50px 20px;
    position:absolute;
    left:0;
    top:50%;
    z-index:1;
    width:100%;
}
.portfolio-hover > h3 {
    float:left;
    width:100%;
    margin-bottom:50px;
    margin-top:-30px;
    opacity:0;
    -webkit-transition:all 0.2s ease 0.1s;
    -moz-transition:all 0.2s ease 0.1s;
    -ms-transition:all 0.2s ease 0.1s;
    -o-transition:all 0.2s ease 0.1s;
    transition:all 0.2s ease 0.1s;
}
.portfolio:hover .portfolio-hover > h3 {
    opacity:1;
    margin-top:0;
    margin-bottom:20px;
}
.portfolio-hover > h3 a {
    color:#ffffff;
    float:left;
    font-size:20px;
    letter-spacing:0.4px;
    width:100%;
}
.portfolio-hover > ul {
    opacity:0;
    text-align:center;
    display:table;
    margin:0 auto;
    width:auto;
    float:none;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;
}
.portfolio:hover .portfolio-hover > ul{
    opacity:1;
}
.portfolio-hover > ul li {
    display:inline-block;
    margin:0 10px;
    position:relative;
}
.portfolio-hover li:before {
    color:#ffffff;
    content:"/";
    line-height:13px;
    position:absolute;
    right:-10px;
    top:0;
}
.portfolio-hover li:last-child:before {
    display:none;
}
.portfolio-hover > ul li a {
    float:left;
    font-family:arimo;
    font-size:12px;
    letter-spacing:1.5px;
    line-height:14px;
    width:100%;
    text-transform:uppercase;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.portfolio-hover > ul li a:hover {letter-spacing: 3px;}
.view-all {
    float:left;
    width:100%;
    margin-top:50px;
    text-align:center;
}
.view-all > a {
    background:none repeat scroll 0 0 #bfbaba;
    color:#ffffff;
    display:inline-block;
    padding:10px 30px;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:0.5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.project-title {
    left:0;
    position:absolute;
    top:50%;
    width:100%;
}
.style2 .portfolio{
    margin-bottom:6px;
}
.style2 .portfolio img,.style2 .portfolio{
    width:auto;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.portfolio-sec.style2 {
    float:none;
    margin:0 -6px;
    width:auto;
}
.portfolio-sec.style2 > div > div {
    padding:0 3px;
}
/*=============== Full Width Portfolio ===================*/
.fullwidth-portfolio {
    float:left;
    width:100%;
}
.big-portfolio {
    float:left;
    width:100%;
    background:#f6f6f6;
}
.big-portfolio:hover{background:#F4f4f4}
.big-port-desc {
    float:left;
    width:50%;
}
.big-port-img {
    float:left;
    width:50%;
}
.big-port-desc {
    float:left;
    padding:90px 90px 30px;
    width:50%;
}
.big-port-desc > span {
    float:left;
    font-size:12px;
    letter-spacing:4px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.big-port-desc h3 {
    color:#444444;
    float:left;
    font-family:oswald;
    font-size:24px;
    letter-spacing:1px;
    margin-bottom:15px;
    width:100%;
    text-transform:uppercase;
}
.big-port-desc > p {
    float:left;
    margin-bottom:30px;
    width:100%;
}
.big-port-desc > ul li,
.popup ul li {
    float:left;
    line-height:30px;
    color:#c1bfbf;
    width:25%;
}
.big-port-desc > ul li a,
.popup ul li a {
    float:left;
    font-size:13px;
    letter-spacing:0.4px;
    line-height:30px;
    width:100%;
}
.big-port-desc > ul li a i,
.popup ul li a i {
    float:left;
    font-size:8px;
    line-height:30px;
}
.big-port-desc a.read-btn {
    margin-top:0;
}
.switch .big-port-desc {
    float:right;
}
.big-port-img > img {
    width:100%;
}
/*=============== Portfolio Popup ===================*/
body.stop, html.stop {
    overflow-y:hidden !important;
}
body.stop {padding-right:17px;}
body.stop .bottom-footer {z-index: 0;}
.portfolio-popup {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    height:100%;
    width:100%;
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:2147483647;
}
.portfolio-popup .container {
    position:relative;
}
.portfolio-popup.fix-height {
    overflow-y:scroll;
}
.popup {
    height:100%;
    width:100%;
    opacity:0;
    position:absolute;
    left:0;
    top:100px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.popup.active{
    opacity:1;
    z-index:1;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.popup img {
    margin-bottom:20px;
    width:100%;
}
.popup span {
    float:left;
    font-size:12px;
    letter-spacing:5px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.popup h4 {
    color:#ffffff;
    float:left;
    font-family:oswald;
    font-size:24px;
    font-weight:400;
    letter-spacing:1.5px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.popup p {
    color:#c1bfbf;
    float:left;
    line-height:30px;
    margin-bottom:20px;
    width:100%;
}
.popup-images {
    float:left;
    margin:40px 0 20px;
    width:100%;
}
.portfolio-popup .container > span {
    cursor:pointer;
    border:3px double;
    color:#ffffff;
    font-size:30px;
    height:50px;
    line-height:45px;
    position:absolute;
    right:0;
    text-align:center;
    top:20px;
    width:50px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.portfolio-popup .container > span:hover{
    color:#FFF;
}
.popup .read-btn {
    margin-top:40px;
}
/*=============== Iconic Services ===================*/
.iconic-service {
    float:left;
    width:100%;
    text-align:center;
}
.icon,
.single-service .service-boxed:hover .icon{
    float:left;
    width:100%;
    max-height:122px;
    min-height:0;
    margin-bottom:20px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.icon span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e6e5e4;
    color: #858585;
    display: inline-block;
    font-size: 40px;
    height: 100px;
    line-height: 100px;
    width: 100px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0 0 23px #f9f9f9 inset;
    -moz-box-shadow:0 0 23px #f9f9f9 inset;
    -ms-box-shadow:0 0 23px #f9f9f9 inset;
    -o-box-shadow:0 0 23px #f9f9f9 inset;
    box-shadow:0 0 23px #f9f9f9 inset;
    -webkit-transition:all 0.4s linear 0s;
    -moz-transition:all 0.4s linear 0s;
    -ms-transition:all 0.4s linear 0s;
    -o-transition:all 0.4s linear 0s;
    transition:all 0.4s linear 0s;
}
.iconic-service h3 {
    color:#555555;
    float:left;
    font-size:20px;
    width:100%;
    padding-bottom:20px;
    position:relative;
    text-transform:uppercase;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.iconic-service h3:before {
    background:url("../images/border.png") repeat scroll center center transparent;
    content:"";
    height:3px;
    left:50%;
    margin-left:-50px;
    position:absolute;
    bottom:0;
    width:100px;
}
.iconic-service > i {
    float:left;
    width:100%;
    margin:10px 0 25px;
    font-style:normal;
    font-size:11px;
    font-family:arimo;
    letter-spacing:4px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.iconic-service:hover i{
    color:#888888;
}
/*=============== Portfolio Merged ===================*/
.merged > div,
.merged-wrapped > div {
    padding:0;
}
#portfolio.merged .portfolio,
#portfolio.merged .portfolio > img,
#portfolio-mas.merged  .portfolio,
#portfolio-mas.merged  .portfolio > img {
    margin:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
/*=============== Company Ideas ===================*/
.company-ideas {
    float:left;
    width:100%;
}
.ideas-desc {
    float:left;
    padding-left:90px;
    padding-top:70px;
    width:58%;
    padding-right:50px;
}
.idea-carousel {
    float:left;
    width:42%;
}
.ideas-desc > h3 {
    float:left;
    font-size:26px;
    line-height:40px;
    margin-bottom:25px;
    padding-bottom:15px;
    padding-right:30%;
    width:100%;
    position:relative;
}
.ideas-desc > h3:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:3px;
    width:50px;
    position:absolute;
    bottom:0;
    left:0;
}
.ideas-desc > p {
    float:left;
    margin-bottom:35px;
    width:100%;
    line-height:28px;
}
.icon-ideas {
    float:left;
    padding-left:70px;
    position:relative;
    width:100%;
}
.icon-ideas > span {
    font-size:45px;
    left:0;
    position:absolute;
    top:10px;
    width:70px;
}
.icon-ideas > h5 {
    float:left;
    font-size:18px;
    margin-bottom:10px;
    width:100%;
}
.idea-carousel .owl-nav {
    height:0;
    margin:-22px 0 0;
    top:50%;
    padding:0 30px;
}
.idea-carousel .owl-nav > div {
    float:left;
    height:45px;
    width:45px;
    background:rgba(255,255,255,0.7);
}
.idea-carousel .owl-nav > div,
.idea-carousel .owl-nav > div.owl-next{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.idea-carousel .owl-nav > div:before {
    color:#0e0e0e;
    line-height:43px;
}
.icon-ideas > p {
    line-height:28px;
}
/*=============== Testimonials ===================*/
.testimonials {
    float:left;
    width:100%;
    margin-top:-130px;
}
.quote {
    float:left;
    padding-top:130px;
    position:relative;
    overflow:hidden;
    text-align:center;
    width:100%;
}
.quote:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:rgba(255,255,255,0.85);
    height:100%;
    z-index:-1;
}
.quote-img {
    position:absolute;
    z-index:-2;
    width:100%;
    top:0;
    left:0;
}
.quote blockquote {
    border:0 none;
    color:#666666;
    float:left;
    font-family:arimo;
    font-size:14px;
    line-height:33px;
    margin:0;
    padding:0 190px;
    width:100%;
    position:relative;
}
.quote blockquote p{
    color:#666666;
    font-family:arimo;
    font-size:14px;
    line-height:33px;
}
.quote blockquote i {
    color:#e3e3e3;
    font-size:54px;
    left:140px;
    position:absolute;
    top:-10px;
    z-index:-1;
}
.quote blockquote i.fa-quote-right {
    bottom:-21px;
    left:auto;
    right:140px;
    top:auto;
}
.quote > i {
    float:left;
    width:100%;
    margin:10px 0;
    font-size:60px;
    color:#a39e9e;
}
.quote > span {
    float:left;
    width:100%;
    margin:10px 0;
    font-family:arimo;
    font-size:14px;
    letter-spacing:4px;
}
.quote .quote-img > img {
    width:auto;
    display:inline;
}
.testimonials .owl-controls {
    float:left;
    height:12px;
    width:100%;
    margin-top:30px;
}
.testimonials .owl-dots {
    display:table;
    float:none;
    height:12px;
    margin:0 auto;
    position:relative;
    width:auto;
}
.testimonials .owl-dots .owl-dot {
    background:none repeat scroll 0 0 #ececec;
    float:left;
    height:12px;
    width:12px;
    margin:0 5px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.testimonials .owl-dots .owl-dot.active {
    background:#cbc5c5;
}
/*=============== Brands Carousel 2 ===================*/
.brands-carousel2 {
    float:left;
    width:100%;
    margin-top:45px;
}
.brand {
    float:left;
    width:100%;
    text-align:center;
    border:1px solid #dddddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.brand a {
    float:left;
    text-align:center;
    width:100%;
    padding:25px 0;
}
.brands-carousel2.owl-carousel .brand a img {
    width:auto;
    display:inline;
}
/*=============== Welcome Section ===================*/
.welcome-sec {
    background:url("../images/welcome-bg.jpg") no-repeat scroll center center rgba(0, 0, 0, 0);
    float:left;
    padding:0 15%;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1;
}
.welcome-sec:before {
    content:"";
    width:100%;
    height:100%;
    background:white;
    opacity:0.95;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
}
.welcome-sec > p {
    float:left;
    width:100%;
}
.welcome-sec .buttons {
    display:inline-block;
    margin:40px auto 0;
}
.buttons.light > a {
    background:none repeat scroll 0 0 #5f5f5f;
    color:#ffffff;
    font-size:12px;
    font-weight:600;
}
.buttons.light > a i{
    margin-right:10px;
}
.buttons.light > a:hover{
    color:#FFF;
}
.welcome-sec .heading {
    margin-bottom:20px;
}
.welcome-logo {
    float:left;
    width:100%;
    margin-bottom:20px;
}
.hire-form{
    display:none;
}
.hire-form .form {
    opacity:1;
    position:relative;
    float:left;
    width:100%;
    margin-top:60px;
}
.hire-form {
    background:none repeat scroll 0 0 #000000;
    height:100%;
    left:0;
    opacity:0.95;
    position:fixed;
    top:0;
    width:100%;
    z-index:2147483647;
}
.hire-form .container {
    position:relative;
    z-index:1;
}
/*=============== Twitter Carousel ===================*/
.tweets {
    float:left;
    width:100%;
    text-align:center;
}
.tweets > h3 {
    color:#ffffff;
    float:left;
    font-size:42px;
    margin-bottom:10px;
    width:100%;
    font-family:archivo narrow;
    letter-spacing:0.6px;
}
.twitter-carousel {
    float:left;
    margin-left:15%;
    position:relative;
    width:70%;
}
.twitter-carousel:before {
    content:"\f099";
    font-family:fontawesome;
    font-size:90px;
    width:80px;
    line-height:70px;
    margin-left:-40px;
    opacity:0.2;
    z-index:-1;
    position:absolute;
    left:50%;
    top:0;
}
.tweet {
    float:left;
    width:100%;
}
.tweet blockquote {
    border:0 none;
    color:#d4d4d4;
    font-family:arimo;
    font-size:15px;
    letter-spacing:0.5px;
    line-height:33px;
    margin:20px 0 30px;
    padding:0;
    float:left;
    width:100%;
}
.tweet > p {
    color:#ffffff;
    float:left;
    font-size:16px;
    line-height:23px;
    margin-bottom:20px;
    padding-bottom:30px;
    width:100%;
    position:relative;
}
.tweet > p:before {
    content:"";
    width:120px;
    height:1px;
    background:black;
    margin-left:-60px;
    position:absolute;
    bottom:0;
    left:50%;
}
.tweet li {
    color:#d4d4d4;
    display:inline-block;
    font-size:12px;
    letter-spacing:0.4px;
    line-height:20px;
    margin:0 40px;
}
.tweet li i {
    font-size:12px;
    margin-right:5px;
}
/*=============== Blog Post ===================*/
.blog-post {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    overflow:hidden;
    text-align:center;
    width:100%;
    padding-bottom:30px;
    margin-bottom:30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.blog-post-img {
    float:left;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    text-align:center;
    width:100%;
}
.blog-post-img:before {
    content:"";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:100%;
    background:black;
    opacity:0.67;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-post:hover .blog-post-img:before{
    top:0;
}
.col-md-12 .blog-post > ul.post-meta {
    padding:0 50px 10px;
    width:70%;
}
.blog-post > ul.post-meta{
    border-bottom:1px solid #c0c0c0;
    color:#b1b1b1;
    display:table;
    float:none;
    font-size:12px;
    line-height:18px;
    margin:0 auto 30px;
    position:relative;
    padding:0 10px;
    width:80%;
    text-align:center;
}
.blog-post > ul.post-meta:before {
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:100%;
    height:2px;
    background:#ececec;
}
.blog-post ul.post-meta li:last-child {
    margin:0;
}
.blog-post ul.post-meta li {
    color:#b1b1b1;
    display:inline-block;
    font-size:11px;
    margin-right:50px;
}
.blog-post ul.post-meta li a{
    color:#b1b1b1;
    font-size:11px;  
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.blog-post ul.post-meta li i{
    color:#b1b1b1;
    font-size:11px;  
}
.blog-post > h3.post-title {
    float:left;
    font-size:18px;
    margin-bottom:10px;
    margin-top:0;
    overflow:hidden;
    padding:0 20px;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
    width:100%;
}
.blog-post > h3.post-title a{
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -p-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.blog-post p,
.blog-desc p {
    float:left;
    letter-spacing:0.5px;
    padding:0 20px;
    line-height:25px;
    width:100%;
}
.blog-post-img > a {
    color:#fff;
    height:46px;
    left:50%;
    line-height:46px;
    margin-left:-23px;
    margin-top:-23px;
    overflow:hidden;
    position:absolute;
    text-align:center;
    top:150%;
    width:46px;
    z-index:1;    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -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;
}
.blog-post-img > a:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:black;
    opacity:0.67;
    z-index:-1;
}
.blog-post:hover .blog-post-img > a{
    top:50%;
}
.post-carousel.owl-carousel {
    list-style: outside none none;
    padding: 0;
}
/* Fancy title */
.fancy-title > h5{
    float:left;
    width:100%;
    margin-bottom:5px;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:12px;
}
.fancy-title h3 {
    float:left;
    font-size:30px;
    font-weight:400;
    margin:5px 0 20px;
    text-transform:uppercase;
    width:100%;
    letter-spacing:0.7px;
}
/*=============== About Section ===================*/
.about ul > li {
    float:left;
    margin-top:10px;
    padding-left:30px;
    position:relative;
    width:100%;
}
.about ul > li:before {
    position:absolute;
    left:0;
    height:6px;
    width:6px;
    background:#b7b7b7;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    content:"";
    top:50%;
    margin-top:-3px;
}
.about ul > li > a {
    float:left;
    font-size:13px;
    letter-spacing:0.3px;
    line-height:26px;
    width:100%;
}
.read-btn {
    float:left;
    padding:14px 40px;
    background:#5a5a5a;
    
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    
    font-family:Arimo;
    text-transform:uppercase;
    color:#fff;
    font-size:12px;
    letter-spacing:0.30px;
    line-height:14px;
    margin-top:50px;
    
    -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;
    
    position:relative;
}
.read-btn:hover,
.read-btn:focus{
    color:#FFF;
}
.about img {
    float:none;
    margin:0 auto;
    display:table;
    text-align:center;
}
.read-btn2 {
    border:1px solid #b7b7b7;
    color:#999999;
    float:left;
    font-family:arimo;
    font-size:12px;
    margin-top:30px;
    padding:10px 40px;
    text-transform:uppercase;
    letter-spacing:0.3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
/*=============== Staff Section ===================*/
.staff-thumb {
    background:none repeat scroll 0 0 #ececec;
    float:left;
    padding:10px;
    position:relative;
    width:100%;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.staff-thumb > span {
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    float:left;
    overflow:hidden;
    padding:0;
    position:relative;
    width:100%;
}
.staff-thumb > span img {
    float:left;
    height:auto;
    width:100%;
}
.staff-thumb > span:before {
    content:"";
    height:100%;
    left:0;
    opacity:0.25;
    position:absolute;
    top:0;
    
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    
    -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;
    
    width:100%;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.staff-thumb > span:after {
    content:"";
    height:100%;
    left:0;
    opacity:0.25;
    position:absolute;
    top:0;
    
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    
    -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;
    
    width:100%;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.staff-thumb:hover > span:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    
    -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;
}
.staff-thumb:hover > span:after {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    
    -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;
}
.staff-thumb > ul {
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    margin-top:-23px;
    text-align:center;
}
.inner-page .staff-thumb > ul {width: 100%;}
.staff-thumb > ul > li {
    display:inline-flex;
    float:none;
    margin:0 6px;
}
.staff-thumb > ul > li > a {
    background:none repeat scroll 0 0 #ffffff;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow:0 2px 2px rgba(0, 0, 0, 0.1);
    
    color:#777777;
    display:inline;
    height:46px;
    line-height:46px;
    text-align:center;
    
    -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;
    
    width:46px;
    margin-bottom:-150px;
    opacity:0;
}
.staff-thumb:hover > ul > li > a {
    opacity:1;
    margin-bottom:0;
}
:hover .delay1{
    -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;
}
:hover .delay2{
    -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;
}
:hover .delay3{
    -webkit-transition:all 0.4s ease 0.4s;
    -moz-transition:all 0.4s ease 0.4s;
    -ms-transition:all 0.4s ease 0.4s;
    -o-transition:all 0.4s ease 0.4s;
    transition:all 0.4s ease 0.4s;
}
.staff-thumb > ul > li > a > i {
    font-size:20px;
    margin:0;
    float:left;
    width:100%;
    line-height:46px;
}
.staff-thumb > ul > li > a {
    background:none repeat scroll 0 0 #ffffff;
    color:#777777;
    display:inline;
    height:46px;
    line-height:46px;
    text-align:center;
    
    -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;
    
    width:46px;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    -webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    -ms-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    -o-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
    box-shadow:0px 2px 2px rgba(0,0,0,0.1);
}
.staff-details {
    float:left;
    width:100%;
}
.staff-details > h3 {
    float:left;
    font-size:20px;
    font-weight:normal;
    margin-bottom:15px;
    padding-bottom:18px;
    width:100%;
    position:relative;
}
.staff-details > h3:before {
    position:absolute;
    left:0;
    bottom:0;
    width:100px;
    height:3px;
    background-image:url('../images/border.png');
    content:"";
}
.staff-details > p {
    float:left;
    margin-bottom:30px;
    font-size:15px;
    line-height:30px;
}
.staff-skills {
    float:left;
    width:100%;
}
.skills {
    float:left;
    margin-top:10px;
    width:100%;
}
.skills > i {
    float:right;
    font-family:Arimo;
    font-size:13px;
    font-style:normal;
    font-weight:bold;
    color:#555555;
    letter-spacing:0.30px;
}
.skills .progress {
    float:left;
    width:100%;
    height:10px;
    background:#ccbebd;
    margin:10px 0;
    box-shadow:none;
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.skills > h5 {
    float:left;
    width:auto;
    font-family:Arimo;
    font-size:13px;
    color:#555555;
    letter-spacing:0.30px;
    margin-bottom:5px;
}
.staff-skills > .skills:last-child > .progress {
    margin:0;
}
.staff-skills > .skills > .progress > .progress-bar {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
    
    border:none;
}
.staff-tabs {
    border:medium none;
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.staff-tabs > li {
    float:left;
    width:100%;
    margin:0;
    margin-bottom:20px;
    padding:0;
}
.staff-tabs > li > a {
    float:left;
    width:auto;
    margin:0;
    border:none !important;
    list-style:none;
    margin-right:15px;
    overflow:hidden;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    padding:5px;
    background:#ececec !important;
    
    -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;
}
.staff-tabs > li > a > span {
    float:left;
    width:100%;
    overflow:hidden;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    
    position:relative;
}
.staff-tabs > li > a > span:before {
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:rgba(0,0,0,0.7);
    
    -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;
    
    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg);
    
    opacity:0;
    
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.staff-tabs > li.active > a > span:before {
    opacity:1;
    
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
}
.staff-tabs > li > a > span:after {
    content:"\f112";
    left:0;
    position:absolute;
    font-family:fontawesome;
    z-index:99;
    font-size:20px;
    color:#fff;
    text-align:center;
    width:100%;
    line-height:14px;
    top:50%;
    margin-top:-9px;
    
    -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;
    
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);
    
    opacity:0;
}
.staff-tabs > li.active > a > span:after{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    opacity:1;
}
.staff-tabs > li > a > span > img {
    float: left;
    height: auto;
    width: 99px;
}
.staff-tabs > li:last-child {margin:0;}
.staff-details > h3 > i {
    font-family:Arimo;
    font-size:11px;
    text-transform:uppercase;
    font-style:normal;
    margin-left:20px;
    letter-spacing:4px;
}
.staff-tabs > li h3 {
    display:inline-flex;
    float:none;
    font-size:18px;
    font-weight:normal;
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative;
    width:auto;
    margin-top:15px;
}
.staff-tabs > li p {
    font-family:Arimo;
    font-size:11px;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-top:-6px;
}
.staff-tabs > li h3:before {
    background-image:url("../images/border.png");
    bottom:0;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    width:100px;
}
/*=============== Counter Parallax ===================*/
.blackish .counter-box {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.11);
    padding:40px;
    text-align:center;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.blackish .counter-box h5 {
    color:#fff;
}
.blackish .counter-box > h6 {
    color:#b7b7b7;
}
.blackish .counter-box > p {
    color:#b7b7b7;
}
.owl-nav {
    height:0;
    width:100%;
    margin-top:-25px;
    position:absolute;
    left:0;
    top:50%;
}
.form-images-carousel .owl-nav{
    opacity:0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.form-images-carousel:hover .owl-nav{opacity:1}
.owl-nav > div {
    float:left;
    height:50px;
    line-height:50px;
    width:50px;
    color:transparent;
    background:rgba(0,0,0,0.47);
    position:relative;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.owl-nav > div:before {
    color:#fff;
    content:"\f104";
    font-family:fontawesome;
    font-size:24px;
    height:100%;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    width:100%;
}
.owl-nav > div.owl-next {
    float:right;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px;
    -o-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
.owl-nav > div.owl-next:before{
    content:"\f105";
}
/*=============== Contact Information ===================*/
.contact-info {
    float:left;
    width:100%;
    text-align:center;
    padding:0 100px;
    position:relative;
    z-index:1;
}
.contact-info > p {
    float:left;
    font-size:15px;
    margin-bottom:40px;
    width:100%;
    color:#d4d4d4;
}
.inner-page .contact-details > ul, 
.contact-details > ul {
    float:left;
    list-style:outside none none;
    padding:0;
    width:100%;
}
.contact-info > h3 {
    color:#ffffff;
    float:left;
    font-family:oswald;
    font-size:20px;
    margin-bottom:30px;
    text-transform:uppercase;
    width:100%;
}
.contact-info > h3 i{font-style:normal}
.contact-info > a {
    display:table;
    margin:0 auto;
    padding:15px 50px;
    border:2px solid #000;
    font-size:12px;
    font-family:arimo;
    text-transform:uppercase;
    letter-spacing:0.3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.contact-info > a:hover{
    color:#FFF;
}
.contact-bg {
    left:0;
    position:absolute;
    bottom:0;
    width:100%;
    z-index:-1;
}
/*=============== Boxed Parallax Service ===================*/
.iconic-services {
    float:left;
    margin-bottom:-30px;
    overflow:hidden;
    position:relative;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.service-parallax {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.service-boxed {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    float:left;
    width:100%;
    margin-bottom:30px;
    padding:40px 0;
    position:relative;
}
.service-boxed:before {
    background:#fbfbfb none repeat scroll 0 0;
    content:"";
    height:100%;
    width:30px;
    z-index:1;
    padding-bottom:30px;
    pointer-events:none;
    position:absolute;
    right:-30px;
    top:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
    box-sizing:content-box;
}
.service-boxed:after {
    background:#fbfbfb none repeat scroll 0 0;
    content:"";
    width:100%;
    height:30px;
    pointer-events:none;
    position:absolute;
    bottom:-30px;
    left:0;
}
.white .service-boxed:before,
.white .service-boxed:after{
    background:#FFF;
}
.iconic-service > p {
    float:left;
    height:0;
    line-height:27px;
    overflow:hidden;
    padding:0 25px;
    position:relative;
    width:100%;
    letter-spacing:0.5px;
    -webkit-transition:all 0.4s linear 0s;
    -moz-transition:all 0.4s linear 0s;
    -ms-transition:all 0.4s linear 0s;
    -o-transition:all 0.4s linear 0s;
    transition:all 0.4s linear 0s;
}
.service-boxed:hover p {
    height:108px;
}
.service-boxed:hover .icon {
    max-height:0;
    border:0;
    padding:0;
    margin:0;
    overflow:hidden;
}
.owl-dots {
    float:left;
    width:100%;
    height:12px;
    margin-top:10px;
}
.owl-dot {
    float:right;
    width:12px;
    height:12px;
    background:#939393;
    margin-left:5px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.owl-dot.active{
    background:#cecece;
}
/*=============== Creative Team ===================*/
.creative-team {
    float:left;
    width:100%;
    margin-bottom:30px;
}
.team-image {
    float:left;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.team-image > img {
    width:100%;
}
.team-image:before,
.team-image:after {
    background:none repeat scroll 0 0 #efefef ;
    content:"";
    height:50%;
    width:100%;
    opacity:0.9;
    z-index:1;
    position:absolute;
    left:-100%;
    top:0;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.team-image:after {
    left:auto;
    right:-100%;
    top:auto;
    bottom:0;
}
.creative-team:hover .team-image:before{
    left:0;
}
.creative-team:hover .team-image:after {
    right:0;
}
.creative-team > h3 {
    float:left;
    font-size:18px;
    margin-top:-4px;
    padding-bottom:15px;
    position:relative;
    text-transform:uppercase;
    width:100%;
}
.creative-team > h3 a{
    color:#555555;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.creative-team > h3:before {
    background:url("../images/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom:0;
    content:"";
    height:4px;
    left:0;
    position:absolute;
    width:100px;
}
.creative-team > span {
    float:left;
    font-size:11px;
    letter-spacing:5px;
    line-height:16px;
    margin-top:10px;
    text-transform:uppercase;
    width:100%;
}
.progress {
    background:none repeat scroll 0 0 #ccbebd;
    float:left;
    height:10px;
    margin:35px 0 0;
    overflow:visible;
    width:100%;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
.progress-bar {
    overflow:visible;
    position:relative;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    -ms-border-radius:50px;
    -o-border-radius:50px;
    border-radius:50px;
}
.progress-bar span {
    background:none repeat scroll 0 0 rgba(96, 96, 96, 0.9);
    color:#ffffff;
    line-height:14px;
    padding:5px 10px;
    position:absolute;
    right:0;
    top:-30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -msborder-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.progress-bar span:before {
    border-left:5px solid rgba(0, 0, 0, 0);
    border-right:5px solid rgba(0, 0, 0, 0);
    border-top:5px solid rgba(96, 96, 96, 0.9);
    bottom:-4px;
    content:"";
    height:0;
    position:absolute;
    right:2px;
    width:0;
}
.team-image ul {
    margin-top:-23px;
    text-align:center;
    width:100%;
    z-index:2;
    position:absolute;
    left:0;
    top:50%;
}
.team-image ul li {
    display:inline-block;
    height:36px;
    margin:0 5px;
    overflow:hidden;
    width:36px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.creative-team:hover .team-image ul li{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.creative-team:hover .team-image ul li.social1{
    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s;
}
.creative-team:hover .team-image ul li.social2{
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.creative-team:hover .team-image ul li.social3{
    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
}
.team-image ul li a {
    background:none repeat scroll 0 0 rgba(95, 95, 95, 0.9);
    float:left;
    height:100%;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.team-image ul li:hover a{background:#FFF;}
.team-image ul li a i {
    color:#ffffff;
    float:left;
    font-size:15px;
    line-height:36px;
    margin:0;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.creative-team-carousel {
    float:left;
    width:100%;
}
.inner-page .team-image ul {width: 100%;}
/*=============== Best Clients ===================*/
.best-clients {
    float:left;
    text-align:center;
    width:100%;
}
.best-clients > p {
    display:table;
    margin:0 auto 30px;
    width:70%;
}
.clients-list {
    float:left;
    width:100%;
    border-bottom:1px solid #dfdfdf;
}
.clients-list:last-child{border-bottom:0 none;}
.client-logo {
    border-right:1px solid #dfdfdf;
    float:left;
}
.client-logo a {
    float:left;
    width:100%;
    padding:40px 20px;
}
.client-logo a img {
    max-width:100%;
}
.client-logo:last-child{
    border-right:0 none;
}
.dark .lines:before,
.dark .lines:after,
.dark .lines > span:before,
.dark .lines > span:after{
    background-image:url("../images/border2.png"); 
}
.heading.dark h2{
    color:#FFF;
}
.heading.dark span i {
    color:#c4c3c3;
}
.blackish .best-clients p{
    color:#efefef;
}
/*================================
    Heading Style 2
=================================*/
.heading2 {
    background:url("../images/heading2.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    float:left;
    padding-top:30px;
    text-align:center;
    width:100%;
    margin-bottom:50px;
    position:relative;
    z-index: 100;
}
.heading2 h2 {
    color:#1f1f1f;
    font-size:36px;
    font-weight:700;
    line-height:40px;
    margin-bottom:10px;
    margin-top:-8px;
}
.heading2 > span {
    color:#5a5a5a;
    display:inline-block;
    font-family:arimo;
    font-size:11px;
    letter-spacing:5px;
    padding:0px 20px 15px;
    position:relative;
    text-transform:uppercase;
}
.heading2 > span:before {
    background:url("../images/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content:"";
    height:4px;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
/*=============== Creative Carousel ===================*/
.creative-section {
    float:left;
    position:relative;
    margin-left:5%;
    width:90%;
}
.creative-carousel {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    width:100%;
    -webkit-box-shadow:0 0 3px #dfdfdf;
    -moz-box-shadow:0 0 3px #dfdfdf;
    -ms-box-shadow:0 0 3px #dfdfdf;
    -o-box-shadow:0 0 3px #dfdfdf;
    box-shadow:0 0 3px #dfdfdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.creative-img > img {
    min-height:200px;
    width:100%;
}
.creative-carousel-detail {
    float:left;
    padding:30px 50px;
    width:100%;
}
.creative-carousel-detail h3 {
    color:#555555;
    float:left;
    font-size:30px;
    padding-bottom:20px;
    margin-top:20px;
    position:relative;
}
.creative-carousel-detail h3:before {
    background:url("../images/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content:"";
    height:4px;
    width:80%;
    position:absolute;
    bottom:0;
    left:0;
}
.creative-carousel-detail ul {
    margin-top:30px;
    padding-left:30px;
    width:auto;
}
.creative-carousel-detail ul li{
    float:left;
    margin-right:10px;
}
.creative-carousel-detail ul li a {
    font-weight:600;
    letter-spacing:0.5px;
    text-transform:uppercase;
}
.creative-carousel-detail p {
    float:left;
    margin-top:20px;
    width:100%;
    line-height:30px;
}
.knob {
    color:#555555 !important;
    font-family:archivo narrow !important;
    font-size:48px !important;
    padding-right:40px !important;
}
.circular-progress {
    float:left;
    position:relative;
    width:100%;
}
.circular-progress > span {
    color:#555555;
    font-family:archivo narrow;
    font-size:48px;
    font-weight:800;
    margin-top:-36px;
    position:absolute;
    right:28%;
    top:50%;
}
.circular-progress > i {
    bottom:26%;
    color:#555555;
    font-family:arimo;
    font-size:12px;
    font-style:normal;
    left:0;
    letter-spacing:0.3px;
    position:absolute;
    text-align:center;
    width:100%;
}
canvas {
    float:left;
    position:relative;
    width:100% !important;
    z-index:2147483647;
}
/*=============== Services Carousel ===================*/
.services-carousel {
    float:left;
    margin-left:5%;
    width:90%;
}
.service-item {
    float:left;
    width:100%;
    position:relative;
    padding-left:360px; 
}
.service-item.no-image {
    padding:0;
}
.service-image {
    height:280px;
    left:0;
    position:absolute;
    top:0;
    width:290px;
}
.service-item img {
    width:100%;
}
.service-item h3 {
    float:left;
    font-size:26px;
    margin-bottom:10px;
    width:100%;
}
.service-item span {
    float:left;
    font-family:arimo;
    font-size:11px;
    letter-spacing:5px;
    text-transform:uppercase;
    width:100%;
}
.service-item p {
    float:left;
    margin-bottom:20px;
    margin-top:10px;
    line-height:30px;
    width:100%;
}
.service-item a.read-btn{
    margin-top:20px;
}
.services-carousel .owl-nav {
    height:0;
    margin:0;
    width:100%;
}
.services-carousel .owl-nav > div,
.creative-carousel .owl-nav > div {
    background:url("../images/service-carousel-arrows.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height:95px;
    left:-80px;
    margin-top:-48px;
    width:47px;
}
.services-carousel .owl-nav > div.owl-next,
.creative-carousel .owl-nav > div.owl-next {
    background-position:-91px 0;
    left:auto;
    right:-80px;
}
.services-carousel .owl-nav > div:before,
.creative-carousel .owl-nav > div:before{display:none;}
/*=============== Fancy Counter ===================*/
.fancy-counter {
    border:1px solid #dcdcdc;
    float:left;
    margin-bottom:30px;
    padding:40px 25px;
    position:relative;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.count-wrap {
    float:left;
    width:42%;
}
.fancy-counter h5 {
    color:#666666;
    float:left;
    font-family:oswald;
    font-size:40px;
    line-height:60px;
}
.fancy-counter span {
    color:#666666;
    float:left;
    font-family:oswald;
    font-size:40px;
    line-height:60px;
    padding-left:3px;
    padding-right:5px;
}
.fancy-counter i {
    color:#f9f9f9;
    font-size:70px;
    left:0;
    line-height:140px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    z-index:-1;
    margin-top:-70px;
}
.fancy-counter > p {
    color:#666666;
    float:left;
    font-size:12px;
    line-height:21px;
    width:58%;
}
/*=============== Bar Chart ===================*/
#target {
    height:400px;
    width:100%;
}
.fancy-bar-chart {
    float:left;
    width:100%;
}
.fancy-bar-chart table{
    display:none;
}
/*=============== Fancy Counter Style 2 ===================*/
.counters.style2 .fancy-counter{
    background:none repeat scroll 0 0 rgba(62, 62, 62, 0.2);
    border:0 none;
}
.counters.style2 .fancy-counter i {
    color:#3e3e3e;
    font-size:80px;
    opacity:0.7;
}
.counters.style2 .fancy-counter h5,
.counters.style2 .fancy-counter span{
    color:#FFF;
}
.counters.style2 .fancy-counter p{
    color:#dbdbdb;
}
/*=============== Price Table ===================*/
.price-plan {
    float:left;
    padding:0 72px;
    width:100%;
}
.table {
    background:url("../images/price-table-bg.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    background-clip:padding-box !important;
    border:4px solid rgba(255, 255, 255, 0.3);
    float:left;
    margin:0;
    padding:50px 35px;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1;
}
.table:before {
    background:none repeat scroll 0 0 #ffffff;
    content:"";
    height:100%;
    left:0;
    opacity:0.95;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.table h4 {
    float:left;
    font-size:26px;
    font-weight:600;
    letter-spacing:0.9px;
    margin-bottom:25px;
    padding-bottom:15px;
    position:relative;
    width:100%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.table p {
    float:left;
    font-size:13px;
    margin-bottom:10px;
    width:100%;
}
.table li {
    float:left;
    font-size:14px;
    line-height:30px;
    padding-bottom:10px;
    padding-top:10px;
    position:relative;
    width:100%;
}
.table h4:before,
.table li:before {
    background:url("../images/border.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom:0;
    content:"";
    height:4px;
    left:50%;
    margin-left:-50px;
    position:absolute;
    width:100px;
}
.table li:last-child,.table li:last-child:before{
    background:none;
    padding-bottom:0;
}
.price {
    float:left;
    font-family:oswald;
    font-size:72px;
    font-weight:400;
    padding:20px 0;
    text-transform:uppercase;
    width:100%;
}
.price span{
    font-size:18px;
}
.table a {
    background:none repeat scroll 0 0 #585858;
    color:#ffffff;
    display:table;
    font-size:12px;
    margin:0 auto;
    padding:15px 30px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.table.dark:before {
    background:none repeat scroll 0 0 #eaeaea;
    z-index:0;
}
.table.dark {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
    padding:10px;
}
.border {
    border:1px solid #a6a6a6;
    float:left;
    padding:60px 30px;
    position:relative;
    width:100%;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.table.dark .price i {
    font-family:oswald;
    font-size:36px;
    font-style:normal;
}
.table a.readmore {
    padding:15px 40px;
}
.border:hover {
    background:none repeat scroll 0 0 #ffffff;
    border-color:#ffffff;
}
/*=============== Full Portfolio ===================*/
.full-portfolio {
    float:left;
    height:460px;
    padding:20px;
    position:relative;
    width:100%;
    z-index:4;
    overflow:hidden;
}
.big-portfolio-title {
    background:none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.08);
    border:2px solid rgba(255, 255, 255, 0.2);
    float:left;
    height:100%;
    position:relative;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.full-portfolio:hover .big-portfolio-title{
    background:none repeat scroll 0 0 padding-box rgba(0, 0, 0, 0.5);
}
.portfolio-title {
    border-left:2px solid #ffffff;
    left:115px;
    padding-left:30px;
    position:absolute;
    top:50%;
}
.portfolio-title h2 {
    color:#ffffff;
    float:left;
    font-size:55px;
    font-weight:700;
    margin-bottom:10px;
    width:100%;
}
.portfolio-title > span {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 30px;
    margin-bottom: 20px;
    width: 100%;
}
.portfolio-title > span i{font-style:normal;}
.portfolio-title > a {
    border: 1px solid #fff;
    color: #fff;
    float: left;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.full-portfolio.reverse .portfolio-title > a {float: right;}
.reverse .portfolio-title {
    border-left:0 none;
    border-right:2px solid #ffffff;
    left:auto;
    padding-left:0;
    padding-right:30px;
    right:115px;
    text-align:right;
}
.full-portfolio > img {
    float:left;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
/*=============== RESUME ===================*/
.resume h4 {
    float:left;
    font-size:30px;
    margin-bottom:10px;
    text-transform:uppercase;
    width:100%;
}
.resume h5 {
    float:left;
    font-size:90px;
    font-weight:700;
    text-transform:uppercase;
    width:100%;
}
.myskills {
    float:left;
    margin-bottom:-20px;
    margin-top:30px;
    width:100%;
}
.myskills .row > div {
    margin-bottom:20px;
}
.resume p {
    float:left;
    margin-top:20px;
    width:100%;
}
.myskills h6 {
    color:#999999;
    float:left;
    font-family:arimo;
    font-size:11px;
    letter-spacing:5px;
    margin-top:10px;
    width:100%;
    text-transform:uppercase;
}
.resume-img {
    float:left;
    width:100%;
}
.resume-img img{
    width:100%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.resume-carousel {
    float: left;
    width: 100%;
}
.about-carousel .owl-dots {text-align: center;}
.about-carousel .owl-dots .owl-dot {display: inline-block;float: none;}
.resume-video iframe {
    height: auto;
    min-height: 330px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
/*=============== Company Intro ===================*/
.company-intro {
    float:left;
    width:100%;
}
.company-features {
    float:left;
    position:relative;
    text-align:center;
    padding:20px 0;
    width:100%;
    z-index:1;
}
.company-features:before {
    background:#534744;
    content:"";
    height:100%;
    position:absolute;
    right:0;
    width:1px;
}
.company-intro .row > div:last-child .company-features:before{
    background:none;
}
.company-features i {
    color:#252525;
    font-size:100px;
    height:100px;
    left:0;
    margin-top:-50px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
    z-index:-1;
}
.company-features > h3 {
    float:left;
    font-size:22px;
    font-weight:600;
    margin-bottom:5px;
    width:100%;
    color:#FFF;
}
.company-features > span {
    float:left;
    font-family:archivo narrow;
    line-height:16px;
    margin-bottom:10px;
    margin-top:-3px;
    width:100%;
}
.company-features > p {
    float:left;
    width:100%;
    color:#b9b8b8;
    margin-bottom:20px;
    padding:0 70px;
}
.company-features > a {
    color:#FFF;
    display:table;
    font-size:12px;
    margin:0 auto;
    overflow:hidden;
    padding:8px 30px;
    position:relative;
    letter-spacing:0.5px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.company-features > a:hover{
    color:#FFF;
}
.company-features > a:before {
    background:none repeat scroll 0 0 rgba(96, 96, 96,1);
    opacity:0.7;
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
/*=============== Order Now ===================*/
.order-now {
    float:left;
    padding:50px 60px;
    position:relative;
    z-index:1;
    width:100%;
}
.order-layer {
    display:flex;
    margin:0 -15px;
    padding:15px;
    position:relative;
}
.order-layer.overlap {margin-top:-50px;}
.order-layer:before,
.order-layer:after {
    content:"";
    height:50%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    border-top:15px solid #ffffff;
    border-left:15px solid #ffffff;
    border-right:15px solid #ffffff;
}
.order-layer:after {
    border-top:0;
    border-left:15px solid #ebebeb;
    border-right:15px solid #ebebeb;
    border-bottom:15px solid #ebebeb;
    top:auto;
    bottom:0;
}
.order-now h4 {
    color:#ffffff;
}
.order-now h4 {
    color:#ffffff;
    float:left;
    font-size:36px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:10px;
    padding-bottom:20px;
    text-transform:uppercase;
    position:relative;
    width:100%;
}
.order-now h4:before {
    background:none repeat scroll 0 0 #000000;
    bottom:0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    width:50px;
}
.order-now:before {
    opacity:0.9;
}
.order-now h4 i {
    font-style:normal;
}
.order-now p {
    color:#b5b5b5;
    float:left;
    font-size:13px;
    letter-spacing:0.4px;
    margin-bottom:20px;
    width:100%;
}
.order-now li {
    color:#b5b5b5;
    float:left;
    line-height:35px;
    padding-left:20px;
    position:relative;
    width:100%;
}
.order-now li:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:8px;
    width:8px;
    position:absolute;
    left:0;
    top:12px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.order-form {
    background:none repeat scroll 0 0 #ffffff;
    margin-bottom:-100px;
    padding:20px;
    float:left;
    width:100%;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.order-form > form {
    float:left;
    width:100%;
    text-align:center;
}
.order-form form input, .order-form form textarea {
    background:none repeat scroll 0 0 #f5f5f5;
    border:0 none;
    color:#a4a3a3;
    float:left;
    font-family:arimo;
    font-size:11px;
    font-style:italic;
    height:45px;
    text-align:left;
    margin-bottom:10px;
    padding:10px 30px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.order-form form input[type="submit"] {
    color:#ffffff;
    display:inline-block;
    float:none;
    font-size:12px;
    font-style:normal;
    margin:20px auto 0;
    padding:10px 30px;
    width:auto;
}
.order-form form label {
    color:#9f9f9f;
    float:left;
    width:100%;
    font-family:archivo narrow;
    font-size:12px;
    font-weight:500;
    margin-bottom:5px;
    margin-top:5px;
    position:relative;
    text-align:left;
}
.order-form form label i {
    color:#9f9f9f;
    float:left;
    font-size:11px;
    line-height:16px;
    margin-right:7px;
    position:relative;
    left:0;
    top:0;
}
.order-form form select {
    background:none repeat scroll 0 0 #f5f5f5;
    border:0 none;
    color:#a3a4a4;
    float:left;
    font-family:arimo;
    font-size:11px;
    height:40px;
    padding:10px 20px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.order-form form input[type="checkbox"],
.order-form form input[type="radio"] {
    float:left;
    height:auto;
    margin:2px 5px 0 0;
    width:auto;
}
.order-now .message p {
    color: inherit;
    font-family: archivo narrow;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0;
    text-align: left;
}
.order-now .alert, .order-now .alert div,
.order-now .alert, .order-now .alert div {
    float: left;
    margin: 0;
    width: 100%;
}
.order-now .alert {
    margin: 0 0 10px;
    padding: 0;
}
.order-now .contact i {top: 15px;}
.order-now .message #success_page p {
    font-size: 17px;
    margin-top: 10px;
    text-align: center;
}
.order-form form textarea {line-height: 26px;}
/*=============== Inner Page ===================*/
.page-title {
    border-top:1px solid #e3dcdc;
    float:left;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1;
}
.header-inner .page-title .block {padding-top: 200px;}
.page-title .block .container {
    position:fixed;
    width:100%;
    left:0;
}
.page-title.still .block .container{position:relative}
.sub-heading {
    display:inline-block;
    margin:0 auto 10px;
    position:relative;
}
.sub-heading h5 {
    color:#bebebe;
    float:left;
    font-family:arimo;
    font-size:13px;
    letter-spacing:5px;
    line-height:20px;
    padding:0 20px;
    position:relative;
    width:100%;
}
.sub-heading h5:before, .sub-heading h5:after,
.sub-heading:before, .sub-heading:after {
    background:url("../images/border2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content:"";
    height:3px;
    position:absolute;
    right:-130px;
    top:5px;
    width:130px;
}
.sub-heading:before, .sub-heading:after{
    top:12px;
}
.sub-heading h5:after,
.sub-heading:after{
    right:auto;
    left:-130px;
}
.page-title h2 {
    color:#FFF;
}
.page-title h2 i{
    font-style:normal;
}
.page-title p {
    color:#cac9c9;
    display:table;
    font-size:13px;
    font-style:italic;
    line-height:30px;
    margin:0 auto;
    width:50%;
}
.page-title .blackish:before {
    opacity:0.95;
}
.inner-page.tpl-home {
    border:0 none;
    float:left;
    width:100%;
}
.inner-page {
    background:none repeat scroll 0 0 #f9f9f9;
    border-top:3px solid #f1f1f1;
    z-index:2;
}
.stop .inner-page {
    z-index:5;
}
.blog-post-img img {
    max-width:100%;
}
.inner-page .service-boxed:before,
.inner-page  .service-boxed:after {
    background:#f9f9f9 none repeat scroll 0 0;
}
.inner-page .white .service-boxed:before,
.inner-page .white .service-boxed:after {
    background:none repeat scroll 0 0 #ffffff;
}
/*****************************
    PAGINATION
******************************/
.theme-pagination{
    float: left;
    width: 100%;
    margin-top: 50px;    
}
.pagination {
    display: table;
    float: none;
    width: auto;
    margin: 0 auto;
}
.pagination > li a,.pagination > li span {
    border: 1px solid #F0F0F0;
    color: #777777;
    font-family: noto sans;
    font-size: 11px;
    height: 36px;
    line-height: 21px;
    text-align: center;
    width: 36px;
    z-index: 1;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.pagination > li a i {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 32px;
    margin: 0;
}
.pagination > li:first-child a, .pagination > li:last-child a {
    background: url("../images/arrows2.png") no-repeat scroll -68px -28px #adadad;
    border: 0 none;
    color: transparent;
    height: 46px;
    line-height: 33px;
    margin-right: -5px;
    margin-top: -5px;
    width: 46px;
    z-index: 0;
}
.pagination > li:first-child a {
    background: url("../images/arrows2.png") no-repeat scroll 12px -28px #adadad;
}
.pagination > li span {
    background: none repeat scroll 0 0 #efefef;
    color: #fff;
}
.pagination > li:last-child a {
    margin-left: -5px;
    margin-right: 0;
}
/*=============== Contact Page ===================*/
form.contact {
    float:left;
    width:100%;
}
.contact input,
.contact textarea {
    border:1px solid #6F6C6C;
    color:#999999;
    float:left;
    font-family:arimo;
    font-size:12px;
    margin-bottom:10px;
    padding:10px 30px;
    width:100%;
}
.contact textarea{
    min-height:120px;
}
form.contact .row{
    margin:0 -5px;
}
form.contact .row > div {
    padding:0 5px;
}
.contact input[type="submit"] {
    border:0 none;
    color:#ffffff;
    float:right;
    padding:15px 50px;
    width:auto;
	
	height:initial;
	font-family: roboto;
    font-size: 14px;
	font-weight:700;
}
.contact-details {
    float:left;
    width:100%;
}
.contact-details ul li {
    float:left;
    font-size:13px;
    line-height:30px;
    margin-bottom:20px;
    width:100%;
}
.contact-details ul li span {
    background:none repeat scroll 0 0 #000000;
    float:left;
    height:30px;
    line-height:30px;
    margin-right:10px;
    text-align:center;
    width:30px;
}
.contact-details ul li span i{
    margin:0;
    color:#FFF;
    font-size:12px;
}
.contact-details > p {
    font-size:13px;
}
.map {
    float:left;
    width:100%;
}
.map #map-canvas {
    height:500px;
    margin:0px;
    padding:0px
}
#message {
    float:left;
    margin:0;
    padding:0;
    width:100%;
}
.error_message {
    background:url("../images/error.gif") no-repeat scroll 10px center #fbe3e4;
    border:1px solid #fbc2c4;
    color:#8a1f11;
    display:block;
    float:left;
    font-family:archivo narrow;
    font-weight:600;
    line-height:22px;
    margin-bottom:20px;
    padding:10px 10px 10px 30px;
    text-transform:uppercase;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.error_message > p {
    font-family: archivo narrow;
}
.loader { padding:0 10px; }
#contact #success_page h1 { 
    background:url('images/success.gif') left no-repeat; 
    padding-left:22px; }
acronym { border-bottom:1px dotted #ccc; }
/*=============== FAQ'S Page ===================*/
.faqs{
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.question {
    background:none repeat scroll 0 0 #fafafa;
    float:left;
    overflow:hidden;
    width:100%;
    margin-bottom:30px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.question > h3 {
    background:none repeat scroll 0 0 #6a6969;
    color:#ffffff;
    float:left;
    font-family:archivo narrow;
    font-size:16px;
    font-weight:300;
    line-height:25px;
    padding:10px 30px 10px 70px;
    position:relative;
    text-transform:uppercase;
    width:100%;
}
.question h3 span {
    font-weight:600;
    height:100%;
    left:0;
    line-height:40px;
    position:absolute;
    text-align:center;
    top:0;
    width:50px;
}
.answer {
    float:left;
    padding:20px 20px 20px 70px;
    position:relative;
    width:100%;
}
.answer span {
    color:#d7d7d7;
    font-size:36px;
    left:0;
    position:absolute;
    text-align:center;
    width:70px;
}
/*=============== Search Result ===================*/
.search-result {
    float:left;
    width:100%;
}
.search-result h3 {
    float:left;
    font-size:22px;
    font-weight:600;
    margin-bottom:10px;
    width:100%;
}
.search-result > p {
    float:left;
    font-size:13px;
    line-height:20px;
    width:100%;
}
.search-result form.search {
    float:left;
    margin-top:30px;
    width:100%;
}
form.search {
    background:none repeat scroll 0 0 #FFF;
    border:1px solid #e1e0e0;
    border-radius:3px;
    display:table;
    height:50px;
    margin:0 auto;
    width:50%;
}
.search button {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
    color:#d1d1d1;
    float:left;
    height:48px;
    width:7%;
}
.search input {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
    color:#c0c0c0;
    float:left;
    font-size:12px;
    font-style:italic;
    height:48px;
    padding:5px 20px 5px 0;
    width:93%;
}
.search input::-moz-placeholder{
opacity:1;
}
.owl-carousel {
    cursor:move;
}
/*=============== Error 404 Page ===================*/
.error-page {
    float:left;
    position:relative;
    text-align:center;
    width:100%;
}
.error-page h3 {
    float:left;
    font-family:oswald;
    font-size:20px;
    font-weight:400;
    margin-bottom:10px;
    margin-top:20px;
    text-transform:uppercase;
    width:100%;
}
.error-page > span {
    color:#e5e5e5;
    font-family:oswald;
    font-size:300px;
    left:0;
    line-height:260px;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.error-page > p {
    float:left;
    font-size:13px;
    line-height:24px;
    margin:5px 0 20px;
    width:100%;
}
.buttons {
    display:table;
    margin:40px auto;
}
.buttons a {
    background:none repeat scroll 0 0 #5a5a5a;
    color:#ffffff;
    display:inline-block;
    font-family:arimo;
    font-size:12px;
    letter-spacing:0.3px;
    margin:0 10px;
    padding:12px 35px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
/*=============== Single Service Page ===================*/
.single-service p {
    letter-spacing:0.3px;
    line-height:28px;
    margin-top:15px;
}
/*=============== Single Team Page ===================*/
.staff-tabs.member-gallery > li {
    padding:0 15px;
    width:50%;
}
.staff-tabs.member-gallery > li a {
    margin:0;
    width:100%;
}
.staff-details > ul, 
.inner-page .staff-details > ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.staff-details li {
    color:#999999;
    font-size:13px;
    line-height:35px;
}
.staff-details li i {
    color:#999999;
    font-size:13px;
}
.member-desc {
    float:left;
    margin-top:30px;
    width:100%;
}
.member-desc > p {
    letter-spacing:0.6px;
    line-height:30px;
}
.single .staff-tabs > li > a > span > img {
  width: 100%;
}
/*=============== Single Post ===================*/
.single .blog-post-img:before{
    display:none;
}
.single .blog-post > ul {
    width:100%;
}
.single .blog-post {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align:left;
}
.single .blog-post > h3.post-title {
    font-family:oswald;
    font-size:20px;
    font-weight:500;
    margin-bottom:20px;
    padding:0;
}
.single .blog-post p {
    margin-bottom:20px;
    padding:0;
}
.single blockquote {
    background:url("../images/blockquote.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size:cover;
    border:1px solid #ededed;
    float:left;
    font-family:archivo narrow;
    font-size:18px;
    font-style:italic;
    font-weight:400;
    letter-spacing:0.5px;
    line-height:30px;
    margin:20px 0;
    padding:30px 80px;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1;
}
.single blockquote:before {
    background:none repeat scroll 0 0 #ffffff;
    content:"";
    height:100%;
    left:0;
    opacity:0.9;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
.tags,.tagcloud {
    float:left;
    margin:20px 0 50px;
    text-align:center;
    width:100%;
}
.tags > a,.tagcloud > a {
    background:none repeat scroll 0 0 #e6e5e5;
    color:#888888;
    display:inline-block;
    font-family:arimo;
    font-size:12px;
    margin:0 10px;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.tags > a:hover,
.tagcloud > a:hover{
    color:#FFF;
}
.tagcloud > a {
    margin:3px 0;
    padding:5px 20px;
}
.tags > a span {
    float:left;
    padding:8px 20px;
    position:relative;
    width:100%;
    z-index:1;
}
.tags > a span:before, .tags > a span:after {
    background:none repeat scroll 0 0 #e6e5e5;
    content:"";
    height:10px;
    left:-5px;
    margin-top:-5px;
    position:absolute;
    top:50%;
    width:10px;
    z-index:1;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.tags > a span:after{
    left:auto;
    right:-5px;
}
.tags > a:before,
.tags > a:after {
    border-bottom:1px dashed #e6e5e5;
    content:"";
    width:15px;
    z-index:-1;
    position:absolute;
    left:-20px;
    top:50%;
}
.tags > a:after{
    left:auto;
    right:-20px
}
.share-this {
    border-bottom:1px dashed #dee1e2;
    border-top:1px dashed #dee1e2;
    float:left;
    padding:25px 0;
    text-align:center;
    width:100%;
}
.share-this h4 {
    display:inline-block;
    font-size:18px;
    font-weight:600;
    margin-right:40px;
    text-transform:uppercase;
}
.share-this > ul {
    display:inline-block;
    float:none;
    width:auto;
}
.share-this > ul li {
    background:none repeat scroll 0 0 #ffffff;
    border:1px solid #eeeeee;
    height:39px;
    line-height:39px;
    margin:0 3px;
    text-align:center;
    width:39px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-box-shadow:0 0 11px #f6f6f6 inset;
    -moz-box-shadow:0 0 11px #f6f6f6 inset;
    -ms-box-shadow:0 0 11px #f6f6f6 inset;
    -o-box-shadow:0 0 11px #f6f6f6 inset;
    box-shadow:0 0 11px #f6f6f6 inset;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.share-this > ul li:hover{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}
.share-this ul li a i {
    color:#777777;
    font-size:14px;
    height:100%;
    line-height:38px;
    margin:0;
    width:100%;
}
.share-this > ul li a{
     -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.share-this > ul li:hover a i{
    color:#FFF;
}
.share-this > ul,.inner-page .share-this > ul {
    display:inline-flex;
    float:none;
    list-style:outside none none;
    padding:0;
    width:auto;
}
.share-this > ul li {
    float:left;
}
.comments {
    float:left;
    width:100%;
}
.simple-title {
    float:left;
    font-family:archivo narrow;
    font-size:22px;
    font-weight:600;
    margin-bottom:30px;
    width:100%;
}
.comments-thread {
    float:left;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:100%;
}
.comments-thread > ul, .inner-page .comments-thread > ul {padding:0!important;}
.comments-thread ul,.inner-page .comments-thread ul {
    float:left;
    list-style:outside none none;
    padding:0 0 0 30px;
    width:100%;
}
.comments-thread .comment ul ul {padding-left: 25px;}
.comment {
    border:1px solid #ededed;
    float:left;
    margin-bottom:30px;
    min-height:165px;
    padding:40px 30px 30px;
    position:relative;
    width:100%;
}
.comment:before {
    background:none repeat scroll 0 0 #ffffff;
    content:"";
    opacity:0.9;
    z-index:-1;
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.comment:after {
    background:none repeat scroll 0 0 #f9f9f9;
    bottom:-31px;
    content:"";
    height:30px;
    left:-1px;
    position:absolute;
    width:101%;
}
.comment > .avatar {
    border:3px solid #e8e8e8;
    float:left;
    margin-right:30px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.avatar > img {
    height:96px;
    width:100px;
}
.comment > h3.author-name {
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:capitalize;
}
.comment > span {
    display:inline-block;
    font-family:archivo narrow;
    font-style:italic;
    line-height:15px;
    margin-left:50px;
}
.comment > p {
    font-size:13px;
    line-height:28px;
    margin-top:10px;
}
.comment ul {
    padding-left:20px;
}
.comment ul li {
    float: left;
    list-style: circle;
    width: 100%;
}
.comments-thread > ul li ul.children {
    padding-left:40px;
    position:relative;
}
.comments-thread > ul li ul.children:before {
    background:none repeat scroll 0 0 #f9f9f9;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:40px;
}
.comment > a {
    background:none repeat scroll 0 0 #ffffff;
    color:#828282;
    font-family:arimo;
    font-size:12px;
    line-height:15px;
    padding:7px 20px;
    position:absolute;
    right:0;
    top:20px;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px;
    -o-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.comment > a:hover{
    color:#FFF;
}
.comment-form {
    background:none repeat scroll 0 0 #f9f9f9;
    float:left;
    width:100%;
}
.comment-form > h3 {
    color:#666666;
    float:left;
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
    width:100%;
}
.comment-form > h3 i {
    margin-right:5px;
}
.comment-form > p {
    float:left;
    line-height:15px;
    margin-bottom:20px;
    width:100%;
}
.comment-from form {
    float:left;
    width:100%;
}
.comment-form form input,
.comment-form form textarea {
    border:1px solid #e1e0e0;
    float:left;
    font-family:arimo;
    font-size:12px;
    height:40px;
    margin-bottom:20px;
    padding:10px 20px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.comment-form form textarea{
    min-height:200px;
}
.form-submit input[type="submit"] {
    background:none repeat scroll 0 0 #7c7c7c;
    border:0 none;
    color:#ffffff;
    float:right;
    font-size:13px;
    height:auto;
    padding:8px 30px;
    margin:30px 0 0;
    width:auto;
}
.logged-in-as {
    float:left;
    margin-bottom:10px;
    width:100%;
}
/*=============== Sidebar ===================*/
.sidebar {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    padding:30px;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.widget {
    float:left;
    margin-bottom:30px;
    width:100%;
}
.widget:last-child{
    margin-bottom:0;
}
.widget-title {
    border-bottom:1px solid #e8e8e8;
    float:left;
    font-family:oswald;
    font-size:22px;
    padding-bottom:10px;
    position:relative;
    width:100%;
    margin-bottom:23px;
    text-transform:uppercase;
}
.widget-title:before {
    background:none repeat scroll 0 0 #e8e8e8;
    bottom:-5px;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    width:100%;
}
.widget ul {
    float:left;
    width:100%;
}
.widget ul li {
    border-bottom:1px solid #e8e8e8;
    color:#888888;
    float:left;
    font-size:13px;
    line-height:30px;
    padding:12px 0;
    width:100%;
}
.widget ul li:last-child{
    border-bottom:0;
}
.widget ul li a {
    color:#888888;
    float:left;
    font-size:13px;
    letter-spacing:0.4px;
    line-height:33px;
    padding-right:5px;
    text-align:left;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.widget ul li span {
    background:none repeat scroll 0 0 #f9f9f9;
    color:#888888;
    float:right;
    font-size:12px;
    line-height:24px;
    padding:3px 10px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.widget ul li:hover span{
    color:#FFF;
}
.video-img {
    float:left;
    position:relative;
    width:100%;
}
.video-img > img {
    width:100%;
    height:auto;
}
.video-img:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    width:100%;
    height:100%;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.video:hover .video-img:before{
    opacity:0.8;
}
.video h3 {
    background:none repeat scroll 0 0 #f9f9f9;
    float:left;
    font-size:15px;
    letter-spacing:0.4px;
    padding:15px 0;
    text-align:center;
    width:100%;
}
.video-img > a {
    color:#ffffff;
    font-size:30px;
    height:30px;
    width:30px;
    text-align:center;
    line-height:20px;
    margin-left:-15px;
    margin-top:-15px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.video:hover .video-img > a {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.widget-gallery {
    float:left;
    position:relative;
    width:100%;
    margin-bottom:30px;
}
.widget-gallery > img {
    width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.widget-gallery:before,
.widget-gallery:after{
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    width:100%;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;      
}
.widget-gallery:hover:before{
    opacity:0.5;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;      
}
.widget-gallery:after{
    border:3px solid #ffffff;
    opacity:0;
}
.widget-gallery:hover:after{
    opacity:1;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;    
}
.sidebar-gallery {
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.widget .tags > a:before,.widget .tags > a:after {
    border-bottom:1px dashed #e6e5e5;
    z-index:0;
}
.widget .tags {
    margin:0;
}
.recent-posts {
    float:left;
    width:100%;
}
.sidebar-posts {
    border-bottom:1px dashed #dee1e2;
    float:left;
    margin-bottom:10px;
    min-height:92px;
    padding-bottom:12px;
    padding-left:100px;
    position:relative;
    width:100%;
}
.sidebar-posts > a {
    border:3px solid #e8e8e8;
    overflow:hidden;
    position:absolute;
    left:0;
    top:0;
    width:76px;
    height:74px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sidebar-posts > a img{
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sidebar-posts:hover > a img{
    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);
}
.sidebar-posts > h3 {
    color:#494949;
    float:left;
    font-family:arimo;
    font-size:13px;
    margin:10px 0;
    width:100%;
}
.sidebar-posts > h3 a{
    color:#494949;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sidebar-posts > span {
    color:#888888;
    float:left;
    font-size:12px;
    margin-top:5px;
    width:100%;
}
.sidebar-posts:last-child {
    border:0 none;
    margin:0;
    min-height:80px;
    padding-bottom:0;
}
.widget form.search {
    width:100%;
}
.widget form.search button {
    width:15%;
}
.widget form.search input {
    width:85%;
}
.textwidget {
    float:left;
    width:100%;
}
.textwidget {
    font-size:13px;
    letter-spacing:0.3px;
    line-height:24px;
}
footer .textwidget {
    color:#dfdfdf;
}
/*=============== Footer ===================*/
footer {
    background:none repeat scroll 0 0 #1a1a1a;
    float:left;
    position:relative;
    width:100%;
    z-index:3;
}
body.stop footer {z-index: 0;}
footer .block .container {
    background:#1a1a1a;
    padding:80px 30px !important;
    position:relative;
    width:1170px !important;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
footer.overlap .block .container{
    margin-top:-50px;
}
.about-widget {
    background:url("../images/about-widget.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    float:left;
    width:100%;
}
.about-widget > img {
    float:left;
    margin-bottom:10px;
}
.about-widget > p {
    float:left;
    line-height:27px;
    width:100%;
}
.about-widget > ul {
    margin-top:40px;
}
.widget .about-widget ul li {
    border: 0 none;
    display: block;
    float: none;
    margin-right: 5px;
    padding: 0;
    width: auto;
}
.widget .about-widget ul li:before {
    display:none;
}
.about-widget li a i {
    color:#ffffff;
    float:left;
    font-size:18px;
    line-height:30px;
    margin:0;
    width:100%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.widget .about-widget li a {
    height:30px;
    line-height:30px;
    text-align:center;
    width:30px;
}
footer .about-widget > ul {
    margin-bottom:10px;
    margin-top:20px;
}
.sidebar .widget .about-widget li a i{
    color:#888;
}
.sidebar-gallery.mix{
    margin:0;
}
.sidebar-gallery.mix .row > div {
    padding:0.5px;
}
.sidebar-gallery.mix .widget-gallery {
    margin:0;
}
.sidebar-gallery.mix .widget-gallery:before,
.sidebar-gallery.mix .widget-gallery:after,
.sidebar-gallery.mix .widget-gallery img{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.sidebar-gallery.mix .row {
    margin:0;
}
footer .widget .tags > a:before,footer .widget .tags > a:after,
footer .widget .tags > a span:before,footer .widget .tags > a span:after{
    display:none;
}
footer .widget .tags > a {
    margin:3px 2px;
}
footer .widget .tags > a {
    background:none repeat scroll 0 0 rgba(203, 203, 203, 0.6);
    color:#FFF;
}
footer .widget-title {
    border:0 none;
    color:#ffffff;
    font-family:archivo narrow;
    font-size:18px;
    font-weight:700;
    position:relative;
    letter-spacing:0.4px;
    padding-bottom:20px;
}
footer .widget-title:after {
    background:url("../images/border2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom:0;
    content:"";
    height:4px;
    left:0;
    position:absolute;
    width:100%;
}
footer .widget-title:before {
    display:none;
}
footer p {
    color:#787878;
    font-size:13px;
}
footer .widget ul li {
    border:0 none;
    color:#787878;
    padding:0 0 0 24px;
    position:relative;
}
footer .widget ul li:before {
    content:"\f178";
    font-family:fontawesome;
    left:0;
    position:absolute;
}
.newsletter > form {
    background:none repeat scroll 0 0 rgba(203, 203, 203, 0.7);
    float:left;
    height:50px;
    margin:10px 0;
    overflow:hidden;
    width:100%;
    position:relative;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.newsletter > form input {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
    float:left;
    font-family:arimo;
    font-size:12px;
    font-style:italic;
    height:100%;
    padding:15px 20px;
    width:100%;
}
.newsletter > form input[type="submit"] {
    background:none repeat scroll 0 0 #000000;
    color:#ffffff;
    font-family:arimo;
    font-size:12px;
    height:46px;
    width:auto;
    position:absolute;
    right:0;
    top:2px;
}
.pointer {
    border:2px solid #ffffff;
    height:17px;
    padding:2px;
    position:absolute;
    width:17px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.pointer:hover{
    z-index:1;
}
.pointer span {
    background:none repeat scroll 0 0 #000000;
    cursor:pointer;
    float:left;
    height:100%;
    width:100%;
    position:relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.address {
    left:-100px;
    padding:20px 0 0;
    position:absolute;
    top:120%;    
    width:242px;
    transform:scale(0);
    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.pointer:hover .address {
    transform:scale(1);
}
.address:before {
    border-bottom:10px solid rgba(242, 242, 242, 0.9);
    border-left:10px solid rgba(0, 0, 0, 0);
    border-right:10px solid rgba(0, 0, 0, 0);
    content:"";
    left:96px;
    position:absolute;
    top:10px;
}
.address ul, .widget .address ul {
    background: none repeat scroll 0 0 rgba(242, 242, 242, 0.9);
    float: left;
    padding: 20px 20px 15px !important;
    width: 100%;
    -webkit-box-shadow:0 0 23px #000;
    -moz-box-shadow:0 0 23px #000;
    -ms-box-shadow:0 0 23px #000;
    -o-box-shadow:0 0 23px #000;
    box-shadow:0 0 23px #000;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.address ul li, .widget .address ul li {
    padding:0;
    font-family:arimo;
    font-size:11px;
    color:#666666;
    line-height:25px;
}
.address ul li:before,.widget .address ul li:before{
    display:none;
}
.pointer:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border:2px solid rgba(255,255,255,0.6);
    border-radius:50%;
    
    -webkit-animation:pointing 1s infinite;
    -moz-animation:pointing 1s infinite;
    -ms-animation:pointing 1s infinite;
    -o-animation:pointing 1s infinite;
    animation:pointing 1s infinite;
}
@-webkit-keyframes pointing {
  0% {-webkit-transform:scale(1.7); opacity:1;}
  25% {-webkit-transform:scale(2); opacity:0.6;}
  50% {-webkit-transform:scale(2.3);  opacity:0.3;}
  100% {-webkit-transform:scale(2.6); opacity:0;}
}
@keyframes pointing {
  0% {transform:scale(1.7); opacity:1;}
  25% {transform:scale(2); opacity:0.6;}
  50% {transform:scale(2.3);  opacity:0.3;}
  100% {transform:scale(2.6); opacity:0;}
}
@-ms-keyframes pointing {
  0% {-ms-transform:scale(1.7); opacity:1;}
  25% {-ms-transform:scale(2); opacity:0.6;}
  50% {-ms-transform:scale(2.3);  opacity:0.3;}
  100% {-ms-transform:scale(2.6); opacity:0;}
}
@-o-keyframes pointing {
  0% {-o-transform:scale(1.7); opacity:1;}
  25% {-o-transform:scale(2); opacity:0.6;}
  50% {-o-transform:scale(2.3);  opacity:0.3;}
  100% {-o-transform:scale(2.6); opacity:0;}
}
/*=============== BOTTOM FOOTER ================*/
.bottom-footer {
    background:#222;
    float:left;
    padding:20px 0;
    position:relative;
    z-index:1;
    width:100%;
}
.bottom-footer .container{
    position:relative;
}
.bottom-footer p {
    color:#cccccc;
    font-size:13px;
    letter-spacing:0.3px;
    float:left;
}
.bottom-footer p span{
    font-style:italic;
}
.bottom-footer ul {
    float:right;
    width:auto;
}
.bottom-footer ul li {
    display:inline-block;
    margin:0 10px;
}
.bottom-footer ul li a {
    color:#cccccc;
    font-size:13px;
    float:left;
    width:100%;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
.footer-map {
    float:left;
    width:100%;
    position:relative;
}
.footer-map > img {
    width:100%;
}
/* ===============================================================
 (INSURANCE PAGE)
================================================================*/
.form-slider {
    float: left;
    position: relative;
    width: 100%;
}
.form-images-carousel{
    float:left;
    width:100%;
}
.form-images-carousel img{width:100%}
.slider-form {
    background: rgba(13, 46, 71, 0.95) none repeat scroll 0 0;
    float: left;
    width: 100%;
    z-index: 100;
}
.form-slider > .row {margin: 0}
.form-slider > .row > div {
    padding: 0;
}
.get-quote {
    float: left;
    padding:90px 30px;
    width: 100%;
}
.get-quote > span {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 19px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.get-quote > strong {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.get-quote .contact input {
    background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    height: 52px;
}
.get-quote form.contact {
    text-align: center;
}
.get-quote .contact input[type="submit"] {
    background: #000000 none repeat scroll 0 0;
    display: inline-block;
    float: none;
    font-family: arimo;
    font-size: 13px;
    font-weight: bolder;
    height: auto;
    margin-top: 20px;
    padding: 13px 50px;
    text-transform: uppercase;
}
.form-links {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.form-links > a {
    color: #e3e3e3;
    display: table;
    font-family: arimo;
    font-size: 13px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    padding-right: 30px;
    position: relative;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.form-links > a:last-child {margin: 0;}
.form-links > a:before {
    border-bottom: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid #030303;
    border-top: 5px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 5px;
    width: 0;
}
.simple-heading {
    float: left;
    margin-bottom: 40px;
    padding: 0 15%;
    text-align: center;
    width: 100%;
}
.simple-heading h2 {
    color: #262626;
    float: left;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 100%;
}
.simple-heading h2 span {
    text-transform: uppercase;
}
.simple-heading > p {
    color: #666666;
    float: left;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 30px;
    width: 100%;
}
.insurances {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.insurance {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.insurance > img {
    width:148px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.insurance h5 {
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase;
    width: 100%;
}
.insurance p {
    float: left;
    line-height: 28px;
    margin: 0;
    width: 100%;
}
.about-box {
    float: left;
    position: relative;
    z-index:1;
    width: 100%;
}
.about-box > img {width: 100%;}
.about-box:before,
.about-box:after{
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    opacity: 0.95;
    z-index:0;
    position: absolute;
    left: 0;
    bottom: 0;
-webkit-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   -moz-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
     -o-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
        transition: all 700ms 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 */
}
.about-box:after{height:50%;opacity:0}
.about-box:hover:after{height:100%;opacity:1}
.about-box-overlay {
    padding: 45px;
    z-index:2;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.about-box-overlay > h5 {
    color: #262626;
    float: left;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 20px;
    padding-right: 50px;
    width: 100%;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;
}
.about-box:hover .about-box-overlay > h5{color:#ffffff}
.about-box-overlay li {
    color: #7a7a7a;
    float: left;
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    width: 100%;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;
}
.about-box:hover .about-box-overlay li{color:#ffffff;}
.about-box-overlay li:before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 6px;
    height: 6px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;    
}
.about-box:hover .about-box-overlay li:before{background:#ffffff}
.about-box-overlay > a {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-top: 35px;
    padding: 12px 25px;
    position:relative;
    z-index:1;
}
.about-box-overlay > a:before{
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.about-box-overlay:hover > a:before{height:100%;}
.parallax.still {
    background-attachment: scroll !important;
    background-position: 0 0 !important;
}
.side-title {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.side-title > span {
    color: #5a5a5a;
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 2.5px;
    width: 100%;
}
.side-title > h2 {
    color: #1f1f1f;
    float: left;
    font-size: 32px;
    font-weight: 900;
    width: 100%;
}
.recent-news-carousel {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    position: relative;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.recent-news {
    display: table;
    float: left;
    width: 100%;
}
.news-img {
    display: table-cell;
    max-width:45%;
    vertical-align: middle;
}
.news-img > img {width: 100%;}
.news-detail {
    display: table-cell;
    padding: 35px;
    vertical-align: middle;
    width:55%;
}
.news-detail > h5 {
    color: #333333;
    float: left;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.news-detail > h5 a {
    color:inherit;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.news-detail > ul li {
    color: #9d9d9d;
    float: left;
    font-size: 11px;
    letter-spacing: 0.3px;
    line-height: 20px;
    margin-right: 20px;
}
.news-detail > ul li a {
    color: inherit;
    float: left;
    font-size: inherit;
    letter-spacing: 0.3px;
    line-height: inherit;
}
.news-detail > p {
    color: #777777;
    float: left;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 15px;
    width: 100%;
}
.navigation .owl-nav {
    left: auto;
    margin: 0;
    right: 0;
    top: -80px;
    width: auto;
}
.navigation .owl-nav > div {
    background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dedede;
    float: left;
    height: 34px;
    margin-left: 10px;
    width: 34px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.navigation .owl-nav > div:before {
    color: #838383;
    font-size: 16px;
    line-height: 30px;
}
.client-review {
    float: left;
    padding-left: 90px;
    position: relative;
    width: 100%;
}
.client-review:before {
    color: #e3e3e3;
    content: "\f10d";
    font-family: fontawesome;
    font-size: 54px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 90px;
}
.review {
    float: left;
    width: 100%;
}
.review blockquote {
    border: 0 none;
    color: #666666;
    font-size: 15px;
    line-height: 30px;
    padding: 0;
}
.reviewer-name {
    display: table;
    float: left;
    width: 100%;
}
.reviewer-name > img {
    display: inline-block !important;
    vertical-align: middle;
    width: 88px!important;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.reviewer-name > span {
    color: #333333;
    display: inline-block;
    font-family: archivo narrow;
    font-size: 19px;
    font-weight: 600;
    padding-left: 30px;
    vertical-align: middle;
}
.navigation .owl-nav > div:hover:before{color:#ffffff}
/* ===============================================================
    LIGHTBOX PLUGIN STYLING
================================================================*/
/* ----------------------------------
Default Theme
----------------------------------- */
div.pp_default .pp_top,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right { height:13px; }
div.pp_default .pp_top .pp_left { background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
div.pp_default .pp_top .pp_middle { background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
div.pp_default .pp_top .pp_right { background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
div.pp_default .pp_content .ppt { color:#f8f8f8; }
div.pp_default .pp_content_container .pp_left { background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left:13px; }
div.pp_default .pp_content_container .pp_right { background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right:13px; }
div.pp_default .pp_content { background-color:#fff; } /* Content background */
div.pp_default .pp_next:hover { background:url(../images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor:pointer; } /* Next button */
div.pp_default .pp_previous:hover { background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor:pointer; } /* Previous button */
div.pp_default .pp_expand { background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor:pointer; width:28px; height:28px; } /* Expand button */
div.pp_default .pp_expand:hover { background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor:pointer; } /* Expand button hover */
div.pp_default .pp_contract { background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor:pointer; width:28px; height:28px; } /* Contract button */
div.pp_default .pp_contract:hover { background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor:pointer; } /* Contract button hover */
div.pp_default .pp_close { width:30px; height:30px; background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor:pointer; } /* Close button */
div.pp_default #pp_full_res .pp_inline { color:#000; } 
div.pp_default .pp_gallery ul li a { background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
div.pp_default .pp_gallery ul li a:hover,
div.pp_default .pp_gallery ul li.selected a { border-color:#fff; }
div.pp_default .pp_social { margin-top:7px; }
div.pp_default .pp_gallery a.pp_arrow_previous,
div.pp_default .pp_gallery a.pp_arrow_next { position:static; left:auto; }
div.pp_default .pp_nav .pp_play,
div.pp_default .pp_nav .pp_pause { background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
div.pp_default .pp_nav .pp_pause { background-position:-51px -29px; }
div.pp_default .pp_details { position:relative; }
div.pp_default a.pp_arrow_previous,
div.pp_default a.pp_arrow_next { background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height:20px; margin:4px 0 0 0; width:20px; }
div.pp_default a.pp_arrow_next { left:52px; background-position:-82px -3px; } /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details { margin-top:5px; }
div.pp_default .pp_nav { clear:none; height:30px; width:110px; position:relative; }
div.pp_default .pp_nav .currentTextHolder{ font-family:Georgia; font-style:italic; color:#999; font-size:11px; left:75px; line-height:25px; margin:0; padding:0 0 0 10px; position:absolute; top:2px; }
div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }
div.pp_default .pp_description{ font-size:11px; font-weight:bold; line-height:14px; margin:5px 50px 5px 0; }
div.pp_default .pp_bottom .pp_left { background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle { background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right { background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */
div.pp_default .pp_loaderIcon { background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Light Rounded Theme
----------------------------------- */
div.light_rounded .pp_top .pp_left { background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.light_rounded .pp_top .pp_middle { background:#fff; } /* Top pattern/color */
div.light_rounded .pp_top .pp_right { background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content .ppt { color:#000; }
div.light_rounded .pp_content_container .pp_left,
div.light_rounded .pp_content_container .pp_right { background:#fff; }
div.light_rounded .pp_content { background-color:#fff; } /* Content background */
div.light_rounded .pp_next:hover { background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right  no-repeat; cursor:pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */
div.light_rounded .pp_expand { background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */
div.light_rounded .pp_close { width:75px; height:22px; background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */
div.light_rounded .pp_details { position:relative; }
div.light_rounded .pp_description { margin-right:85px; }
div.light_rounded #pp_full_res .pp_inline { color:#000; } 
div.light_rounded .pp_gallery a.pp_arrow_previous,
div.light_rounded .pp_gallery a.pp_arrow_next { margin-top:12px !important; }
div.light_rounded .pp_nav .pp_play { background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height:15px; width:14px; }
div.light_rounded .pp_nav .pp_pause { background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height:15px; width:14px; }
div.light_rounded .pp_arrow_previous { background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; }
div.light_rounded .pp_arrow_next { background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; }
div.light_rounded .pp_bottom .pp_left { background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background:#fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content_container .pp_left { background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */
div.dark_rounded .pp_content_container .pp_right { background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */
div.dark_rounded .pp_content { background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_next:hover { background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor:pointer; } /* Next button */
div.dark_rounded .pp_previous:hover { background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */
div.dark_rounded .pp_expand { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */
div.dark_rounded .pp_expand:hover { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */
div.dark_rounded .pp_contract { background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */
div.dark_rounded .pp_contract:hover { background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */
div.dark_rounded .pp_close { width:75px; height:22px; background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */
div.dark_rounded .pp_details { position:relative; }
div.dark_rounded .pp_description { margin-right:85px; }
div.dark_rounded .currentTextHolder { color:#c4c4c4; }
div.dark_rounded .pp_description { color:#fff; }
div.dark_rounded #pp_full_res .pp_inline { color:#fff; }
div.dark_rounded .pp_gallery a.pp_arrow_previous,
div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top:12px !important; }
div.dark_rounded .pp_nav .pp_play { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height:15px; width:14px; }
div.dark_rounded .pp_nav .pp_pause { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height:15px; width:14px; }
div.dark_rounded .pp_arrow_previous { background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; }
div.dark_rounded .pp_arrow_next { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; }
div.dark_rounded .pp_bottom .pp_left { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_left ,
div.dark_square .pp_middle,
div.dark_square .pp_right,
div.dark_square .pp_content { background:#000; }
div.dark_square .currentTextHolder { color:#c4c4c4; }
div.dark_square .pp_description { color:#fff; }
div.dark_square .pp_loaderIcon { background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_expand { background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */
div.dark_square .pp_expand:hover { background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */
div.dark_square .pp_contract { background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */
div.dark_square .pp_contract:hover { background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */
div.dark_square .pp_close { width:75px; height:22px; background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */
div.dark_square .pp_details { position:relative; }
div.dark_square .pp_description { margin:0 85px 0 0; }
div.dark_square #pp_full_res .pp_inline { color:#fff; }
div.dark_square .pp_gallery a.pp_arrow_previous,
div.dark_square .pp_gallery a.pp_arrow_next { margin-top:12px !important; }
div.dark_square .pp_nav { clear:none; }
div.dark_square .pp_nav .pp_play { background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height:15px; width:14px; }
div.dark_square .pp_nav .pp_pause { background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height:15px; width:14px; }
div.dark_square .pp_arrow_previous { background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; }
div.dark_square .pp_arrow_next { background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; }
div.dark_square .pp_next:hover { background:url(../images/prettyPhoto/dark_square/btnNext.png) center right  no-repeat; cursor:pointer; } /* Next button */
div.dark_square .pp_previous:hover { background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content { background:#fff; }
div.light_square .pp_content .ppt { color:#000; }
div.light_square .pp_expand { background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */
div.light_square .pp_expand:hover { background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */
div.light_square .pp_contract { background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */
div.light_square .pp_contract:hover { background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */
div.light_square .pp_close { width:75px; height:22px; background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */
div.light_square .pp_details { position:relative; }
div.light_square .pp_description { margin-right:85px; }
div.light_square #pp_full_res .pp_inline { color:#000; }
div.light_square .pp_gallery a.pp_arrow_previous,
div.light_square .pp_gallery a.pp_arrow_next { margin-top:12px !important; }
div.light_square .pp_nav .pp_play { background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height:15px; width:14px; }
div.light_square .pp_nav .pp_pause { background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height:15px; width:14px; }
div.light_square .pp_arrow_previous { background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; }
div.light_square .pp_arrow_next { background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; }
div.light_square .pp_next:hover { background:url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor:pointer; } /* Next button */
div.light_square .pp_previous:hover { background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */
div.light_square .pp_loaderIcon { background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Facebook style Theme
----------------------------------- */
div.facebook .pp_top .pp_left { background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.facebook .pp_top .pp_middle { background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */
div.facebook .pp_top .pp_right { background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.facebook .pp_content .ppt { color:#000; }
div.facebook .pp_content_container .pp_left { background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */
div.facebook .pp_content_container .pp_right { background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */
div.facebook .pp_content { background:#fff; } /* Content background */
div.facebook .pp_expand { background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor:pointer; } /* Expand button */
div.facebook .pp_expand:hover { background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor:pointer; } /* Expand button hover */
div.facebook .pp_contract { background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor:pointer; } /* Contract button */
div.facebook .pp_contract:hover { background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor:pointer; } /* Contract button hover */
div.facebook .pp_close { width:22px; height:22px; background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor:pointer; } /* Close button */
div.facebook .pp_details { position:relative; }
div.facebook .pp_description { margin:0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color:#000; } 
div.facebook .pp_loaderIcon { background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */
div.facebook .pp_arrow_previous { background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height:22px; margin-top:0; width:22px; } /* The previous arrow in the bottom nav */
div.facebook .pp_arrow_previous.disabled { background-position:0 -96px; cursor:default; }
div.facebook .pp_arrow_next { background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height:22px; margin-top:0; width:22px; } /* The next arrow in the bottom nav */
div.facebook .pp_arrow_next.disabled { background-position:-32px -96px; cursor:default; }
div.facebook .pp_nav { margin-top:0; }
div.facebook .pp_nav p { font-size:15px; padding:0 3px 0 4px; }
div.facebook .pp_nav .pp_play { background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height:22px; width:22px; }
div.facebook .pp_nav .pp_pause { background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height:22px; width:22px; }
div.facebook .pp_next:hover { background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor:pointer; } /* Next button */
div.facebook .pp_previous:hover { background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor:pointer; } /* Previous button */
div.facebook .pp_bottom .pp_left { background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
div.facebook .pp_bottom .pp_middle { background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */
div.facebook .pp_bottom .pp_right { background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay {
background:#000;
display:none;
left:0;
position:absolute;
top:0;
width:100%;
z-index:100000000;
}
div.pp_pic_holder {
display:none;
position:absolute;
width:100px;
z-index:10000000000;
}
.pp_top {
height:20px;
position:relative;
}
* html .pp_top { padding:0 20px; }
.pp_top .pp_left {
height:20px;
left:0;
position:absolute;
width:20px;
}
.pp_top .pp_middle {
height:20px;
left:20px;
position:absolute;
right:20px;
}
* html .pp_top .pp_middle {
    left:0;
    position:static;
}
.pp_top .pp_right {
height:20px;
left:auto;
position:absolute;
right:0;
top:0;
width:20px;
}
.pp_content { height:40px; min-width:40px; }
* html .pp_content { width:40px; }
.pp_fade { display:none; }
.pp_content_container {
position:relative;
text-align:left;
width:100%;
}
.pp_content_container .pp_left { padding-left:20px; }
.pp_content_container .pp_right { padding-right:20px; }
.pp_content_container .pp_details {
float:left;
margin:10px 0 2px 0;
}
.pp_description {
    color:#3f3f3f;
    display:none;
    font-family:open sans, sans-serif;
    font-size:15px;
    font-weight:600;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    text-transform:uppercase;
}
.pp_social { float:left; margin:0; }
.pp_social .facebook { float:left; margin-left:5px; width:55px; overflow:hidden; }
.pp_social .twitter { float:left; }
.pp_nav {
    clear:right;
    float:left;
    margin:3px 10px 0 0;
}
    .pp_nav p {
        float:left;
        margin:2px 4px;
        white-space:nowrap;
    }
    
    .pp_nav .pp_play,
    .pp_nav .pp_pause {
        float:left;
        margin-right:4px;
        text-indent:-10000px;
    }
    a.pp_arrow_previous,
    a.pp_arrow_next {
        display:block;
        float:left;
        height:15px;
        margin-top:3px;
        overflow:hidden;
        text-indent:-10000px;
        width:14px;
    }
.pp_hoverContainer {
position:absolute;
top:0;
width:100%;
z-index:2000;
}
.pp_gallery {
display:none;
left:50%;
margin-top:-50px;
position:absolute;
z-index:10000;
}
.pp_gallery div {
float:left;
overflow:hidden;
position:relative;
}
.pp_gallery ul {
float:left;
height:35px;
margin:0 0 0 5px;
padding:0;
position:relative;
white-space:nowrap;
}
.pp_gallery ul a {
border:1px #000 solid;
border:1px rgba(0,0,0,0.5) solid;
display:block;
float:left;
height:33px;
overflow:hidden;
}
.pp_gallery ul a:hover,
.pp_gallery li.selected a { border-color:#fff; }
.pp_gallery ul a img { border:0; }
.pp_gallery li {
display:block;
float:left;
margin:0 5px 0 0;
padding:0;
width:auto;
}
.pp_gallery li.default a {
background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
display:block;
height:33px;
width:50px;
}
.pp_gallery li.default a img { display:none; }
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top:7px !important;
}
a.pp_next {
background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:right;
height:100%;
text-indent:-10000px;
width:49%;
}
a.pp_previous {
background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
display:block;
float:left;
height:100%;
text-indent:-10000px;
width:49%;
}
a.pp_expand,
a.pp_contract {
cursor:pointer;
display:none;
height:20px;   
position:absolute;
right:30px;
text-indent:-10000px;
top:10px;
width:20px;
z-index:20000;
}
a.pp_close {
position:absolute; right:0; top:0; 
display:block;
line-height:22px;
text-indent:-10000px;
}
.pp_bottom {
height:20px;
position:relative;
}
* html .pp_bottom { padding:0 20px; }
.pp_bottom .pp_left {
height:20px;
left:0;
position:absolute;
width:20px;
}
.pp_bottom .pp_middle {
height:20px;
left:20px;
position:absolute;
right:20px;
}
* html .pp_bottom .pp_middle {
    left:0;
    position:static;
}
.pp_bottom .pp_right {
height:20px;
left:auto;
position:absolute;
right:0;
top:0;
width:20px;
}
.pp_loaderIcon {
display:block;
height:24px;
left:50%;
margin:-12px 0 0 -12px;
position:absolute;
top:50%;
width:24px;
}
#pp_full_res {
line-height:1 !important;
}
#pp_full_res .pp_inline {
text-align:left;
}
#pp_full_res .pp_inline p { margin:0 0 15px 0; }
div.ppt {
color:#fff;
display:none!important;
font-size:17px;
margin:0 0 5px 15px;
z-index:9999;
}
.track3 {
    width:10px;
    background:rgba(0, 0, 0, 0);
    margin-right:2px;
    -webkit-transition:background 250ms linear;
    transition:background 250ms linear;
    
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}
.track3:hover,
.track3.dragging {
    background:#d9d9d9; /* Browsers without rgba support */
    background:rgba(0, 0, 0, 0.15);
}
.handle3 {
    width:7px;
    right:0;
    background:#999;
    background:rgba(0, 0, 0, 0.4);
    -webkit-transition:width 250ms;
    transition:width 250ms;
    
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -ms-border-radius:7px;
    -o-border-radius:7px;
    border-radius:7px;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
    width:10px;
}
/*=============== SidePanel ===================*/
.sidepanel {
    background:none repeat scroll 0 0 #ffffff;
    position:fixed;
    right:-250px;
    top:80px;
    width:250px;
    z-index:10000000;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sidepanel.show {
    right:0;
    box-shadow:0 0 3px #cfcfcf;
}
.sidebox > h3 {
    float:left;
    font-size:14px;
    color:#FFF;
    font-weight:600;
    padding:4px 20px;
    background:#e5434d;
    margin-bottom:20px;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.colors {
    float:left;
    padding:0 20px;
    width:100%;
}
a.color {
    background:none repeat scroll 0 0 #000000;
    float:left;
    height:30px;
    margin-bottom:7px;
    margin-right:7px;
    width:47px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.theme-color,.theme-color:hover,.theme-color:focus{
    float:left;
    width:80%;
    margin:0 10%;
    background:#e5434d;
    color:#FFF;
    font-family:archivo narrow;
    font-size:20px;
    text-align:center;
    padding:10px 20px;
    border-radius:5px;
}
.layout a,
.header-pos a {
    color:#5d5d5d;
    float:left;
    width:48%;
    padding:10px;
}
.layout,
.header-pos {
    float:left;
    width:100%;
    padding:0 20px;
}
.layout a,
.header-pos a {
    background:none repeat scroll 0 0 #ffffff;
    color:#5d5d5d;
    float:left;
    margin:0 1%;
    padding:5px 10px;
    text-transform:uppercase;
    text-align:center;
    width:48%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.layout a.applied,
.header-pos a.applied{
    color:#FFF;
    background:#e5434d;
}
.sidebox{
    float:left;
    width:100%;
    background:#FFF;
    padding:20px 0;
}
.sidebox.dark {
    background:#4e4c4a;
}
.patterns {
    float:left;
    padding:0 20px;
    width:100%;
}
.patterns a {
    background:none repeat scroll 0 0 #000000;
    float:left;
    height:30px;
    margin-right:5px;
    width:30px;
    margin-bottom:15px;
    border:1px solid #E7E7E7;
    background-size:100% 100%!important;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.patterns a.applied{
    border-radius:50%;
}
.patterns a.bg1{
    background:url(../images/pattern1.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg2{
    background:url(../images/pattern2.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg3{
    background:url(../images/pattern3.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg4{
    background:url(../images/pattern4.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg5{
    background:url(../images/pattern5.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg6{
    background:url(../images/pattern6.jpg) no-repeat scroll 0 0 transparent;
}
.patterns a.bg7{
    background:url(../images/pattern7.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg8{
    background:url(../images/pattern8.jpg) no-repeat scroll 0 0 transparent;
}
.patterns a.bg9{
    background:url(../images/pattern9.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg10{
    background:url(../images/pattern10.png) no-repeat scroll 0 0 transparent;
}
.patterns a.bg11{
    background:url(../images/pattern11.jpg) no-repeat scroll 0 0 transparent;
}
.patterns a.bg12{
    background:url(../images/pattern12.jpg) no-repeat scroll 0 0 transparent;
}
.sidepanel > span {
    background:none repeat scroll 0 0 #ffffff;
    border-bottom:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-radius:3px 0 0 3px;
    border-top:1px solid #eeeeee;
    cursor:pointer;
    color:#666666;
    font-size:19px;
    height:40px;
    left:-40px;
    line-height:40px;
    position:absolute;
    text-align:center;
    top:70px;
    width:40px;
}
/*** ==============================================================
            TABLE BAR CHART
============================================================== ***/
.graph {
    position:relative;
    float:right;
}
.graph ul {
    list-style:none outside none;
    margin:0;
    padding:0;
}
.legend {
   background:#f0f0f0;
   bottom:0;
   padding:10px 0;
   position:relative;
   text-align:left;
   width:100%;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   -ms-border-radius:4px;
   -o-border-radius:4px;
   border-radius:4px;
}
.legend li {
    display:block;
    float:left;
    font-size:12px;
    letter-spacing:0.1px;
    line-height:16px;
    margin:0;
    padding:5px 20px;
}
.legend span.icon {
   background-position:50% 0;
   border-radius:2px;
   display:block;
   float:left;
   height:16px;
   margin:2px 10px 0 0;
   width:16px;
}
.x-axis {
   bottom:12px;
   color:#555;
   position:absolute;
   text-align:center;
   padding:0!important;
}
.x-axis li {
   float:left;
   margin:0 10px;
}
.y-axis {
   color:#555;
   position:absolute;
   text-align:left;
}
.y-axis ul {
    padding:0px;
    margin:0px;
}
.y-axis li {
   border-top:1px solid #ccc;
   display:block;
}
.y-axis li span {
   display:block;
   position:relative;
   text-align:right;
}
.x-axis li span {
    font-size:11px;
}
.bars {
    position:absolute;
    width:100%;
    z-index:10;
}
.bar-group {
    float:left;
    height:100%;
    position:relative;
    margin:0 10px;
}
.bar {
    border-radius:3px 3px 0 0;
    bottom:0;
    position:absolute;
    text-align:center;
    cursor:pointer;
    display:block;
}
.bar span {
    display:none;
    font-family:oswald;
    font-size:11px;
    margin-top:-25px;
    position:relative;
}
.item-0 {
    background:#4572a7;
}
.item-1 {
    background:#89a54e; 
}
.item-2 {
    background:#4198af;
}
.item-3 {
    background:#71588f; 
}
.item-4 {
    background:#aa4643; 
}
.item-5 {
    background:#db843d; 
}
/* Portfolio Popup */
.simple-popup > img {
    float:left;
    margin-bottom:20px;
    margin-right:30px;
    width:auto;
}
.popup .simple-popup span, .popup .simple-popup h4, .popup .simple-popup p {
    float:none;
    margin-top:10px;
    width:auto;
}
.simple-popup > ul {
    display:table;
    float:none;
    width:auto;
}
.simple-popup {
    float:left;
    width:100%;
}
/* Portfolio Hover Style 2*/
.hover-style2 .portfolio:before {
    background:none repeat scroll 0 0 #ffffff;
    height:0;
    top:50%;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.hover-style2 .portfolio:hover:before {
    height:100%;
    opacity:0.9;
    top:0;
}
.hover-style2 .portfolio-hover {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom:-100%;
    left:10%;
    margin-top:0 !important;
    padding:20px;
    top:auto;
    width:80%;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
    -webkit-transition:all 0.5s ease 0.2s;
    -moz-transition:all 0.5s ease 0.2s;
    -ms-transition:all 0.5s ease 0.2s;
    -o-transition:all 0.5s ease 0.2s;
    transition:all 0.5s ease 0.2s;
}
.hover-style2 .portfolio:hover .portfolio-hover {
    bottom:0;
}
.hover-style3 .portfolio:before {
    width:100%;
}
.hover-style3 .portfolio:after {
    background:none repeat scroll 0 0 #ffffff;
    content:"";
    height:300%;
    opacity:1;
    position:absolute;
    right:10%;
    top:-100%;
    width:0;
    z-index:0;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;    
}
.hover-style3 .portfolio:hover:after {
    width:70%;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;    
}
.hover-style3 .portfolio-hover > ul li a {
    color:#dfdfdf;
}
.hover-style3 .portfolio > img {
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;    
}
.hover-style3 .portfolio:hover > img {
    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);
}
.hover-style3 .portfolio-hover > ul li a:hover{
    color:#FFF;
}
.hire-form.fancy {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float:left;
    margin-top:30px;
    opacity:1;
    position:relative;
    width:100%;
}
.hire-form.fancy .form {
    margin:0;
}
.hire-form.fancy .form > form .row > div {
    margin-bottom:10px;
}
.hire-form.fancy .form > span {
    background:none repeat scroll 0 0 #6f6f6f;
    border:0 none;
    right:15px;
}
.hire-form.fancy .form > h4 {
    color:#9f9f9f;
}
.hire-form.fancy .form > form .row > div input, .hire-form.fancy .form > form .row > div textarea {
    background:none repeat scroll 0 0 #fdfdfd;
    color:#bfbfbf;
    border-color:#f5f5f5;
    font-family:arimo;
    font-size:12px;
    height:40px;
    margin:0;    
    -webkit-box-shadow:0 0 7px #fafafa inset;
    -moz-box-shadow:0 0 7px #fafafa inset;
    -ms-box-shadow:0 0 7px #fafafa inset;
    -o-box-shadow:0 0 7px #fafafa inset;
    box-shadow:0 0 7px #fafafa inset;
}
.hire-form.fancy .form > form .row > div input.submit {
    background:none repeat scroll 0 0 #dfdfdf;
    box-shadow:none;
    color:#ffffff;
    height:50px;
    line-height:30px;
    text-transform:uppercase;
}
.hire-form.fancy form.contact{
    margin:0;
}
/*** ==============================================================
            ANIMATIONS
============================================================== ***/
@charset"UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}@-webkit-keyframesfadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframesfadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframesfadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframesfadeOut{0%{opacity:1;}100%{opacity:0;}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
/*** ==============================================================
            SIMPLE LINE ICONS
============================================================== ***/
@font-face{font-family:'Simple-Line-Icons';src:url('fonts/Simple-Line-Icons.eot');src:url('fonts/Simple-Line-Icons.eot?#iefix')format('embedded-opentype'),url('fonts/Simple-Line-Icons.woff')format('woff'),url('fonts/Simple-Line-Icons.ttf')format('truetype'),url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons')format('svg');font-weight:normal;font-style:normal;}[data-icon]:before{font-family:'Simple-Line-Icons';content:attr(data-icon);speak:none;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-moustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-emoticon-smile,.icon-disc,.icon-cursor-move,.icon-crop,.icon-credit-card,.icon-chemistry,.icon-user,.icon-speedometer,.icon-social-youtube,.icon-social-twitter,.icon-social-tumblr,.icon-social-facebook,.icon-social-dropbox,.icon-social-dribbble,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglasses,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-map,.icon-layers,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-frame,.icon-folder-alt,.icon-film,.icon-feed,.icon-earphones-alt,.icon-earphones,.icon-drop,.icon-drawer,.icon-docs,.icon-directions,.icon-direction,.icon-diamond,.icon-cup,.icon-compass,.icon-call-out,.icon-call-in,.icon-call-end,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-music-tone-alt,.icon-music-tone,.icon-microphone,.icon-loop,.icon-logout,.icon-login,.icon-list,.icon-like,.icon-home,.icon-grid,.icon-graph,.icon-equalizer,.icon-dislike,.icon-cursor,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-calendar,.icon-bulb,.icon-bar-chart,.icon-arrow-up,.icon-arrow-right,.icon-arrow-left,.icon-arrow-down,.icon-ban,.icon-bubble,.icon-camcorder,.icon-camera,.icon-check,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-doc,.icon-envelope,.icon-eye,.icon-flag,.icon-folder,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-plus,.icon-pointer,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-users{font-family:'Simple-Line-Icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}.icon-user-female:before{content:"\e000";}.icon-user-follow:before{content:"\e002";}.icon-user-following:before{content:"\e003";}.icon-user-unfollow:before{content:"\e004";}.icon-trophy:before{content:"\e006";}.icon-screen-smartphone:before{content:"\e010";}.icon-screen-desktop:before{content:"\e011";}.icon-plane:before{content:"\e012";}.icon-notebook:before{content:"\e013";}.icon-moustache:before{content:"\e014";}.icon-mouse:before{content:"\e015";}.icon-magnet:before{content:"\e016";}.icon-energy:before{content:"\e020";}.icon-emoticon-smile:before{content:"\e021";}.icon-disc:before{content:"\e022";}.icon-cursor-move:before{content:"\e023";}.icon-crop:before{content:"\e024";}.icon-credit-card:before{content:"\e025";}.icon-chemistry:before{content:"\e026";}.icon-user:before{content:"\e005";}.icon-speedometer:before{content:"\e007";}.icon-social-youtube:before{content:"\e008";}.icon-social-twitter:before{content:"\e009";}.icon-social-tumblr:before{content:"\e00a";}.icon-social-facebook:before{content:"\e00b";}.icon-social-dropbox:before{content:"\e00c";}.icon-social-dribbble:before{content:"\e00d";}.icon-shield:before{content:"\e00e";}.icon-screen-tablet:before{content:"\e00f";}.icon-magic-wand:before{content:"\e017";}.icon-hourglass:before{content:"\e018";}.icon-graduation:before{content:"\e019";}.icon-ghost:before{content:"\e01a";}.icon-game-controller:before{content:"\e01b";}.icon-fire:before{content:"\e01c";}.icon-eyeglasses:before{content:"\e01d";}.icon-envelope-open:before{content:"\e01e";}.icon-envelope-letter:before{content:"\e01f";}.icon-bell:before{content:"\e027";}.icon-badge:before{content:"\e028";}.icon-anchor:before{content:"\e029";}.icon-wallet:before{content:"\e02a";}.icon-vector:before{content:"\e02b";}.icon-speech:before{content:"\e02c";}.icon-puzzle:before{content:"\e02d";}.icon-printer:before{content:"\e02e";}.icon-present:before{content:"\e02f";}.icon-playlist:before{content:"\e030";}.icon-pin:before{content:"\e031";}.icon-picture:before{content:"\e032";}.icon-map:before{content:"\e033";}.icon-layers:before{content:"\e034";}.icon-handbag:before{content:"\e035";}.icon-globe-alt:before{content:"\e036";}.icon-globe:before{content:"\e037";}.icon-frame:before{content:"\e038";}.icon-folder-alt:before{content:"\e039";}.icon-film:before{content:"\e03a";}.icon-feed:before{content:"\e03b";}.icon-earphones-alt:before{content:"\e03c";}.icon-earphones:before{content:"\e03d";}.icon-drop:before{content:"\e03e";}.icon-drawer:before{content:"\e03f";}.icon-docs:before{content:"\e040";}.icon-directions:before{content:"\e041";}.icon-direction:before{content:"\e042";}.icon-diamond:before{content:"\e043";}.icon-cup:before{content:"\e044";}.icon-compass:before{content:"\e045";}.icon-call-out:before{content:"\e046";}.icon-call-in:before{content:"\e047";}.icon-call-end:before{content:"\e048";}.icon-calculator:before{content:"\e049";}.icon-bubbles:before{content:"\e04a";}.icon-briefcase:before{content:"\e04b";}.icon-book-open:before{content:"\e04c";}.icon-basket-loaded:before{content:"\e04d";}.icon-basket:before{content:"\e04e";}.icon-bag:before{content:"\e04f";}.icon-action-undo:before{content:"\e050";}.icon-action-redo:before{content:"\e051";}.icon-wrench:before{content:"\e052";}.icon-umbrella:before{content:"\e053";}.icon-trash:before{content:"\e054";}.icon-tag:before{content:"\e055";}.icon-support:before{content:"\e056";}.icon-size-fullscreen:before{content:"\e057";}.icon-size-actual:before{content:"\e058";}.icon-shuffle:before{content:"\e059";}.icon-share-alt:before{content:"\e05a";}.icon-share:before{content:"\e05b";}.icon-rocket:before{content:"\e05c";}.icon-question:before{content:"\e05d";}.icon-pie-chart:before{content:"\e05e";}.icon-pencil:before{content:"\e05f";}.icon-note:before{content:"\e060";}.icon-music-tone-alt:before{content:"\e061";}.icon-music-tone:before{content:"\e062";}.icon-microphone:before{content:"\e063";}.icon-loop:before{content:"\e064";}.icon-logout:before{content:"\e065";}.icon-login:before{content:"\e066";}.icon-list:before{content:"\e067";}.icon-like:before{content:"\e068";}.icon-home:before{content:"\e069";}.icon-grid:before{content:"\e06a";}.icon-graph:before{content:"\e06b";}.icon-equalizer:before{content:"\e06c";}.icon-dislike:before{content:"\e06d";}.icon-cursor:before{content:"\e06e";}.icon-control-start:before{content:"\e06f";}.icon-control-rewind:before{content:"\e070";}.icon-control-play:before{content:"\e071";}.icon-control-pause:before{content:"\e072";}.icon-control-forward:before{content:"\e073";}.icon-control-end:before{content:"\e074";}.icon-calendar:before{content:"\e075";}.icon-bulb:before{content:"\e076";}.icon-bar-chart:before{content:"\e077";}.icon-arrow-up:before{content:"\e078";}.icon-arrow-right:before{content:"\e079";}.icon-arrow-left:before{content:"\e07a";}.icon-arrow-down:before{content:"\e07b";}.icon-ban:before{content:"\e07c";}.icon-bubble:before{content:"\e07d";}.icon-camcorder:before{content:"\e07e";}.icon-camera:before{content:"\e07f";}.icon-check:before{content:"\e080";}.icon-clock:before{content:"\e081";}.icon-close:before{content:"\e082";}.icon-cloud-download:before{content:"\e083";}.icon-cloud-upload:before{content:"\e084";}.icon-doc:before{content:"\e085";}.icon-envelope:before{content:"\e086";}.icon-eye:before{content:"\e087";}.icon-flag:before{content:"\e088";}.icon-folder:before{content:"\e089";}.icon-heart:before{content:"\e08a";}.icon-info:before{content:"\e08b";}.icon-key:before{content:"\e08c";}.icon-link:before{content:"\e08d";}.icon-lock:before{content:"\e08e";}.icon-lock-open:before{content:"\e08f";}.icon-magnifier:before{content:"\e090";}.icon-magnifier-add:before{content:"\e091";}.icon-magnifier-remove:before{content:"\e092";}.icon-paper-clip:before{content:"\e093";}.icon-paper-plane:before{content:"\e094";}.icon-plus:before{content:"\e095";}.icon-pointer:before{content:"\e096";}.icon-power:before{content:"\e097";}.icon-refresh:before{content:"\e098";}.icon-reload:before{content:"\e099";}.icon-settings:before{content:"\e09a";}.icon-star:before{content:"\e09b";}.icon-symbol-female:before{content:"\e09c";}.icon-symbol-male:before{content:"\e09d";}.icon-target:before{content:"\e09e";}.icon-volume-1:before{content:"\e09f";}.icon-volume-2:before{content:"\e0a0";}.icon-volume-off:before{content:"\e0a1";}.icon-users:before{content:"\e001";}
/* ===============================================================
    ELECTRIC UPDATE VER 1.2
================================================================*/
/*** Freelancer Introduction ***/
.freelancer-intro {
    float:left;
    width:100%;
}
.freelancer-img {
    float:left;
    width:100%;
}
.freelancer-img > img {
    width:100%;
}
.freelancer-detail {
    float:left;
    padding:105px 130px 105px 40px;
    width:100%;
}
.freelancer-detail > h3 {
    float:left;
    font-family:oswald;
    font-size:48px;
    margin-bottom:30px;
    width:100%;
}
.freelancer-detail h2 {
    color:#ffffff;
    float:left;
    font-size:90px;
    font-weight:600;
    line-height:100px;
    margin-bottom:20px;
    text-transform:uppercase;
    width:100%;
}
.freelancer-detail > span {
    color:#f2efef;
    float:left;
    font-family:arimo;
    font-size:19px;
    margin-bottom:50px;
    width:100%;
}
.freelancer-detail > a {
    background:url("../images/download-btn.png") no-repeat scroll 25px center #000000;
    color:#ffffff;
    float:left;
    font-family:arimo;
    font-size:13px;
    font-weight:400;
    letter-spacing:1px;
    line-height:25px;
    padding:13px 20px 13px 70px;
    text-transform:uppercase;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.freelancer-detail > a:hover {
    background-color:#FFF;
    background-position:25px 70px;
}
/*** About Me ***/
.about > img {
    float:left;
    margin-top:30px;
}
.basic-detail {
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.detail-box {
    background:none repeat scroll 0 0 #f9f9f9;
    float:left;
    margin-bottom:30px;
    margin-top:40px;
    padding:60px 20px 30px;
    position:relative;
    text-align:center;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.detail-box:hover {
    background:none repeat scroll 0 0 #e9e9e9;
}
.detail-box > span {
    background:none repeat scroll 0 0 #ffffff;
    border:2px solid #f9f9f9;
    color:#808080;
    height:80px;
    margin-left:-40px;
    width:80px;
    position:absolute;
    left:50%;
    top:-40px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.detail-box:hover > span {
    color:#ffffff;
    top:-50px;
    -webkit-box-shadow:0 15px 6px #c2c2c2;
    -moz-box-shadow:0 15px 6px #c2c2c2;
    -ms-box-shadow:0 15px 6px #c2c2c2;
    -o-box-shadow:0 15px 6px #c2c2c2;
    box-shadow:0 15px 6px #c2c2c2;
}
.detail-box > span i {
    font-size:29px;
    line-height:75px;
}
.detail-box > h5 {
    float:left;
    width:100%;
    font-size:16px;
    margin-bottom:10px;
    padding-bottom:10px;
    position:relative;
}
.detail-box > h5:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:2px;
    margin-left:-20px;
    width:40px;
    position:absolute;
    bottom:0;
    left:50%;
}
.detail-box h6 {
    color:#575757;
    float:left;
    font-family:arimo;
    font-size:13px;
    width:100%;
}
/*** My Skills ***/
.rounded-skills{
    float:left;
    width:100%;
    margin-bottom:-60px;
}
.rounded-skills .row > div {
    margin-bottom:60px;
}
.circular-skill {
    float:left;
    position:relative;
    width:100%;
}
.circular-skill .knob {
    display:none;
}
.circular-skill > span {
    background:none repeat scroll 0 0 #a5a5a5;
    color:#ffffff;
    font-size:35px;
    height:92px;
    width:92px;
    line-height:92px;
    text-align:center;
    z-index:100000000;
    position:absolute;
    right:0;
    top:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.circular-skill:hover > span {
    -webkit-transform:perspective(120px) rotateY(-30deg);
    -moz-transform:perspective(120px) rotateY(-30deg);
    -ms-transform:perspective(120px) rotateY(-30deg);
    -o-transform:perspective(120px) rotateY(-30deg);
    transform:perspective(120px) rotateY(-30deg);
}
.circular-skill canvas {
    width:100% !important;
    z-index:100;
}
h3.skill-title {
    color:#ffffff;
    float:left;
    font-size:18px;
    letter-spacing:1px;
    margin-top:30px;
    text-align:center;
    width:100%;
}
.circular-skill > h5 {
    color:#ffffff;
    font-family:oswald;
    font-size:60px;
    left:0;
    line-height:50px;
    margin-top:-25px;
    position:absolute;
    text-align:center;
    top:50%;
    width:100%;
}
.circular-skill > h5 strong {
    font-family:oswald;
    font-weight:400;
}
.circular-skill > h5 i {
    font-size:36px;
    font-style:normal;
    margin-left:10px;
}
/*** Work Experience ***/
.heading2 > p {
    float:left;
    margin-top:20px;
    width:100%;
}
.heading2.light > p {
    color:#ffffff;
}
.experience .big-portfolio {
    position:relative;
    background:none repeat scroll 0 0 #f9f9f9;
    z-index:2;
}
.experience .big-port-desc h3 {
    font-family:archivo narrow;
    font-size:28px;
    font-weight:700;
}
.experience .big-port-desc a.read-btn {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.experience .big-port-desc {
    padding:80px 90px 0;
    z-index:1;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.experience .big-port-img {
    z-index:-1;
    position:relative;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.experience .big-portfolio:hover .big-port-desc{
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
}
.experience .big-portfolio:hover .big-port-img {
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
}
.big-portfolio > h6 {
    color:#dad9d9;
    font-family:oswald;
    font-size:72px;
    text-align:center;
    width:100%;
    position:absolute;
    top:60px;
    left:0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.experience .big-portfolio:hover > h6 span{
    color:#dad9d9;
}
/*** Parallax Contact Us Form ***/
.parallax-contact {float:left;width:100%;}
.parallax-contact form.contact .row > div > i {
    font-size: 14px;
    left: 45px;
    top: 22px;
}
.contact i {
    top: 14px;
    color: #615e5e;
    font-size: 12px;
    left: 17px;
    position: absolute;
}
.contact label i {
    bottom: auto;
    float: left;
    left: auto;
    line-height: 20px;
    margin-right: 10px;
    position: relative;
    top: auto;
}
.parallax .contact input {height:57px;}
.parallax-contact .contact input, 
.parallax-contact .contact textarea {
    background:none repeat scroll 0 0 #efefef;
    color:#919090;
    font-family:arimo;
    font-size:12px;
    height:57px;
    line-height:40px;
    margin-bottom:30px;
    padding:10px 60px;
    border:0 none;
    border-left:2px solid #000000;
}
.parallax-contact .contact textarea {
    height:auto;
    border-left:0 none;
    min-height:180px;
}
.parallax-contact form.contact .row {margin:0 -15px;}
.parallax-contact form.contact .row > div {padding:0 15px;}
.parallax-contact .contact input[type="submit"] {
    border:0 none;
    display:table;
    float:none;
    height:auto;
    color:#FFF;
    line-height:30px;
    margin:0 auto;
    padding:10px 40px;
}
.parallax-contact .contact label i, 
.parallax-contact .contact label {
    color: #fff;
    font-weight: 200;
}
.map.marker {
    border-top:8px solid #000000;
    position:relative;
}
.map.marker:before {
    background:none repeat scroll 0 0 #ffffff;
    border:5px solid #000000;
    color:#000000;
    content:"\f041";
    font-family:fontawesome;
    font-size:30px;
    height:82px;
    left:50%;
    line-height:72px;
    margin-left:-41px;
    margin-top:-41px;
    position:absolute;
    text-align:center;
    top:0;
    width:82px;
    z-index:1;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
/*** Simple About Section ***/
.simple-about {
    float:left;
    margin-left:15%;
    position:relative;
    text-align:center;
    width:70%;
    z-index:1;
}
.simple-about > h3 {
    color:#1f1f1f;
    float:left;
    font-size:40px;
    font-weight:800;
    margin-bottom:5px;
    text-transform:uppercase;
    width:100%;
}
.simple-about > span {
    float:left;
    font-family:arimo;
    font-size:12px;
    letter-spacing:0.3px;
    line-height:15px;
    width:100%;
}
.simple-about > p {
    color:#555555;
    float:left;
    font-size:15px;
    margin-top:20px;
    width:100%;
}
.simple-about a.readmore {
    margin-top:30px;
}
.readmore:before {
    background:rgb(0,0,0); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 49%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(49%,rgba(255,255,255,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 49%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 49%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 49%,rgba(0,0,0,1) 100%); /* IE10+ */
    background:linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(255,255,255,1) 49%,rgba(0,0,0,1) 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
    background-size:cover;
    content:"";
    height:100%;
    opacity:0.1;
    width:100%;
    position:absolute;
    left:0;
    top:0;
}
.readmore {
    background:#383838;
    color:#ffffff;
    display:inline-block;
    font-size:12px;
    padding:15px 40px;
    position:relative;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 2px 1px #8f8f8f;
    -moz-box-shadow:0 2px 1px #8f8f8f;
    -ms-box-shadow:0 2px 1px #8f8f8f;
    -o-box-shadow:0 2px 1px #8f8f8f;
    box-shadow:0 2px 1px #8f8f8f;
    -webkit-transition:all 0.6s ease 0s;
    -moz-transition:all 0.6s ease 0s;
    -ms-transition:all 0.6s ease 0s;
    -o-transition:all 0.6s ease 0s;
    transition:all 0.6s ease 0s;
}
.readmore:hover,.readmore:focus{
    background-image:none;
    color:#FFF;
}
.simple-about i {
    color:#ededed;
    font-size:200px;
    text-align:center;
    width:100%;
    z-index:-1;
    position:absolute;
    left:0;
    bottom:40px;
}
/*** Service Section ***/
.service-section {
    float:left;
    position:relative;
    width:100%;
}
.service-text {
    background:url("../images/service-bg.jpg") no-repeat scroll 0 0 / cover rgba(0, 0, 0, 0);
    float:left;
    width:50%;
    padding:130px 95px;
    position:relative;
    z-index:1;
}
.service-text:before {
    background:none repeat scroll 0 0 #000000;
    content:"";
    height:100%;
    width:100%;
    opacity:0.5;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
}
.service-text > h3 {
    color:#ffffff;
    float:left;
    font-size:80px;
    font-weight:700;
    letter-spacing:3px;
    line-height:70px;
    margin-bottom:20px;
    width:100%;
}
.service-text > p {
    color:#eaeaea;
    float:left;
    font-family:arimo;
    font-size:15px;
    width:100%;
    margin-bottom:30px;
}
.service-text .readmore {
    font-size:13px;
    margin-top:20px;
    padding:15px 45px;
    -webkit-box-shadow:0 2px 1px #3f3f3f;
    -moz-box-shadow:0 2px 1px #3f3f3f;
    -ms-box-shadow:0 2px 1px #3f3f3f;
    -o-box-shadow:0 2px 1px #3f3f3f;
    box-shadow:0 2px 1px #3f3f3f;
}
.service-boxes-carousel {
    float:left;
    padding:0 30px;
    width:50%;
}
.service-slide {
    float:left;
    margin-bottom:-30px;
    width:100%;
}
.service-whitebox {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    width:100%;
    margin-bottom:30px;
    padding:45px 40px 30px;
    overflow:hidden;
    position:relative;
    text-align:center;
    z-index:1;
}
.service-whitebox i {
    color:#f7f7f7;
    font-size:130px;
    left:0;
    position:absolute;
    text-align:center;
    top:40px;
    width:100%;
    z-index:-1;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.service-whitebox:hover i{
    opacity:0;
}
.service-whitebox i.hover-icon {
    color:#FFF;
    opacity:0;
    -webkit-transition:all 0.5s ease 0.5s;
    -moz-transition:all 0.5s ease 0.5s;
    -ms-transition:all 0.5s ease 0.5s;
    -o-transition:all 0.5s ease 0.5s;
    transition:all 0.5s ease 0.5s;
}
.service-whitebox:hover i.hover-icon {
    opacity:0.25;
}
.service-whitebox > h3 {
    color:#333333;
    float:left;
    font-size:20px;
    line-height:24px;
    margin-bottom:10px;
    margin-top:40px;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.service-whitebox > p {
    color:#555555;
    float:left;
    font-size:13px;
    width:100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.service-whitebox:hover > p,
.service-whitebox:hover > h3{
    color:#FFF;
}
.service-whitebox:before {
    content:"";
    width:10%;
    height:0;
    background:black;
    opacity:1;
    z-index:-1;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition:height 0.2s linear, width 0.2s ease 0.2s;
    -moz-transition:height 0.2s linear, width 0.2s ease 0.2s;
    -ms-transition:height 0.2s linear, width 0.2s ease 0.2s;
    -o-transition:height 0.2s linear, width 0.2s ease 0.2s;
    transition:height 0.2s linear, width 0.2s ease 0.2s;
}
.service-whitebox:hover:before{
    height:100%;
    width:100%;
}
/*** Affiliated Companies ***/
.affiliated {
    float:left;
    text-align:center;
    width:100%;
}
.affiliated > h3 {
    font-size:30px;
    letter-spacing:0.5px;
}
.affiliated > p {
    float:left;
    line-height:26px;
    margin-bottom:40px;
    margin-top:20px;
    padding:0 180px;
    width:100%;
}
.affilate-item {
    float:left;
    padding:0 2.5px;
    width:20%;
}
.affiliate-img {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    width:100%;
    padding:20px;
    border:3px solid #FFF;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.affiliate-img img {
    max-width:100%;
}
.affiliate-img:hover {
    border-color:#CFCFCF;
}
/*** Team ***/
.team {
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.member {
    float:left;
    width:100%;
    background:#FFF;
    margin-bottom:30px;
    text-align:center;
}
.member-img {
    float:left;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
    width:100%;
}
.member-img > img {
    width:100%;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.member-img:hover > img {
    opacity:0.4;
}
.member-img > a {
    margin-left:-20px;
    margin-top:-20px;
    overflow:hidden;
    height:40px;
    width:40px;
    text-align:center;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.member-img:hover > a {
    opacity:1;
}
.member-img > a i {
    background:none repeat scroll 0 0 #000000;
    color:#ffffff;
    font-size:15px;
    line-height:30px;
    margin-left:-15px;
    margin-top:-15px;
    height:30px;
    width:30px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.member-img > a:before {
    background:none repeat scroll 0 0 #6f6f6f;
    content:"";
    height:100%;
    width:100%;
    opacity:0.9;
    position:absolute;
    left:0;
    top:0;
}
.member > h3 {
    background:url("../images/border.png") repeat-x scroll 0 30px rgba(0, 0, 0, 0);
    display:table;
    font-size:18px;
    margin:0 auto 10px;
    padding:0 10px 14px;
}
.member > span {
    color:#999999;
    float:left;
    font-family:arimo;
    font-size:11px;
    letter-spacing:5px;
    margin-bottom:25px;
    width:100%;
}
.member > ul {
    display:inline-block;
    float:none;
    margin-bottom:30px;
    width:auto;
}
.member > ul li {
    float:left;
    margin:0 5px;
}
.member > ul li a{
    float:left;
}
.member > ul li a i {
    margin:0;
    font-size:17px;
}
.member > ul li a {
    float:left;
    padding:0 3px;
}
/*** Testimonials Carousel ***/
.parallax-title {
    color:#ffffff;
    float:left;
    font-size:40px;
    font-weight:600;
    line-height:40px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    margin-bottom:35px;
}
.parallax-title i{
    font-style:normal;
}
.testimonials-carousel {
    float:left;
    width:100%;
}
.reviews {
    float:left;
    margin-left:17%;
    width:66%;
}
.reviews blockquote {
    border:0 none;
    color:#cccccc;
    font-family:arimo;
    font-size:20px;
    font-style:italic;
    line-height:40px;
    margin:0 0 40px;
    padding:0;
    text-align:center;
}
.reviews > span {
    color:#ffffff;
    float:left;
    font-family:archivo narrow;
    font-size:14px;
    letter-spacing:5px;
    line-height:18px;
    margin-bottom:30px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
.testimonials-carousel .owl-dots {
    text-align:center;
}
.testimonials-carousel .owl-dots > div {
    display:inline-block;
    float:none;
    margin:0 5px;
}
/*** Header Style 5 ***/
header.header5 {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position:absolute;
    left:0;
}
header.header5 .menu {
    padding: 0 40px;
    top: 45px;
    z-index: 1;
    -webkit-transition:top 1s ease 0s;
    -moz-transition:top 1s ease 0s;
    -ms-transition:top 1s ease 0s;
    -o-transition:top 1s ease 0s;
    transition:top 1s ease 0s;
}
header.header5.sticky .menu {
    left: auto;
    top: 0;
    width: inherit;
}
header.header5 .menu:before {
    background:rgb(255,255,255); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,232,232,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(232,232,232,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
    background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(232,232,232,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
    content:"";
    z-index:-1;
    opacity:0.95;
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
header.header5 .logo {
    margin:37px 0;
}
header.header5 nav > ul > li {
    margin:0 5px;
}
header.header5 nav > ul > li > a {
    padding:45px 30px;
}
header.header5 nav > ul > li > a i {
    color:#000000;
    font-size:32px;
    height:30px;
    margin:-15px 0 0 -15px;
    opacity:0.1;
    width:30px;
    z-index:-1;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s;
}
header.header5 nav > ul > li:hover > a i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
header.header5 nav > ul > li:hover > a {
    color:#FFF;
    position:relative;
    z-index:1;
}
header.header5 nav > ul > li > a:before {
    display:none;
}
header.header5 nav > ul > li > a:after {
    background:none repeat scroll 0 0 #0000ff;
    content:"";
    height:0;
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    z-index:-2;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
header.header5 nav > ul > li:hover > a:after{
    height:100%;
    top:0;
}
header.header5 nav {
    max-width:80%;
}
header.header5 form {
    border:1px solid #929292;
    float:right;
    height:30px;
    margin-top:40px;
    position:relative;
    width:30px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
header.header5 form input {
    background:none repeat scroll 0 0 #f5f5f5;
    border:0 none;
    font-family:arimo;
    font-size:12px;
    height:35px;
    opacity:0.9;
    padding:10px 20px;
    display:none;
    position:absolute;
    right:0;
    top:73px;
    width:230px;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
header.header5 form button {
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border:0 none;
    height:100%;
    width:100%;
}
header.header5 form.sticky {
    margin-top:10px;
}
header.header5.sticky nav > ul > li > a {
    padding:20px 30px;
}
header.header5.sticky form {
    margin-top:15px;
}
header.header5.sticky form input {
    top:48px;
}
/*** ==============================================================
            THEME TEST UNIT
============================================================== ***/
.sticky .blog-post {
    border:4px double #cfcfcf;
}
.post-carousel img {
    float:left;
    height:auto;
    min-height:100px;
}
.post-carousel .owl-controls {
    bottom:10px;
    position:absolute;
    right:10px;
}
.blog-post iframe {
    border:0 none;
    float:left;
    height:auto;
    position:relative;
    width:100%;
    z-index:2;
}
.single .blog-post p {
    float: none;
    font-family: arimo;
    font-size: 13px;
    line-height: 27px;
    width: auto;
}
.single .format-video .blog-post iframe {min-height: 440px;}
.bbp-reply-content #subscription-toggle, #favorite-toggle {
    margin-bottom: 15px !important;
    margin-left: 10px;
    margin-top: 15px !important;
}
/*** TABLE ***/
table {
    border:1px solid #f0f0f0;
    color:#888888;
    float:left;
    font-family: lato;
    font-style: italic;
    margin:20px 0;
    width:100%;
}
caption {
    border-left:1px solid #F0F0F0;
    border-right:1px solid #F0F0F0;
    border-top:1px solid #F0F0F0;
    font-size:17px;
    font-weight:700;
    letter-spacing:0.3px;
    line-height:30px;
    text-transform:uppercase;
}
thead {
    text-align:center;
    color:#333;
}
thead {
    color:#333333;
}
th {
    border:1px solid #f0f0f0;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
}
td {
    border:1px solid #f0f0f0;
    font-size:13px;
    line-height:20px;
    text-align:center;
    text-transform:uppercase;
}
dl {
    float:left;
    margin:20px 0;
    width:100%;
}
dt {
    font-family:archivo narrow;
    font-size:17px;
    font-weight:300;
    letter-spacing:0.5px;
    line-height:25px;
}
dd {
    color:#7f7f7f;
    float:left;
    font-size:13px;
    letter-spacing:0.3px;
    width:100%;
}
address {
    color:#8f8f8f;
    font-family:arimo;
    font-size:16px;
}
.alignleft {
    float:left;
    margin-bottom:10px;
    margin-right:20px;
}
.blog-post img {
    height: auto;
    max-width: 100%;
}
.alignright {
    float:right;
    margin-bottom:10px;
    margin-left:30px;
}
.aligncenter {
    display:table;
    margin:0 auto;
    text-align:center;
}
.single .blog-post > ul {
    padding-bottom: 20px;
    width: 100%;
}
.single .blog-post > ul > li,
.single .blog-post > ul ul > li {
    list-style:circle;
}
.single .blog-post > ul li ul,
.single .blog-post > ol li ul {
    padding-left:20px;
}
.twitter-tweet.twitter-tweet-rendered {
    float:left;
    width:100% !important;
}
.format-video .blog-post iframe {
    min-height:0;
}
.col-md-12 .format-video .blog-post iframe {
    min-height:430px;
}
/*** Monstor Widget ***/
.widget select {
    float:left;
    height:40px;
    padding:10px;
    width:100%;
}
.textwidget img {
    height:auto;
    max-width:100%;
}
.widget ul li ul {
    padding-left:30px;
}
.widget ul li ul li, 
.widget ul li ul li a {
    line-height:20px;
}
.rssSummary {
    float:left;
    margin-top:10px;
    width:100%;
}
.widget ul li span.comment-author-link {
    background:none repeat scroll 0 0 #f7f7f7;
    float:none;
    padding:5px 10px;
}
.widget ul li:hover span.comment-author-link a{
    color:#FFF;
}
.widget ul li.recentcomments a {
    float:none;
    padding:0;
}
/****************************************
     WP DEFAULT PAGE SETTINGS 
*****************************************/
.inner-page ol {
    display: table;
    float: none;
    padding-left: 20px;
    width: auto;
}
.inner-page ul {
    display:table;
    float:none;
    list-style:circle;
    padding-left:12px;
    width:auto;
}
.widget_rss ul {
    list-style:outside none none;
    padding:0;
}
.widget ul {
    float:left !important;
    list-style:outside none none !important;
    padding:0 !important;
    width:100% !important;
}
.widget ul li ul {
    padding-left:30px !important;
}
.inner-page ul ul, .inner-page ol ol, .inner-page ul ol, .inner-page ol ul {
    padding-left:20px;
}
/********************
     LOADER 
*********************/
.loader-overlay, #electric-pop {
    background: #dfdfdf none repeat scroll 0 0;
    height: 100%;
    width: 100%;
    opacity: 0.9;
    z-index: 2147483647;
    position: fixed;
    left: 0;
    top: 0;
}
.loader-overlay .card {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#electric-pop {
    opacity: 1;
    background: rgba(222, 222, 222, 0.9) none repeat scroll 0% 0%;
}
.pop {
    position: absolute;
    width: 60%;
    left: 20%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
/********************
     PAGINATION 
*********************/
.pagi {
    float:left;
    margin-top:80px;
    width:100%;
}
.pagi .pagination {
    display:table;
    float:none;
    margin:0 auto;
    width:auto;
}
.pagi .pagination li a,.pagi .pagination li.active a {
    background:none repeat scroll 0 0 #fff;
    border:1px solid #dedede;
    color:#333333;
    line-height:25px;
    padding:8px 15px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.pagi .pagination li.active a, .pagi .pagination li a:hover {
    color:#fff;
    padding:8px 25px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span{
    font-family:oswald;
}
/**********************************************************
     VISUAL COMPOSER DEFAULT ELEMENTS 
***********************************************************/
.vc_separator h4 {
    text-transform:uppercase;
}
.wpb_toggle_title_active,
#content h4.wpb_toggle_title_active,
.wpb_toggle,
#content h4.wpb_toggle,
.wpb_accordion_section.group h3 {
    background-color:#6a6969 !important;
    background-position:10px center !important;
    color:#ffffff;
    font-size:16px;
    margin-bottom:5px;
    overflow:hidden;
    padding:15px 35px 15px 65px !important;
    position:relative;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.wpb_accordion_section.group h3{
    padding:0!important;
}
.wpb_accordion_section.group h3 a {
    color:#ffffff;
    font-family:archivo narrow;
    font-size:16px;
    padding:15px 35px 15px 65px !important;
    line-height:17px;
    text-transform:uppercase;
}
.wpb_toggle_title_active,
#content h4.wpb_toggle_title_active{
    margin:0;
}
.wpb_accordion_section.group h3 span {
    display:none !important;
}
h4.wpb_toggle:before,
.wpb_accordion_section.group h3:before {
    background:none repeat scroll 0 0 #000000;
    content:"\f078";
    font-family:fontawesome;
    height:100%;
    left:0;
    line-height:46px;
    position:absolute;
    text-align:center;
    top:0;
    width:50px;
    z-index:0;
}
h4.wpb_toggle_title_active:before,
.wpb_accordion_section.group h3.ui-accordion-header-active:before{
    content:"\f077";
}
.wpb_accordion_section.group {
    float:left;
    margin-bottom:5px;
    width:100%;
}
.wpb_toggle_content {
    background:none repeat scroll 0 0 #e9e9e9 !important;
    float:left;
    margin:0 0 5px !important;
    padding:0 !important;
    width:100%;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.wpb_toggle_content p {
    float:left;
    padding:10px 20px;
    width:100%;
}
.wpb_accordion_content.ui-accordion-content {
    background:none repeat scroll 0 0 #efefef;
    float:left;
    padding:0!important;
    width:100%;
    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.wpb_accordion_content.ui-accordion-content p, 
.wpb_accordion_content.ui-accordion-content .wpb_wrapper, 
.wpb_accordion_content.ui-accordion-content .wpb_text_column, 
.wpb_accordion_content.ui-accordion-content {
    float:left;
    width:100%;
}
.wpb_accordion_content.ui-accordion-content p {
    line-height:28px !important;
    padding:20px 30px !important;
}
.wpb_heading {
    float:left;
    font-size:30px;
    font-weight:400;
    line-height:28px;
    margin-bottom:30px;
    text-transform:uppercase;
    width:100%;
}
.wpb_gallery_slides {
    float:left;
    width:100%;
}
.wpb_flexslider {
    border:0 none !important;
    box-shadow:none !important;
    float:left;
    width:100%;
}
.vc_images_carousel {
    float:left;
    width:100%;
}
.vc_inner img {
    width:100%;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background:none repeat scroll 0 0 #f6f6f6;
    border:1px solid #efefef;
    float:left;
    padding:30px;
    width:100%;
    -webkit-border-radius:0 5px 5px;
    -moz-border-radius:0 5px 5px;
    -ms-border-radius:0 5px 5px;
    -o-border-radius:0 5px 5px;
    border-radius:0 5px 5px;
    -webkit-box-shadow:1px 1px 2px #ececec;
    -moz-box-shadow:1px 1px 2px #ececec;
    -ms-box-shadow:1px 1px 2px #ececec;
    -o-box-shadow:1px 1px 2px #ececec;
    box-shadow:1px 1px 2px #ececec;
}
.wpb_content_element .wpb_tabs_nav {
    float:left;
    margin-bottom:-1px!important;
    width:100%;
}
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background:none repeat scroll 0 0 #f6f6f6;
    border:1px solid #efefef;
    float:left;
    padding:30px;
    width:100%;
    -webkit-border-radius:0 5px 5px;
    -moz-border-radius:0 5px 5px;
    -ms-border-radius:0 5px 5px;
    -o-border-radius:0 5px 5px;
    border-radius:0 5px 5px;
    -webkit-box-shadow:1px 1px 2px #ececec;
    -moz-box-shadow:1px 1px 2px #ececec;
    -ms-box-shadow:1px 1px 2px #ececec;
    -o-box-shadow:1px 1px 2px #ececec;
    box-shadow:1px 1px 2px #ececec;
}
.wpb_content_element .wpb_tabs_nav li {
    background:none repeat scroll 0 0 #f6f6f6 !important;
    margin-bottom:-1px;
    margin-right:5px;
    position:relative;
    z-index:1;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.wpb_content_element .wpb_tabs_nav li a {
    color:#7f7f7f;
    font-size:15px;
    line-height:20px;
    padding:10px 30px !important;
    text-transform:uppercase;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
    border-color:#efefef #efefef -moz-use-text-color;
    border-left:1px solid #efefef;
    border-right:1px solid #efefef;
    border-style:solid solid none;
    border-width:1px 1px 0;
}
.wpb_tabs_nav li.ui-tabs-active {
    border-left:1px solid #efefef !important;
    border-radius:3px 3px 0 0;
    border-right:1px solid #efefef !important;
}
.wpb_tour .wpb_tabs_nav {
    width:25%;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    background:none repeat scroll 0 0 #f6f6f6;
    border:1px solid #efefef;
    margin-left:-1px;
    padding:30px 40px;
    width:75%;
}
.wpb_tour .wpb_tabs_nav li {
    clear:left;
    margin:0 0 5px!important;
    width:100%;
    border-left:1px solid #efefef;
    border-top:1px solid #efefef;
    border-bottom:1px solid #efefef;
    border-radius:3px 0 0 3px;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    width:75%;
    margin-left:-1px;
    padding:30px 40px!important;
    background:#F6F6F6;
    border:1px solid #efefef!important;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.wpb_tour .wpb_tabs_nav li {
    border:1px solid #efefef !important;
    clear:left;
    margin:0 0 5px !important;
}
.wpb_tour .wpb_tabs_nav {
    width:25%!important;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    margin-left:-1px;
    width:75%!important;
}
.wpb_tour .wpb_tabs_nav li.ui-tabs-active {
    border-right:0 none !important;
}
.wpb_tour_next_prev_nav {
    margin-left:25% !important;
    padding:0 !important;
}
.wpb_tour_next_prev_nav a {
    background:none repeat scroll 0 0 #8f8f8f;
    border:0 none !important;
    color:#ffffff;
    float:left;
    font-family:arimo;
    font-size:10px;
    font-weight:600;
    letter-spacing:0.4px;
    padding:5px 10px;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.wpb_tour_next_prev_nav .wpb_next_slide a {
    float:right;
}
.post-thumb img {
    width:100%;
}
.teaser_grid_container {
    float:left;
    width:100%;
}
.teaser_grid_container {
    float:left;
    padding:0 15px;
    width:100%;
}
.wpb_teaser_grid .categories_filter, .wpb_categories_filter {
    float:none;
    margin:0 -10px 20px;
    text-align:center;
    width:auto;
}
.wpb_teaser_grid .categories_filter li, .wpb_categories_filter li {
    display:inline-block;
    float:none;
    margin:0 0 10px;
    padding:0 5px;
}
.wpb_teaser_grid .categories_filter li a, .wpb_categories_filter li a {
    background:none repeat scroll 0 0 #efefef;
    border:0 none !important;
    color:#8f8f8f;
    display:inline-block;
    font-size:11px;
    line-height:20px;
    padding:5px 15px;
    text-transform:uppercase;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.wpb_teaser_grid .categories_filter li.active a, 
.wpb_categories_filter li.active a {
    background:black;
    color:#FFF;
}
.wpb_thumbnails {
    float:none;
    margin:0 -15px;
    width:auto;
}
.wpb_thumbnails .isotope-item {
    padding:0 15px;
}
.post-thumb {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;
}
.post-thumb a.link_image {
    float:left;
    width:100%;
}
.post-title {
    float:left;
    font-size:20px;
    margin:20px 0 10px;
    padding:0 20px;
    width:100%;
}
h2.post-title .link_title {
    float:left;
    font-family:inherit;
    font-size:inherit;
    width:100%;
}
.wpb_thumbnails-fluid .isotope-inner {
    background:none repeat scroll 0 0 #ffffff;
    float:left;
    overflow:hidden;
    width:100%;
    -webkit-box-shadow:0 1px 3px #dfdfdf;
    -moz-box-shadow:0 1px 3px #dfdfdf;
    -ms-box-shadow:0 1px 3px #dfdfdf;
    -o-box-shadow:0 1px 3px #dfdfdf;
    box-shadow:0 1px 3px #dfdfdf;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.entry-content {
    float:left;
    padding:0 20px !important;
    width:100%;
}
.vc_read_more {
    background:none repeat scroll 0 0 #f5f5f5;
    float:left;
    font-size:15px;
    margin-top:10px;
    padding:10px 15px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
}
.vc_carousel {
    float:left;
    width:100%;
}
.vc_carousel .vc_item {
    padding:0 15px;
}
.vc_carousel .vc_item .vc_inner {
    background:none repeat scroll 0 0 #ffffff !important;
    float:left;
    overflow:hidden;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.vc_progress_bar .vc_single_bar {
    background:none repeat scroll 0 0 #ccbebd !important;
    box-shadow:none !important;
}
.vc_progress_bar .vc_single_bar .vc_label {
    color:#ffffff;
    font-size:13px;
}
.vc_pie_chart[data-pie-color="wpb_button"] .vc_pie_chart_back {
    border-color:#ccbebd!important;
}
.vc_images_carousel .vc_carousel-control .icon-next:before, 
.vc_images_carousel .vc_carousel-control .icon-prev:before {
    color:#000000;
    font-size:50px;
    line-height:59px;
}
.vc_images_carousel .vc_carousel-control .icon-prev, 
.vc_images_carousel .vc_carousel-control .icon-next {
    height:50px !important;
    margin-top:-25px !important;
    width:50px !important;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}
.vc_images_carousel .vc_carousel-control .icon-next {
    margin-left:-25px !important;
}
.vc_images_carousel .vc_carousel-control .icon-prev {
    margin-left:-25px !important;
}
/*==== Project Detail Pages ==*/ 
.project-box {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.project-detail {
    float: left;
    margin-bottom: -50px;
    width: 100%;
}
.project-box img {width: 100%;height:auto;}
.title {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.title > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    letter-spacing: 4px;
    margin-bottom: 10px;
    width: 100%;
}
.title > h3 {
    font-family: oswald;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 1.5px;
    line-height: 40px;
}
.project-info {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding:45px 50px;
    width: 100%;
}
.project-info > ul {
    list-style: outside none none;
    padding: 0;
}
.project-info li {
    font-family: arimo;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 40px;
}
.project-carousel {float: left;width: 100%;}
.mega-menu {
    background: rgba(0, 0, 0, 0) url("../images/mega-menu.jpg") no-repeat scroll 0 0 / cover ;
    width: 865px;
    overflow: hidden;
    padding: 70px 70px 30px;
    position: absolute;
    text-align: left;
    top:-99999px;
    left:0;
    -webkit-box-shadow: 0 2px 10px #efefef;
    -moz-box-shadow: 0 2px 10px #efefef;
    -ms-box-shadow: 0 2px 10px #efefef;
    -o-box-shadow: 0 2px 10px #efefef;
    box-shadow: 0 2px 10px #efefef;
    -webkit-transform: translateX(10px) scale(0.8);
    -moz-transform: translateX(10px) scale(0.8);
    -ms-transform: translateX(10px) scale(0.8);
    -o-transform: translateX(10px) scale(0.8);
    transform: translateX(10px) scale(0.8);
    -webkit-transition: transform 0.3s ease 0s;
    -moz-transition: transform 0.3s ease 0s;
    -ms-transition: transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}
.mega-menu.center{left:50%;}
nav li:hover .mega-menu {
    top:100%;
    -webkit-transform: translateX(0px) scale(1);
    -moz-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    -o-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
}
.mega-menu ul {
    float: left;
    left: 0;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    width: 100%;
}
.mega-menu:before {
    background: #ffffff;
    content: "";
    opacity: 0.93;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.mega-menu strong {
    float: left;
    font-family: archivo narrow;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.mega-menu strong i {
    float: left;
    font-size: inherit;
    line-height: inherit;
}
nav .mega-menu li {
    border-bottom: 1px dotted #e2e2e2;
    color: #595959;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
}
nav .mega-menu li:last-child {border: 0;}
nav .mega-menu li a {
    background: none;
    border: 0 none;
    line-height: inherit;
    padding: 10px 0;
}
nav .mega-menu li a i {
    color: #a4a3a3;
    font-size: inherit;
    margin-right: 5px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
nav li .mega-menu.right {left: auto;right: -99999px;}
nav li:hover .mega-menu.right {right: 0;}
nav li ul {
    -webkit-box-shadow: 0 2px 10px #efefef;
    -moz-box-shadow: 0 2px 10px #efefef;
    -ms-box-shadow: 0 2px 10px #efefef;
    -o-box-shadow: 0 2px 10px #efefef;
    box-shadow: 0 2px 10px #efefef;
}
nav .mega-menu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
img{
    height:auto;
}
.mega-menu.center {
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -moz-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    -o-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}
/**********************************************************
     ELECTRIC MAJOR UPDATE
***********************************************************/
/**********************************************************
     BB PRESS STYLING
***********************************************************/
/*** BB PRESS STYLING ***/
#bbpress-forums {
    margin-bottom: 0;
}
#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #efefef;
    border: 1px solid #dcdcdc;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    width: 310px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums #bbp-search-form input#bbp_search {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #343434;
    float: left;
    font-family: open sans;
    height: 40px;
    padding: 10px;
    width: 230px;
}
#bbpress-forums #bbp-search-form input#bbp_search_submit {
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #cfcfcf;
    border-radius: 0;
    border-right: 0 none;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    float: left;
    font-family: open sans;
    height: 40px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 70px;
}
#bbpress-forums #bbp-search-form input#bbp_search_submit:hover{
    color: #AFAFAF;
}
#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #282828;
    float: left;
    margin: 0 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}
#subscription-toggle a, #favorite-toggle a {
    color: #fff !important;
    line-height: 20px;
}
.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}
#bbpress-forums ul {
    color: #888888;
    width:100%;
    font-weight: 400;
}
#bbpress-forums .minict_wrapper.bubble ul {
    background: none repeat scroll 0 0 #fff;
}
#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    
    padding:0;
}
#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;    
    
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}
#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}
#bbpress-forums li.bbp-body ul.forum li, #bbpress-forums li.bbp-body ul.topic li {
    border-right: 1px solid #c9c9c9;
    font-size: 13px;
    line-height: 80px;
    min-height: 100px;
    padding: 10px 0;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}
#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}
#bbpress-forums li.bbp-header {
    background: none repeat scroll 0 0 #6f6f6f;
    border: 1px solid #3e3e3e;
    float: left;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}
#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;
}
#bbpress-forums li.bbp-header li {
    color: #ffffff;
    font-family: archivo narrow;
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;
}
.bbp-form input[type="text"], .bbp-form textarea {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    font-family: archivo narrow;
    font-size: 12px;
    font-style: italic;
    height: 40px;
    padding: 5px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.bbp-form textarea{
    border:0;
    height:auto;
}
#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */
    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;
}
div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    margin:0 0 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a, 
ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: #e0e0e0 none repeat scroll 0 0;
    color: #ffffff !important;
    float: left;
    font-family: arimo;
    font-size: 12px;
    line-height: 20px;
    margin-right: 20px;
    margin-top: 22px;
    padding: 5px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.bbp-forum-content {
    color: #9d9d9d;
    line-height: 20px;
    margin: 25px 0 0 !important;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;
    line-height: 20px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}
.bbp-author-avatar {
    margin-right: 10px;
}
ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
    line-height: 20px;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;
}
.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-size: 12px;
}
div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;
    margin:0 0 20px;
}
#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}
ul.bbp-replies li.bbp-header > div {
    color: #f1efef;
    font-family: archivo narrow;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-transform: uppercase;
}
li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;
}
#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}
.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}
.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}
#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;
}
.bbp-reply-author .bbp-author-avatar {
    float: left;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;
}
#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9c9c9c;
    display: table-row;
    float: left;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    margin-top: -8px;
}
.bbp-reply-ip {
    float: left;
    text-align: left;
}
.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;
}
fieldset.bbp-form {
    float: left;
    padding: 0 !important;
    width: 100%;
}
fieldset.bbp-form label {
    color: #7f7f7f;
    float: left;
    font-family: open sans;
    font-size: 12px;
    padding: 0 20px 0 0 !important;
    text-transform: uppercase;
    width: auto !important;
}
button.button.submit {
    font-family: archivo narrow;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 20px;
}
div.bbp-template-notice, div.indicator-hint {width: 100%;}
.bbp-breadcrumb > p a, .bbp-breadcrumb > p span {
    color: #4f4f4f;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.bbp-breadcrumb > p span.bbp-breadcrumb-current {
    color: #a0a0a0;
}
div.bbp-breadcrumb, div.bbp-topic-tags {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
#bbpress-forums fieldset.bbp-form legend{font-family:archivo narrow}
#bbpress-forums select {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    float: left;
    font-family: archivo narrow;
    font-size: 12px;
    font-style: italic;
    height: 40px;
    letter-spacing: 0;
    overflow: hidden;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums div.wp-editor-container {
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    overflow: hidden;
}
#bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
    padding: 10px 15px;
}
div.bbp-topic-tags p {margin: 0 !important;}
#bbpress-forums div.bbp-topic-tags {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    margin-bottom: 20px;
    padding: 10px;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p a {
    font-size: 11px;
}
#bbpress-forums #bbp-user-wrapper {
    border: 4px double #bfbfbf;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums #bbp-single-user-details {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 4px double #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar {
    height: auto;
    width: 100%;
}
#bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
    height: auto;
    margin-bottom: 30px;
    width: 100%;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a {
    color: #a2a2a2;
    font-family: archivo narrow;
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0.3px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    padding-left: 20px;
}
.bbp-user-profile {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 4px double #bfbfbf;
    border-radius: 3px;
    padding: 20px;
}
#bbpress-forums #bbp-user-wrapper h2.entry-title {
    border-bottom: 1px solid #cfcfcf;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.bbp-user-section #favorite-toggle,
.bbp-user-section #subscription-toggle {
    line-height: 0;
    margin: 0 10px 0 0 !important;
    padding: 0;
}
/*** Buddy Press Support ***/
#buddypress {
    float: left;
    width: 100%;
    position: relative;
}
#buddypress div#item-header {
    border: 1px solid #efefef;
    float: left;
    margin-bottom: 40px;
    padding: 20px 30px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div#item-header img.avatar {
    border: 4px double #bfbfbf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div#item-header div#item-meta {
    font-size: 13px;
    line-height: 27px;
    margin-bottom: 0;
    margin-top: 5px;
    padding: 0;
}
#item-nav {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
#buddypress div.item-list-tabs ul li a,
#buddypress div.item-list-tabs ul li span {
    border: 1px solid #bfbfbf;
    color: #a2a2a2;
    font-family: archivo narrow;
    margin-right: -1px;
    padding: 6px 20px;
}
#item-body {
    border: 1px solid #dfdfdf;
    float: left;
    padding: 30px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div#subnav.item-list-tabs {
    float: left;
    margin: 0 0 40px;
    overflow: visible !important;
    width: 100%;
}
#buddypress #item-body form#whats-new-form {
    float: left;
    padding-left: 70px;
    position: relative;
    width: 100%;
}
#buddypress form#whats-new-form #whats-new-avatar {
    left: 0;
    position: absolute;
    top: 0;
}
#buddypress form#whats-new-form p.activity-greeting {
    line-height: 20px;
    margin-left: 0;
}
#buddypress form#whats-new-form #whats-new-content {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#buddypress form#whats-new-form textarea {
    background: none repeat scroll 0 0 #efefef;
    border: 0 none;
    float: left;
    height: 140px !important;
    padding: 10px 30px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress form#whats-new-form p.activity-greeting {
    font-family: archivo narrow;
    font-size: 15px;
    line-height: 20px;
}
#buddypress #whats-new-options {
    float: left;
    height: auto !important;
    overflow: hidden;
    width: 100%;
}
#buddypress form#whats-new-form #whats-new-submit {margin-bottom: 20px;}
.activity.single-group {
    float: left;
    margin-top: 30px;
    width: 100%;
}
#buddypress #activity-stream {margin: 0;}
#buddypress .activity-list li.mini .activity-avatar img.avatar {
    height: 60px !important;
    margin: 0 10px 0 0 !important;
    width: 60px !important;
}
#item-body #subscription-toggle, #favorite-toggle {float: right;}
#buddypress #activity-stream p {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}
#buddypress div.activity-meta {
    float: left;
    width: 100%;
}
#buddypress div.activity-meta a {
    float: left;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px;
    line-height: 15px;
    padding: 5px 16px;
    text-transform: uppercase !important;
}
#buddypress div.activity-meta a:hover{color: #FFF;}
#buddypress div.activity-comments form input {
    float: right;
    font-size: 12px;
    padding: 4px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div.activity-comments form div.ac-reply-content a {
    border: 1px solid #cccccc;
    float: right;
    font-size: 13px;
    line-height: 16px;
    margin-right: 10px;
    margin-top: 6px;
    padding: 5px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div.activity-comments form .ac-textarea {
    border: 1px solid #dfdfdf;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;    
}
#buddypress div.activity-comments form .ac-textarea textarea {
    min-height: 100px;
}
#buddypress a.activity-time-since {
    float: right;
}
#buddypress .acomment-meta a, #buddypress .acomment-meta {
    color: #434343;
    font-size: 12px !important;
    text-transform: capitalize;
}
#buddypress .acomment-options a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: left;
    font-family: archivo narrow;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 20px;
    margin-top: 10px;
    padding: 3px 15px;
    text-transform: uppercase;
}
.page-title h1 a {
    color: inherit;
}
body.activity-permalink #buddypress div.activity-comments {
    float: left;
    margin-left: 0;
    margin-top: 40px;
    width: 100%;
}
#buddypress div.dir-search input[type="text"], #buddypress li.groups-members-search input[type="text"] {
    color: #3f3f3f;
    font-family: archivo narrow;
    font-weight: 400;
    margin-right: 10px;
    padding: 6px 20px;
    width: 260px;
}
#buddypress input[type="submit"],#buddypress input[type="button"]{
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    color: #ffffff;
    float: left;
    font-size: 12px;
    line-height: 21px;
    margin-top: -1px;
    padding: 6px 20px;
    text-transform: uppercase;
}
#buddypress input[type="submit"]:hover{
    border: 0;
}
#buddypress div.dir-search input[type="text"],
#buddypress li.groups-members-search label {
    float: left;
    margin-right: -1px;
}
#buddypress ul.item-list li a {
    font-family: archivo narrow;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
#buddypress ul.item-list li {
    float: left;
    width: 100%;
}
#buddypress ul.item-list li h5 {
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin-right: 10px;
    text-transform: capitalize;
}
#buddypress ul.item-list li span.activity {
    font-family: archivo narrow;
    font-style: italic;
}
#buddypress #item-body div.item-list-tabs ul li a {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px;
}
#buddypress div.item-list-tabs ul li.current a {
    font-weight: inherit;
}
#buddypress .standard-form input[type="text"], #buddypress .standard-form textarea {
    background: none repeat scroll 0 0 #efefef;
    border: 0 none;
    color: #afafaf;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress .standard-form label, 
#buddypress .standard-form span.label {
    color: #535353;
    font-family: archivo narrow;
    font-weight: 400;
}
#buddypress input[type="file"] {
    background: none repeat scroll 0 0 #efefef;
    float: left;
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#delete-group-avatar-button {
    float: left;
    margin-top: 30px;
    width: 100%;
}
#delete-group-avatar-button.generic-button a.edit {
    float: left;
    font-size: 12px;
    padding: 5px 20px;
}
#buddypress div.item-list-tabs ul li a span {
    background: #eaeada none repeat scroll 0 0;
    border: 0 none;
    color: #999999;
    float: right;
    font-size: 70%;
    height: 18px;
    line-height: 16px;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
#buddypress ul.item-list li div.meta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
}
#buddypress div.item-list-tabs {
    margin-bottom: 20px;
    width: 100%;
}
#buddypress div.item-list-tabs ul li.last select {
    border: 1px solid #dfdfdf;
    font-family: archivo narrow;
    font-size: 12px;
    height: 40px;
    margin-left: 10px;
    width: 185px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#buddypress div.pagination .pag-count {
    float: left;
    font-family: arimo;
    font-size: 12px;
    font-style: italic;
    margin-right: 10px;
}
#buddypress ul.item-list li div.item-desc{width:auto;}
#buddypress .standard-form div.submit input {
    color: #ffffff;
    font-family: archivo narrow;
    font-size: 12px;
    margin-right: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.single .main-column > p {margin: 0;}
div.bp-avatar-nav ul {
    border: 0 none;
    margin: 0;
    padding: 0;
}
div.bp-avatar-nav ul li a {
    background: #dfdfdf none repeat scroll 0 0 !important;
    border: 0 none;
    font-family: archivo narrow;
    font-size: 14px;
    font-weight: normal !important;
    padding: 6px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
div.bp-avatar-nav ul li {
    border: 0 none !important;
    float: left;
    margin: 10px 0 !important;
}
#buddypress input#bp-browse-button[type="button"] {
    border: 0 none;
    float: none;
}
#buddypress div#item-header div#item-header-content{
    font-family: archivo narrow;
    font-style: italic;
}
#buddypress div#item-header div#item-actions h3 {
    float: right;
    margin: 0 0 5px;
    width: auto;
}
#buddypress div#item-header div#item-actions{float:left;width:100%;}
#buddypress div#item-header div#item-actions h3 {
    float: left;
    margin: 0 0 5px;
    width: auto;
}
#buddypress div#item-header div#item-header-content {
    font-family: archivo narrow;
    font-style: italic;
    padding-left: 30px;
    width: 90%;
}
#item-header-avatar {float: left;width: 10%;}
#buddypress div#item-header ul {float: left;}
#buddypress li#activity-filter-select {
    float: left !important;
    margin-top: 20px !important;
    width: 100% !important;
}
#buddypress ul.item-list li .activity-header a {
    font-family: archivo narrow;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
#buddypress ul.item-list li .activity-read-more a {font-size: 12px;}
td.label {
    color: #8f8f8f;
    display: table-cell;
    font-family: oswald;
    font-size: 14px;
    font-weight: 500 !important;
}
#buddypress div#subnav.item-list-tabs ul li.last {
    margin-top: 14px;
    width: 100%;
}
th.title {float: none;width: auto;}
#buddypress > form#whats-new-form {
    float: left;
    width: 100%;
}
#whats-new-avatar {
    margin-bottom: 20px;
    margin-right: 10px;
    position: relative !important;
}
#buddypress form#whats-new-form #whats-new-options select {
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    font-family: archivo narrow;
    font-size: 12px;
    height: 40px;
    width: 290px;
}
/*** CONTACT FORM 7 ***/
form.wpcf7-form {
    float: left;
    width: 100%;
}
form.wpcf7-form p, .single form.wpcf7-form p {
    font-family: archivo narrow;
    font-size: 14px;
    letter-spacing: 0.1px;
    line-height: 24px;
}
form.wpcf7-form input, form.wpcf7-form textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e8e8e8;
    padding: 10px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
form.wpcf7-form input {height: 40px;}
form.wpcf7-form input[type="radio"],
form.wpcf7-form input[type="checkbox"] {
    float: left;
    height: 24px;
    margin-right: 8px;
    margin-top: 0;
    width: auto;
}
span.wpcf7-list-item {
    float: left;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}
.wpcf7-list-item-label {
    display: inline-block;
    line-height: 20px;
}
form.wpcf7-form input[type="submit"] {
    border: 0 none;
    float: right;
    height: auto;
    line-height: 20px;
    padding: 9px 30px;
    color:#FFF;
    text-transform: uppercase;
    width: auto;
}
span.wpcf7-form-control-wrap select {
    border: 1px solid #efefef;
    float: left;
    height: 40px;
    margin-bottom: 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
span.wpcf7-form-control-wrap.File input {padding: 0;}
div.wpcf7-validation-errors {
    font-family: archivo narrow;
    margin: 0 !important;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.welcome {
    float: left;
    margin: 0 28%;
    padding: 50px 0;
    text-align: center;
    width: 44%;
}
.welcome > i {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 36px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 20px;
    width: 100%;
}
.welcome > strong {
    float: left;
    font-family: archivo narrow;
    font-size: 80px;
    font-weight: 500;
    line-height: 80px;
    margin-bottom: 20px;
    width: 100%;
}
.welcome > span {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 12px;
    width: 100%;
}
.welcome > p {
    color: #cecece;
    float: left;
    font-family: arimo;
    font-size: 16px;
    margin-top: 30px;
    width: 100%;
}
.hire-me {
    float: left;
    width: 100%;
}
.hire-me .row > div {
    display: inline-block;
    float: none;
    margin-left: -2px;
    vertical-align: middle;
}
.hire-text {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.hire-text > strong {
    float: left;
    font-family: archivo narrow;
    font-size: 28px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 15px;
    width: 100%;
}
.hire-text > h3 {
    float: left;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
    position:relative;
}
.hire-text > h3:before {
    background: rgba(0, 0, 0, 0) url("../images/border.png") repeat scroll 0 0;
    content: "";
    height: 3px;
    width: 30%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.hire-text > span {
    color: #a2a0a0;
    float: left;
    font-family: arimo;
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
}
.hire-text > p {line-height: 26px;}
.hire-img {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    padding:40px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.hire-img.overlap{padding:40px 40px 0;}
.hire-img .hire-img-inner img {
    width: 100%;
    -webkit-box-shadow:0 0 3px #6b6b6b;
    -moz-box-shadow:0 0 3px #6b6b6b;
    -ms-box-shadow:0 0 3px #6b6b6b;
    -o-box-shadow:0 0 3px #6b6b6b;
    box-shadow:0 0 3px #6b6b6b;
}
.hire-img-inner .popup-form img{width:auto;
box-shadow:none;}
.hire-img-inner .popup-form form p {
    line-height: 16px;
}
.hire-img-inner .popup-form .message > div.alert-success {
    text-align: left;
    margin-bottom: 20px;
}
.hire-img.overlap > .hire-img-inner{margin-bottom:-60px}
.hire-img-inner > a {
    background: #000000 none repeat scroll 0 0;
    bottom:30px;
    color: #ffffff;
    font-family: arimo;
    font-weight: 600;
    left: 50%;
    letter-spacing: 1px;
    padding: 18px 50px;
    position: absolute;
    white-space:nowrap;
    text-transform:uppercase;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.hire-img-inner > a:hover{background:#FFF}
.hire-img-inner{
    float:left;
    width:100%;
    position:relative;
}
.hire-img-inner:before{
    background:#ffffff;
    content: "";
    height: 100%;
    width:0;
    opacity:0;
    position: absolute;
    left:50%;
    top: 0;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.hire-img-inner:hover:before{
    opacity: 0.4;
    left:0;
    width:100%;
}
.hire-img-inner .popup-form {
    position: absolute;
    width: 100%;
    left: 0px;
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0% 0%;
    height: 100%;
    top: 0px;
    padding: 0 95px;
    display:none;
    text-align:center;
}
.hire-img-inner .popup-form:before{
    display:inline-block;
    vertical-align:middle;
    content:"";
    height:100%;
}
.hire-img-inner .popup-form > form {
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
    width: 98%;
    float: none;
}
.hire-img-inner .popup-form > form input {
    border-radius: 0px;
    margin-bottom: 10px;
    background: #F5F5F5 none repeat scroll 0% 0%;
    font-style: italic;
    color: #848383;
}
.hire-img-inner .popup-form > form input[type="submit"], 
.hire-img-inner .popup-form > form input[type="button"] {
    display: inline-block;
    float: none;
    font-style: normal;
    color: #F5F5F5;
    background: #000 none repeat scroll 0% 0%;
    margin: 20px 5px 0;
    width: auto;
}
.popup-form span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    cursor: pointer;
    background: black;
}
.info-list {
    float: left;
    width: 100%;
}
.info-list li {
    color: #f8f8f8;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height:40px;
}
.info-list li i {font-size: 16px;}
.info-list .row > div {
    display: inline-block;
    float: none;
    margin-left: -3px;
    padding-left: 18px;
}
.info-list .row > div.bottom {vertical-align: bottom;}
.fancy-social-btns {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.fancy-social-btns a {
    border: 2px solid #ffffff;
    color: #ffffff;
    display: inline-block;
    font-size: 20px;
    height: 62px;
    line-height: 62px;
    margin: 0 4px;
    width: 62px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.heading3 {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.heading3 > h2 {
    float: left;
    font-size: 48px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 15px;
    width: 100%;
}
.heading3 > span {
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 5px;
    text-transform: uppercase;
    width: 100%;
}
.heading3.light > h2{color:#FFF;} 
.skills-tabs {
    float: left;
    width: 100%;
}
.skills-tabs .nav {
    border: 0 none;
    float: left;
    width: 100%;
}
.skills-tabs .nav li {
    margin: 0;
    width: 100%;
}
.skills-tabs .nav li a,
.skills-tabs .nav li.active a,
.skills-tabs .nav li:hover a,
.skills-tabs .nav li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:0;
    border-bottom: 1px solid #818181;
    color: #ffffff;
    font-family: arimo;
    font-size: 13px;
    margin: 0;
    padding: 20px 25px;
    position: relative;
    letter-spacing:0.3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.skills-tabs .nav li:last-child a {border: 0 none;}
.skills-tabs .nav li a:before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 0;
    opacity: 0.7;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.skills-tabs .nav li.active a:before{left:0;width:100%;}
.skills-tabs .nav li.active a{border-color:transparent;}
.skills-tabs .nav li a i{font-size:17px;color:#FFF;}
.performance h3 {
    color: #ffffff;
    float: left;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}
.performance h6 {
    float: left;
    font-family: arimo;
    font-size: 16px;
    font-weight:400;
    line-height: 30px;
    margin-bottom: 20px;
    width: 100%;
    font-style:italic;
}
.performance p {
    color: #e0dddd;
    font-size: 13px;
}
.counters.without-gap .row {margin: 0;}
.counters.without-gap .row > div {padding: 0;}
.counters.without-gap .fancy-counter {
    border-radius: 0;
    border-right: 0 none;
    padding: 50px 25px;
}
.all-fancy-products {
    float: left;
    width: 100%;
}
.fancy-product {
    float: left;
    position: relative;
    overflow:hidden;
    width: 100%;
    margin-bottom:30px;
}
.all-fancy-products.without-gaps > div{padding: 0;}
.all-fancy-products.without-gaps .fancy-product{margin:0;}
.fancy-product > img {
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-product:hover > img {
    -webkit-transform: scale(1.2) rotate(10deg);
    -moz-transform: scale(1.2) rotate(10deg);
    -ms-transform: scale(1.2) rotate(10deg);
    -o-transform: scale(1.2) rotate(10deg);
    transform: scale(1.2) rotate(10deg);
}
.fancy-overlay {
    background:rgba(0, 0, 0, 0.9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity:0;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-product:hover .fancy-overlay{opacity:1;}
.fancy-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.fancy-inner {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
.cats {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.2s;
}
.fancy-product .cats{
    opacity:0;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.fancy-product:hover .cats{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.cats > a {
    display: inline-block;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 15px;
    padding: 0 3px;
}
.fancy-inner > h3 {
    color: #ffffff;
    float: left;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
    opacity:0;
    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.fancy-product:hover .fancy-inner > h3{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.fancy-inner > h3 a{
    color:inherit;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.product-price {
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
    width: 100%;
    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
}
.fancy-product .product-price{
    opacity:0;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.fancy-product:hover .product-price{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-price ins {
    padding: 0 5px;
    text-decoration: none;
}
.product-price del {
    font-size: 15px;
    padding: 0 5px;
    font-weight:300;
}
.cart-btn,
.added_to_cart {
    color: #ffffff;
    display: inline-block;
    font-family: archivo narrow;
    text-transform:uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    padding: 10px 20px;
    border:0;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s ease 0.4s, background 0.3s linear, color 0.3s linear;
    -moz-transition:all 0.3s ease 0.4s, background 0.3s linear, color 0.3s linear;
    -ms-transition:all 0.3s ease 0.4s, background 0.3s linear, color 0.3s linear;
    -o-transition:all 0.3s ease 0.4s, background 0.3s linear, color 0.3s linear;
    transition:all 0.3s ease 0.4s, background 0.3s linear, color 0.3s linear;
}
.cart-btn:hover,
.added_to_cart:hover{background:#FFF;}
.fancy-product .cart-btn,
.fancy-product .added_to_cart{
    opacity:0;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.product .cart-btn.added{display:none;}
.fancy-product:hover .cart-btn,
.fancy-product:hover .added_to_cart{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.simple-services {
    float: left;
    width: 100%;
}
.simple-services > p {
    float: left;
    font-size: 13px;
    margin: 0 15% 50px;
    text-align: center;
    width: 70%;
}
.service-grids {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.simple-service {
    display:table;
    margin-bottom: 30px;
    width: 100%;
}
.simple-service > span {
    border: 1px solid #e1e0e0;
    display: table-cell;
    font-size: 40px;
    height: 100px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    position:relative;
    z-index:1;
    overflow:hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px #efefef inset;
    -moz-box-shadow: 0 0 12px #efefef inset;
    -ms-box-shadow: 0 0 12px #efefef inset;
    -o-box-shadow: 0 0 12px #efefef inset;
    box-shadow: 0 0 12px #efefef inset;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.simple-service:hover > span{color:#FFF;}
.simple-service > span:before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    opacity:0;
    -webkit-transform:scale(0.5);
    -moz-transform:scale(0.5);
    -ms-transform:scale(0.5);
    -o-transform:scale(0.5);
    transform:scale(0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.simple-service:hover > span:before{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.simple-inner{
    display:table-cell;
    vertical-align:middle;
    padding-left:30px;
}
.simple-inner > h3{
    float: left;
    font-size: 18px;
    font-weight:600;
    margin-bottom: 10px;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
}
.simple-inner > h3:before {
    background: rgba(0, 0, 0, 0) url("../images/border.png") repeat scroll 0 0;
    content: "";
    height: 3px;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.simple-inner span {
    float: left;
    font-size: 11px;
    letter-spacing: 5px;
    line-height: 20px;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.simple-service:hover .simple-inner span{color:#888888;}
.all-products {
    float: left;
    width: 100%;
    margin-bottom:-30px;
}
.product,.woocommerce div.product {
    float: left;
    width: 100%;
    margin-bottom:30px;
}
.product > img {width: 100%;}
.product-detail {
    float: left;
    width: 100%;
    padding-right: 30px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.product:hover .product-detail{
    padding-right:0;
    padding-left:30px;
}
.product-inner {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-top: -40px;
    padding: 40px 50px;
    position: relative;
    width: 100%;
    z-index: 1;
}
/*.product .product-inner > span, .woocommerce div.product .product-inner > span {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    color: #ffffff;
    padding: 15px 40px;
    position: absolute;
    left: 50%;
    top: 0;
    white-space: nowrap;
    -webkit-transform: translateY(-100%) translateX(-50%);
    -moz-transform: translateY(-100%) translateX(-50%);
    -ms-transform: translateY(-100%) translateX(-50%);
    -o-transform: translateY(-100%) translateX(-50%);
    transform: translateY(-100%) translateX(-50%);
}*/
.product .product-inner > span, .woocommerce div.product .product-inner > span,
.product-inner > span del {
    display: inline-block;
    color: #000000;
}
.product-inner > span ins,
.product .product-inner > span, 
.woocommerce div.product .product-inner > span {
    font-family: archivo narrow;
    font-size: 18px;
    font-weight: 600;
    margin-right: 5px;
    text-decoration: none;
}
.product-inner > span del {
    color: #ffffff;
    font-family: archivo narrow;
    font-size: 15px;
}
.product-inner > span del {color: #000000;}
.product .cart-btn,
.product .added_to_cart{
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.product-inner > h3, 
.product-detail-page .related .product-inner > h3,
.product-detail-page .upsells .product-inner > h3,
.product-detail-page .cross-sells .product-inner > h3{
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.product .cart-btn:hover{background:#eee;}
.product-links {
    float: right;
    margin-top: 5px;
    vertical-align: middle;
}
.product-links > a, .product-links > span {
    color: #4e4e4e;
    display: inline-block;
    font-size: 16px;
    line-height: 15px;
    margin-left: 5px;
    padding: 6px;
    position: relative;
}
.featured-product > h2 {
    color: #ffffff;
    float: left;
    font-size: 46px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px;
    width: 100%;
}
.featured-product > h2 a{color:#FFF}
.featured-product > span{
    float:left;
    width:100%;
    font-family: archivo narrow;
}
.featured-product span ins, 
.featured-product span{
    font-size:26px;
    font-weight:700;
    margin-right:5px;
    text-decoration:none;
}
.featured-product span del{
    font-size:19px;
    color:#FFF;
}
.featured-product p{
    color:#d8d8d8;
    font-size:15px;
    float:left;
    width:100%; 
    margin:20px 0 40px;
}
.parallax-section {
    float: left;
    margin: 0 18%;
    text-align: center;
    width: 64%;
}
.parallax-section > span {
    float: left;
    font-family: arimo;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
    width: 100%;
}
.parallax-section > h3 {
    color: #000000;
    float: left;
    font-size: 55px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 40px;
    width: 100%;
}
.parallax-section > p {
    color: #3a3a3a;
    float: left;
    font-size: 15px;
    margin-bottom:50px;
    width: 100%;
}
.parallax-section > a {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: archivo narrow;
    font-weight: 500;
    letter-spacing: 0;
    padding: 13px 30px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.parallax-section > a:hover{background:#FFF;}
.traditional-service {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.traditional-services {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}

.traditional-service > span {
    border: 1px solid #efefef;
    border-radius: 50%;
    box-shadow: 0 0 13px #efefef inset;
    display: inline-block;
    float: left;
    font-size: 40px;
    height: 100px;
    line-height: 100px;
    margin-right: 20px;
    text-align: center;
    transition: all 0.3s linear 0s;
    vertical-align: middle;
    width: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 13px #efefef inset;
    -moz-box-shadow: 0 0 13px #efefef inset;
    -ms-box-shadow: 0 0 13px #efefef inset;
    -o-box-shadow: 0 0 13px #efefef inset;
    box-shadow: 0 0 13px #efefef inset;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-post-img  i, .traditional-service > span i {
    line-height: inherit;
}
.traditional-inner {margin-top: 11px;}
.traditional-inner > h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.traditional-inner > p {
    font-size: 13px;
    line-height: 26px;
    margin-top: 10px;
}
.product-detail-page{
    float:left;
    width:100%;
}
.product-image-gallery {
    float: left;
    width: 100%;
}
.product-images {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.product-img {float: left; width: 100%;}
.product-img img {width: 100%;}
.product-thumbs {
    float: left;
    margin: 0 15%;
    width: 70%;
}
.product-thumbs .owl-nav > div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-left: -50px;
}
.product-thumbs .owl-nav > div.owl-next {margin-right: -50px;}
.product-thumbs .owl-nav > div:before {color: #333333;}
.product-details .product-price ins {font-size: 24px;}
.product-details .product-price{font-size:24px;}
.product-details .product-price del {
    color: #626262;
    font-size: 16px;
}
.product-details .product-price {width: auto;}
.stock-detail {
    background: #ffffff none repeat scroll 0 0;
    color: #505050;
    float: right;
    font-family: arimo;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 10px 20px;
}
.stock-detail > i {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: right;
    font-style: normal;
    margin: -10px -20px -10px 20px;
    padding: 10px 20px;
}
.product-detail-page h3 {
    float: left;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
}
.product-feature {
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
.product-feature strong{color: #505050;}
.product-detail-page p {
    float: left;
    margin: 10px 0 30px;
    width: 100%;
}
.product-detail-page .input-group,
.cart-table .input-group{
    float: left;
    margin-top:39px;
    width: 150px;
}
.product-detail-page .input-group button,
.cart-table .input-group button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 !important;
    padding: 0;
    position: relative;
    box-shadow: none;
    width: 35px;
}
.product-detail-page .input-group button:before,
.cart-table .input-group button:before {
    color: #3f3f3f;
    content: "\f104";
    font-family: fontawesome;
    font-size: 25px;
    height: 100%;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.product-detail-page .input-group-btn:last-child button:before,
.cart-table .input-group-btn:last-child button:before {content: "\f105";}
.input-group input {
    border: 2px solid #494949;
    box-shadow: none;
    font-size: 20px;
    font-weight: 700;
    height: 41px;
}
.share-product {
    background: #ffffff none repeat scroll 0 0;
    float: right;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    text-align: center;
    width: 50px;
    position: relative;
}
.share-product a {
    color: #5f5f5f;
}
.down {
    left:-99999px;
    margin-top: 1px;
    position: absolute;
    top: 100%;
    width: 100%;
}
.share-product:hover .down,
.product-links > span:hover .down {left:0;}
.down a {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    float: left;
    line-height: 20px;
    margin-left: -1px;
    margin-top: -1px;
    opacity: 0;
    padding: 10px 20px;
    text-align: center;
    width: calc(100% + 2px);
    -webkit-transform:perspective(200px) rotateX(90deg);
    -moz-transform:perspective(200px) rotateX(90deg);
    -ms-transform:perspective(200px) rotateX(90deg);
    -o-transform:perspective(200px) rotateX(90deg);
    transform:perspective(200px) rotateX(90deg);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.down a i {font-size: 14px;}
.down a:nth-child(2n+1){
    -webkit-transform:perspective(200px) rotateX(-90deg);
    -moz-transform:perspective(200px) rotateX(-90deg);
    -ms-transform:perspective(200px) rotateX(-90deg);
    -o-transform:perspective(200px) rotateX(-90deg);
    transform:perspective(200px) rotateX(-90deg);
}
.share-product:hover .down a,
.product-links > span:hover .down  a{
    opacity:1;
    -webkit-transform:rotateX(0);
    -moz-transform:rotateX(0);
    -ms-transform:rotateX(0);
    -o-transform:rotateX(0);
    transform:rotateX(0);
}
.add-cart {
    background: #000 none repeat scroll 0px 0px;
    color: #FFF;
    font-family: archivo narrow;
    font-size: 15px;
    margin-top: 35px;
    padding: 15px 40px;
    text-align: center;
    text-transform: uppercase;
    border: 0px none;
    float: left;
    margin-left: 20px;
}
.add-cart:hover{color:#FFF;}
.down a:hover {background: #efefef;}
.product-links > span .down, 
.product-links > span:hover .down {
    position: absolute;
    width: 100px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.product-links > span:hover .down{left: 50%;}    
.product-links > span .down a{
    width:50%;
}
.cart-page {
    float: left;
    width: 100%;
}
.cart-table {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    margin-bottom:70px;
    width: 100%;
}
.cart-table li {
    float: left;
    width: 100%;
    padding: 50px 40px;
    border-bottom: 1px solid #f8f8f8;
}
.cart-product {
    float: left;
    width: 100%;
}
.cart-product > a {float: left;}
.product-name {
    margin-top: 20px;
    padding-left: 120px;
}
.product-name > h3 {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product-name > h3 a {
    font-family: archivo narrow;
    font-size: 18px;
}
.product-name .cats {width: auto;}
.cart-table .product-price {
    color:#626262;
    margin:30px 0 0;
    text-align: center;
}
.cart-table .input-group {margin-top: 20px;}
.total {
    float: left;
    font-family: archivo narrow;
    font-size: 22px;
    font-weight: 600;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
.cart-table .close {
    float: left;
    margin-top: 34px;
    opacity: 1;
    text-align: center;
    width: 100%;
}
.cart-table .close i {
    font-size: 18px;
    color: #5b5b5b;
    margin: 0;
    opacity: 1;
}
.cart-bottom {
    float: left;
    padding:20px 50px;
    width: 100%;
}
.coupon {
    border: 1px solid #c6dade;
    float: left;
    height: 40px;
    width: 330px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px #e0e0e0 inset;
    -moz-box-shadow: 0 0 6px #e0e0e0 inset;
    -ms-box-shadow: 0 0 6px #e0e0e0 inset;
    -o-box-shadow: 0 0 6px #e0e0e0 inset;
    box-shadow: 0 0 6px #e0e0e0 inset;
}
.cartpage-btn {float: right;}
.coupon >  input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #c4c2c2;
    float: left;
    font-family: archivo narrow;
    font-size: 12px;
    height: 100%;
    padding: 0 16px;
    width: 60%;
}
.coupon >  input[type="submit"]  {
    background: #000000 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    float: left;
    font-family: archivo narrow;
    font-size: 13px;
    height: 104%;
    margin-bottom: -1px;
    margin-top: -1px;
    width: 40%!important;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.coupon label{display:none;}
.cart-bottom .cart-btn{
    float: right;
    margin-left: 20px;
}
.cart-bottom .cart-btn:hover,
.cart-bottom .added_to_cart:hover{background:#efefef}
.cart-box {
    background: #FFF none repeat scroll 0px 0px;
    margin-bottom: 20px;
    padding: 40px;
    float: left;
    width: 100%;
}
.single .shipping-calculator-form p {margin: 0;}
.cart-box > h5, .cart-box form h5 {
    float: left;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    width: 100%;
}
.cart-box > ul {margin-bottom: 40px;}
.cart-box li strong {color: #505050;}
.cart-box li {
    border-bottom: 1px solid #dddddd;
    float: left;
    font-family: arimo;
    font-size: 12px;
    padding: 11px 0;
    width: 100%;
}
.cart-box li span{float: right;}
.cart-page .cart-btn:hover,
.cart-page .added_to_cart:hover{background:#000;}
.cart-box form {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.cart-box input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #c6dade;
    border-radius: 3px;
    box-shadow: 0 0 9px #dfdfdf inset;
    color: #c4c2c2;
    float: left;
    font-family: archivo narrow;
    font-size: 14px;
    height: 45px;
    margin-top: 10px;
    padding: 10px 20px;
    width: 100%;
}
.select2.select2-container.select2-container--default {
    float: left;
    height: 40px;
    width: 100% !important;
}
.select2.select2-container.select2-container--default .selection {
    float: left;
    height: 100%;
    width: 100%;
}
.select2.select2-container.select2-container--default .selection .select2-selection {
    border: 1px solid #c6dade;
    box-shadow: 0 0 9px #dfdfdf inset;
    height: 100%;
}
.select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__rendered {
    color: #c3c3c3;
    font-family: archivo narrow;
    line-height: 37px;
    padding: 0 18px;
}
.select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__arrow {
    background: rgba(0, 0, 0, 0) url("../images/dropdown-btn.png") no-repeat scroll center center;
    height: 100%;
    width: 50px;
}
.select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__arrow b {display: none;}
.toggle-item {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.toggle-item > h2 {
    background: #262626 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.4px;
    padding: 15px 20px 15px 50px;
    position: relative;
    width: 100%;
}
.toggle-item > h2:before {
    content: "\f0e7";
    font-family: fontawesome;
    font-weight: 200;
    left: 20px;
    position: absolute;
    top: 16px;
}
.content {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.content p {
    color: #8c8c8c;
    font-size: 13px;
    line-height: 20px;
}
/*=============== Checkout Box ===================*/
.content.checkout-box {
    background: #ffffff none repeat scroll 0 0;
    margin: 0;
    padding: 20px 30px;
}
.content.checkout-box p {
    color: #3a3a3a;
    font-family: lato;
    font-size: 14px;
    line-height: 28px;
    margin: 10px 0;
}
.content.checkout-box .checkout-form {
    margin-top: 20px;
    padding: 0;
    width: 100%;
}
.content.checkout-box .checkout-form .field {background: #efefef;}
.content.checkout-box .checkout-form button {
    background: #4f4f4f none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-family: archivo narrow;
    font-size: 14px;
    padding: 8px 27px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.field .minict_wrapper > input {
    height: 100%;
    padding:7px 50px 7px 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.confirmation {
    background: none repeat scroll 0 0 #f9f9f9;
    float: left;
    margin-top: -20px;
    padding: 30px 35px;
    width: 100%;
    text-align:left;
}
.confirmation > h5 {
    color: #3a3a3a;
    float: left;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.confirmation > h5:before {
    background: none repeat scroll 0 0 #efefef;
    content: "";
    height: 8px;
    left: 3px;
    position: absolute;
    top: 6px;
    transform: rotate(45deg);
    width: 8px;
}
.confirmation li {
    color: #3a3a3a;
    font-family: lato;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
}
.confirmation li span {font-weight: 300;}
.checkout-form {
    float: left;
    padding:50px;
    position: relative;
    width: 50%;
    z-index: 1;
}
.field {
    background: #efefef none repeat scroll 0 0;
    float: left;
    margin-bottom:20px;
    padding: 10px 20px;
    position: relative;
    width: 100%;
}
.field input, .field textarea {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #848484;
    float: left;
    font-family: lato;
    font-size: 14px;
    height: 30px;
    padding-left: 60px;
    width: 100%;
}
.field i {
    border-right: 1px solid #848484;
    color: #909090;
    height: 20px;
    left: 20px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: 15px;
    width: 40px;
}
.check-field {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.form form a {
    float: left;
    font-size: 14px;
    font-style: italic;
    font-weight: 900;
    margin:20px 0 10px;
    width: 100%;
}
.check-field > input {
    float: left;
    margin-right: 10px;
}
.check-field > span {
    color: #3f3f3f;
    font-family: lato;
    font-size: 14px;
    font-weight: 600;
}
.form button {
    background: none repeat scroll 0 0 #373737;
    border: 0 none;
    color: #ffffff;
    float: left;
    font-family: lato;
    font-size: 15px;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 20px;
}
.form button i {
    margin-right: 10px;
}
.field .select2.select2-container.select2-container--default .selection .select2-selection {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
}
.field .select2.select2-container.select2-container--default {
    height: 30px;
}
.field .select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__rendered {
    line-height: 30px;
    padding: 0;
}
.checkout-form strong {
    float: left;
    font-family: arimo;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}
.thanks-page {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    padding: 100px 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.thanks-page > h2 {
    float: left;
    font-family: oswald;
    font-size: 60px;
    margin-bottom: 20px;
    width: 100%;
}
.thanks-page > h2 i{font-style: normal;}
.thanks-page > span {
    float: left;
    font-family: archivo narrow;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    width: 100%;
}
.thanks-page > p {
    float: left;
    margin: 0 25%;
    width: 50%;
}
.thanks-page > a {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    font-family: archivo narrow;
    font-size: 15px;
    left: 50%;
    padding: 18px 50px;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(50%);
    -moz-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    -o-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
}
.special-footer {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.special-footer > div {padding: 0;}
.special-widget {
    float: left;
    padding:136px 50px;
    width: 100%;
}
.special-widget.gray {background:#f1f1f1}
.intro-widget {
    float: left;
    width: 100%;
}
.intro-widget > p {
    color: #666666;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.fancy-newsletter {
    float: left;
    width: 100%;
}
.fancy-newsletter h4 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px;
    width: 100%;
}
.fancy-newsletter > p {
    color: #787878;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 30px;
    width: 100%;
}
.fancy-newsletter > form {
    float: left;
    width: 100%;
}
.fancy-newsletter > form input[type="text"] {
    border: 1px solid #efefef;
    float: left;
    font-family: arimo;
    font-size: 12px;
    height: 47px;
    padding: 10px 20px;
    width: 70%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px #efefef inset;
    -moz-box-shadow: 0 0 5px #efefef inset;
    -ms-box-shadow: 0 0 5px #efefef inset;
    -o-box-shadow: 0 0 5px #efefef inset;
    box-shadow: 0 0 5px #efefef inset;
}
.fancy-newsletter > form input[type="submit"]{
    background: #000000 none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 12px;
    height: 45px;
    margin-left: 5px;
    width: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.special-widget.no-padding {padding: 0;}
.footer-carousel {
    float: left;
    width: 100%;
}
.carousel-img {
    float: left;
    width: 100%;
}
.carousel-img > img {width: 100%;}
.fancy-bottom {
    float: left;
    position: relative;
    width: 100%;
    z-index:1;
}
.fancy-bottom > img {
    width: 100%;
    z-index: 0;
}
.fancy-bottom-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.fancy-bottom-overlay:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.fancy-bottom-overlay .container {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}
.fancy-bottom:before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
}
.social-icons {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.social-icons > a{
    color: #424242;
    display: inline-block;
    font-size: 22px;
    margin: 0;
    padding: 0 10px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-bottom-overlay ul {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.fancy-bottom-overlay ul li {
    display: inline-block;
    margin: 0 -3px;
    padding: 0 5px;
    position: relative;
    z-index: 1;
}
.fancy-bottom-overlay ul li a{
    float: left;
    font-family: archivo narrow;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 15px;
    padding: 10px 20px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-bottom-overlay ul li:before{
    border-left: 1px solid #b1b1b1;
    border-right: 1px solid #ffffff;
    content: "";
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.fancy-bottom-overlay ul li:first-child:before{border-left:0;}
.fancy-bottom-overlay ul li:last-child:before{border-right:0;}
.fancy-bottom p {
    border-top: 1px solid #ffffff;
    color: #424141;
    display: inline-block;
    font-size: 13px;
    padding: 30px 30px 0;
    position: relative;
}
.fancy-bottom p:before {
    background: #c7c4c4;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: -2px;
    width: 100%;
}
footer.lightfooter {background: white;}
footer.lightfooter.overlap{margin-top:0;}
footer.lightfooter .container {
    background: white;
    margin: 0 auto;
}
footer.lightfooter .widget-title {
    border-bottom: 1px solid #e8e8e8;
    color: #555555;
    font-family: oswald;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px;
}
footer.lightfooter .widget-title:before, footer.lightfooter .widget-title:after {
    display: block;
}
.sticky-btns {
    position: fixed;
    right: 10px;
    top: 230px;
    width: 45px;
    z-index: 100000;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sticky-btns.move-up {
    top: 75px;
    z-index: 10000000;
}
.sticky-btns > a {
    background: #ffffff none repeat scroll 0 0;
    border:1px solid #d8d4d4;
    float: left;
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
    text-align: center;
    width: 45px;
    position:relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.sticky-btns > a:last-child {margin: 0;}
.sticky-btns > a span {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.login-popup {
        background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    height: 100%;
     width: 100%;
       z-index:100000000;
    text-align: center;
    display:none;
    position: fixed;
    left: 0;
    top: 0;
}
.login-popup:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.login-tabs {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}
.login-btn .nav {
    border: 0 none;
    float: left;
    width: 100%;
}
.login-tabs .nav {
    border: 0 none;
    float: left;
    text-align: center;
    width: 100%;
}
.login-tabs .nav li {
    display: inline-block;
    float: none;
    margin: 0 4px;
}
.login-tabs .nav li a,
.login-tabs .nav li.active a{
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    color: #333333;
    font-family: archivo narrow;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin: 0;
    padding: 16px 32px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.login-tabs .nav li.active a{color:#FFF;}
.login-tabs .tab-content {
    background: rgba(0, 0, 0, 0) url("../images/mega-menu.jpg") no-repeat scroll center center / cover ;
    float: left;
    padding: 100px 80px;
    position: relative;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px #505050;
    -moz-box-shadow: 0 0 10px #505050;
    -ms-box-shadow: 0 0 10px #505050;
    -o-box-shadow: 0 0 10px #505050;
    box-shadow: 0 0 10px #505050;
}
.login-tabs .tab-content:before {
    background: #c7c4c4;
    content: "";
    height: 100%;
    width: 100%;
    opacity:0.2;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.popup-form {
    float: left;
    width: 100%;
}
.popup-form > h4 {
    color: #fff;
    float: left;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 15px;
    text-transform: initial;
    width: 100%;
}
.popup-form > h4 i{font-style:normal;}
.popup-form > p {
    color: #fff;
    float: left;
    font-size: 13px;
    line-height: 24px;
    padding: 0 80px;
    width: 100%;
}
.popup-form > form {
    float: left;
    margin-top: 25px;
    width: 100%;
}
.popup-form > form p input {
    width: auto;
    margin-right: 6px;
}
.popup-form > form input {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    color: #b5b3b3;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 47px;
    margin-bottom: 5px;
    padding: 10px 20px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.popup-form > form > div {padding: 0 2.5px;}
.popup-form > form input[type="radio"] {
    height: 37px;
    margin-right: 10px;
    width: auto;
}
.popup-form form p {
    font-size: 12px;
    line-height: 47px;
    text-align: left;
}
.popup-form > form input[type="submit"] {
    background: #000 none repeat scroll 0 0 !important;
    color: #ffffff;
    float: right;
    font-size: 11px;
    padding: 15px 30px;
    text-transform: uppercase;
    width: auto;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.sticky-btns > a.active {
    position: relative;
    z-index: 1000000000;
}
.sticky-btns.z_index {z-index: unset;}
.sticky-btns > a:before {
    background: #ffffff none repeat scroll 0 0;
    color: #333333;
    content: "\f00d";
    font-family: fontawesome;
    font-size: 17px;
    height: 100%;
    left: 0;
    opacity:0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.sticky-btns > a.active:before {opacity:1;}
.shopping-cart {
    background: #ffffff none repeat scroll 0 0;
    border:1px solid #d8d4d4;
    padding: 30px;
    position: fixed;
    right:-350px;
    top: 285px;
    width: 350px;
    z-index: 100000;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.shopping-cart.move-up{top:90px;}
.shopping-cart.show{right:0}
.shopping-cart > h5 {
    float: left;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.shopping-cart li {
    border-bottom: 1px dashed #bfbfbf;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}
.shopping-cart li img {float: left;width:40px;}
.cart-info {
    float: left;
    padding-left: 20px;
    padding-right: 10px;
    width: 86%;
}
.cart-info > h5 {
    float: left;
    line-height: 16px;
    width: 100%;
}
.cart-info > h5 a{
    float: left;
    font-family: archivo narrow;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
.cart-info > span {
    float: left;
    font-family: arimo;
    font-size: 11px;
    width: 100%;
}
.shopping-cart li > span {
    position: absolute;
    right: 0;
    cursor:pointer;
}
.shopping-bottom {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.shopping-bottom .total {
    font-size: 15px;
    line-height: 29px;
    margin: 0;
    width: auto;
}
.shopping-bottom .cart-btn,
.shopping-bottom .added_to_cart {
    float: right;
    padding: 6px 17px;
}
.shopping-bottom .cart-btn:hover,
.shopping-bottom .added_to_cart:hover{background:#222;}
.woocommerce .woocommerce-breadcrumb {
    font-size: 11px !important;
    letter-spacing: 0.3px;
    font-family: oswald;
    font-weight: 200;
}
h1.page-title {
    border: 0px none;
    text-align:left;
}
.woocommerce-pagination ul li .page-numbers {
    width: 40px;
    line-height: 24px !important;
    height: 40px;
    font-family: archivo narrow;
    font-size: 16px !important;
}
.woocommerce nav.woocommerce-pagination{
    float:left;
    width:100%;
    margin-top:50px;
}
.woocommerce .checkout-box form .form-row label {
    font-family: archivo narrow;
    font-weight: 500;
    float: left;
    width: 100%;
    line-height: 10px;
    margin-bottom: 10px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background: #EFEFEF none repeat scroll 0% 0%;
    border: 0;
    height: 45px;
    margin-bottom: 20px;
    font-family: archivo narrow;
    font-size: 12px;
    padding: 10px 30px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 10px 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #FFF;
    font-family: oswald;
    font-weight:500;
}
.woocommerce-checkout #payment ul.payment_methods {
    float: left;
    width: 100%;
}
.woocommerce-checkout #payment {
    float: left;
    width: 100%;
    margin-top: 40px;
}
.woocommerce table.shop_table {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images{width:100%;}
.inner-page .woocommerce ul {
    width: 100%;
    list-style: outside none none;
}
.woocommerce .cart-product img{margin-right:30px;}
.woocommerce-tabs {
    float: left;
    width: 100%;
    margin-bottom: 50px;
    margin-top: 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    float: left;
    width: 100%;
    margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 8px 30px;
    font-family: roboto;
    text-transform: uppercase;
    float: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 15px;
    letter-spacing: 0.5px;
    font-family: archivo narrow;
    font-weight: 500;
    float: left;
    width: 100%;
    padding: 0px;
}
.woocommerce div.product .woocommerce-tabs .panel {
    float: left;
    width: 100%;
    margin: -1px 0px 0px;
    box-shadow: none;
    padding: 30px !important;
    border: 1px solid rgb(211, 206, 210);
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    float: left;
    width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel p {margin: 10px 0 0;}
.woocommerce #reviews #comments ol.commentlist {
    float: left;
    margin-top: 30px;
    padding:0;
}
.woocommerce #reviews #comments ol.commentlist li {min-height: 0;}   
.comment_container {
    float: left;
    width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li.comment:after{display:none;}
.woocommerce #reviews #comments ol.commentlist li img.avatar {width: 60px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text {margin-left: 80px;padding:20px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    float: left;
    width: auto;
    line-height: 18px;
    font-size: 15px;
    font-family: archivo narrow;
    margin:0;
}
.woocommerce .star-rating{
    font-size:14px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 10px 0 0;
    font-size: 12px;
}
#review_form_wrapper {
    float: left;
    width: 100%;
}
h3#reply-title.comment-reply-title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 30px;
}
.comment-respond form.comment-form {background: none;}
.woocommerce .comment-respond form.comment-form p label {
    float: left;
    width: 100%;
    font-family: archivo narrow;
    font-weight: 200;
}
.woocommerce .comment-respond form.comment-form p input, 
.woocommerce .comment-respond form.comment-form p textarea {
    float: left;
    width: 100%;
    height: 40px;
    border: 0;
    background: #eee;
    padding: 10px 30px;
    color: #333;
    font-family: archivo narrow;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-style: italic;
}
.woocommerce #review_form #respond .form-submit input[type="submit"] {
    width: auto;
    font-style: normal;
    font-size: 11px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.related.products {
    float: left;
    width: 100%;
}
.cross-sells h2,
.upsells h2,
.related h2 {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.related.products .product:hover .product-detail{
    padding-left:30px;
    padding-right:0;
}
.woocommerce form .form-row label {
    font-family: archivo narrow;
    font-weight: 200;
    font-size: 14px;
    text-transform: uppercase;
}
.add_to_cart_inline .cart-btn {
    float: right;
    padding: 6px 30px;
}
.add_to_cart_inline span.amount {font-size: 17px;}
.woocommerce .product-category {
    width: 25%;
    padding: 0px 15px;
}
.woocommerce .product-category a {
    float: left;
    width: 100%;
}
.woocommerce .product-category a h3 {
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
}
.woocommerce .product-category a h3 mark {
    background: none;
}
.woocommerce .star-rating span, .woocommerce li:hover .star-rating span {
    font-size:14px;
    line-height:14px;
    background: transparent none repeat scroll 0% 0%;
    color:transparent;
}
.woocommerce .star-rating span .rating{display:none;}
.widget_shopping_cart_content .buttons {
    float: left;
    width: 100%;
}
.widget_shopping_cart_content .buttons a {
    width: 49%;
    text-align: center;
    margin: 0px;
}
.woocommerce-product-search {
    float: left;
    width: 100%;
}
.woocommerce-product-search label {
    font-family: archivo narrow;
    float: left;
    width: 100%;
    text-transform: uppercase;
    line-height: 13px;
    margin-bottom: 10px;
}
.woocommerce-product-search input.search-field {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    height: 40px;
    border: 0px none;
    font-family: archivo narrow;
    background: rgb(238, 238, 238) none repeat scroll 0% 0%;
    padding: 5px 10px;
}
.woocommerce-product-search input[type="submit"] {
    float: right;
    padding: 8px 30px;
    font-family: archivo narrow;
    text-transform: uppercase;
    border: 0px none;
    color: rgb(255, 255, 255);
}
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    top: 5px;
}
.cross-sells,
.upsells  {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.woocommerce ul.cart_list li .star-rating, 
.woocommerce ul.product_list_widget li .star-rating{font-size:14px;}
.single .shipping-calculator-form p#calc_shipping_country_field{
    margin-bottom: 20px;
}
.single_variation span.price {
    padding: 0px;
    text-align: center;
}
#place_order {
    margin-top: 30px;
    background: black;
    padding: 15px 30px;
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{margin:0!important;}
.woocommerce span.onsale{z-index:10;}
.popup-form form p label {
    color: rgb(255, 255, 255);
    font-weight: 200;
    font-family: arimo;
    line-height: 52px;
    margin: 0px;
    letter-spacing: 0.3px;
}
.topbar.white .contact-information > li, 
.topbar.white .contact-information > li i {color: #FFF;}
.topbar.white form input {color: #FFF;}
.topbar.white form button {color: #FFF;}
.topbar.black .contact-information > li, 
.topbar.black .contact-information > li i {color: #FFF;}
.topbar.black form input {color:#ffffff}
.topbar.black form button {color:#ffffff}
.topbar.black form {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.video-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.video-wrap.full{height:auto;}
video {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline;
}
.video-parallax{overflow:hidden;}
.wp-caption{} 
.wp-caption-text{} 
.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{} 
.lightfooter .widget .about-widget li a i {
    color: #939393;
}
.sideheader-page .page-title .block .container {
    left: auto;
    position: relative;
    top: auto;
}
.sideheader-page .page-title .block.blackish{height:auto!important}
.contact select {
    border: 1px solid #d5d5d5;
    color: #999;
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 9px;
    padding: 0 20px;
    height:40px;
    width: 100%;
}
.contact select > option {
    float: left;
    padding: 10px 20px;
    width: 100%;
}
.message > span {
    background: #f2dede none repeat scroll 0 0 !important;
    border: 1px solid #a94442;
    color: #a94442;
    float: left;
    font-size: 17px;
    height: initial;
    line-height: initial;
    padding:7px 20px;
    position: relative;
    width:100%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.popup-close-btn {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 20px;
    width: 35px;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}
.alert {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.error_message > p {
    color: #a94442;
    font-family: arimo !important;
    font-size: 12px;
    font-weight: 400;
    line-height: initial;
    text-transform: initial;
	margin-bottom:0 !important;
}

.error_message {
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.message span.success {
    background: #dff0d8;
    color: #3c763d;
    border: 1px solid #d6e9c6;
}
.login-form .col-md-6 p a {color: #fff !important;}
.blackish .simple-heading h2 {color: #fff;}
.blackish .simple-heading > p {color: #fff;}
.simple-heading h2 > i {font-style: normal;}
.abt-services .service-block:nth-child(3),
.abt-services .service-block:nth-child(6),
.abt-services .service-block:nth-child(9),
.abt-services .service-block:nth-child(12),
.abt-services .service-block:nth-child(15) {border-right: 0 none;}
.abt-services .service-block:nth-last-child(3), 
.abt-services .service-block:nth-last-child(2) {border-bottom: 0 none;}
.port-custom img {width: auto;}
.slider-layer:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}
.slider-layer {
    float: left;
    position: relative;
    width: 100%;
}
.blackish .parallax-section > p, 
.blackish .parallax-section > h3 {color: #fff;}
.bottom-footer p > a {color: #ccc !important;}
.bottom-footer ul li a:hover {color: #fff !important;}
input:focus{outline:none!important}
.get-quote img.loader{
    position:absolute;
    right:0;
    top:35px;
}
.blackish .lines:before, .blackish .lines:after,
.blackish .lines > span:before,
.blackish .lines > span:after{
    background-image: url("../images/border2.png");
}
a:focus,
input:focus{outline:none}
.comment-notes {
    float: left;
    margin-bottom: 20px;
}
.tpl-home{background:#f9f9f9}
.sideheader-page .tpl-home{background:none}
/*=== New Changes 20/4/16 ===*/
.blackish .heading2 h2, .blackish .heading2 > span {
    color: #fff;
}
.blog-post ul.post-meta li {
    margin-right: 20px;
    float: left;
}
.blog-post ul.post-meta li {
    display: inline-block;
    float: none;
}
.single .blog-post .about-widget p {
    float: left;
    width: 100%;
}
.widget .about-widget li a i {color: inherit;}
/*===== Woocommerce Updated Element Style =====*/
.woocommerce-MyAccount-content {
    float: left;
    width: 100%;
}
.woocommerce-MyAccount-navigation {
    border-bottom: 0 none;
    border-top: 0 none;
    margin-top: 0;
}
.woocommerce-MyAccount-navigation > ul {
    float: left;
    list-style: outside none none;
    margin: 0 !important;
    padding-left: 0;
    width: 100%;
}
.woocommerce-MyAccount-navigation > ul > li {
    color: #ffffff !important;
    float: left;
    margin-bottom: 2px;
    width: 100%;
}
.woocommerce-MyAccount-navigation > ul > li a {
    background: #333333 none repeat scroll 0 0;
    color: inherit;
    float: left;
    padding: 10px 30px;
    width: 100%;
}
.woocommerce-MyAccount-navigation > ul > li:last-child {margin-bottom: 0;}
.woocommerce-MyAccount-content {
    border-left: 1px solid #eeeeee;
    padding-left: 20px;
}
.woocommerce-MyAccount-content > p {
    float: left;
    width: 100%;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-message {
    float: left;
    margin-top: 20px !important;
}
.woocommerce-MyAccount-content > form fieldset {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.woocommerce-MyAccount-content > form fieldset legend {padding-bottom: 20px;}
.woocommerce-MyAccount-content .woocommerce-Address-title .edit {
    color: #fff;
    float: left !important;
    margin-left: 20px;
    padding: 7px 15px;
    font-size: 13px;
}
nav.woocommerce-MyAccount-navigation li:hover > a::before {
    left: 0;
    width: 100%;
}
/*** Ver 3 ***/
/*=== New Header Style ===*/
.header6 .topbar {
    background: #212121 none repeat scroll 0 0;
}
.header6 .contact-information > li {
    color: #9f9f9f;
    font-family: roboto;
    font-size: 12px;
    font-weight: 300;
    margin: 18px 30px 18px 0;
}
.header6 .contact-information > li > i {
    color: #cbcbcb;
    font-size: 15px;
}
.header6 .top-social > li {
    color: #c2c2c2;
    font-size: 14px;
    height: initial;
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
    width: initial;
}
.header6 .top-social > li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #c2c2c2;
    font-size: 14px;
    height: auto;
    line-height: initial;
    width: auto;
}
.header6 .top-social > li a:hover {background: transparent;}
.header6 .top-social > li a i {
    color: #c2c2c2;
    font-size: 14px;
}
.header6 .top-social > li:before {
    background: #f1f1f1 none repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.header6 .top-social > li:last-child:before {display: none;}
.header6 .top-social > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.header6 .top-social {margin: 17px 35px 17px 0;}
.select-language {float: left;}
.select-language > ul {
    background: #0e0e0e none repeat scroll 0 0;
    float: left;
    padding: 14px 10px;
    position: relative;
    text-align: center;
    width: 50px;
}
.select-language > ul > li {
    cursor: pointer;
    float: left;
    width: 100%;
}
.select-language img {
    float: left;
    width: 100%;
}
/*=== Header6 Dropdown ===*/
.header6 nav li {
    color: #555;
    font-family: roboto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
}
.header6 nav li a {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 35px 15px;
}
.header6 nav .mega-menu li a {padding: 10px 0;}
.header6 nav .mega-menu li {
    font-size: 13px;
    font-weight: 400;
}
.header6 nav li ul li a {padding: 7px 30px;}
.header6 nav li ul li {
    font-size: 13px;
    font-weight: 400;
}
.header6 .mega-menu strong {font-family: roboto slab;}
.center-heading {
    display: block;
    margin: 0 auto 50px;
    max-width: 730px;
    text-align: center;
}
.about-electric {
    float: left;
    width: 100%;
}
.center-heading > i {font-size: 50px;}
.center-heading > h3 {
    color: #454545;
    font-family: roboto slab;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    margin-top: 3px;
    width: 100%;
}
.center-heading > span {
    color: #9b9b9b;
    font-family: roboto slab;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.3px;
    position: relative;
}
.center-heading > span:before, 
.center-heading > span:after {
    content: "\f10d";
    font-family: fontawesome;
    font-size: 16px;
    font-style: normal;
    left: -20px;
    position: absolute;
    top: -6px;
}
.center-heading > span:after {
    bottom: -6px;
    content: "\f10e";
    left: auto;
    right: -20px;
    top: auto;
}
.center-heading > p {
    font-size: 15px;
    margin-top: 15px;
}
.service-box {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.service-box > span {
    background: #303030 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    height: 75px;
    left: 0;
    line-height: 75px;
    position: absolute;
    text-align: center;
    width: 75px;
}
.service-detail > i {
    color: #c5c5c5;
    float: left;
    font-family: roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    width: 100%;
}
.service-detail > strong {
    color: #383838;
    font-family: roboto slab;
    font-size: 16px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.service-detail {
    float: left;
    padding-left: 100px;
    width: 100%;
}
.service-detail > p {
    color: #949494;
    font-family: roboto;
    font-size: 13px;
}
/*=== Project Sec ===*/
.side-heading {
    float: left;
    margin-bottom: 55px;
    position: relative;
    width: 100%;
}
.side-heading > i {
    float: left;
    font-size: 40px;
    margin-right: 10px;
}
.side-heading > h3 {
    color: #454545;
    font-family: roboto slab;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 8px;
}
.side-heading > span {
    color: #666;
    font-family: arimo;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.3px;
}
.side-heading > span:before {left: 25px !important;}
.side-heading:before, 
.side-heading:after, 
.side-heading > span:before {
    background: #000 none repeat scroll 0 0;
    top: 45px;
    content: "";
    height: 5px;
    left: 5px;
    position: absolute;
    width: 5px;
}
.side-heading:after {left: 15px;}
.project-portfolio:before {
    opacity: 0.77;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.project-portfolio {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.project-portfolio .portfolio-hover > h3 {
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 0;
    opacity: 1;
}
.project-portfolio .portfolio-hover > h3 > a {
    color: inherit;
    font-size: inherit;
    letter-spacing: 0.3px;
}
.project-portfolio .portfolio-hover > ul {opacity: 1;}
.project-portfolio .portfolio-hover li:before {
    content: ",";
    right: -5px;
}
.project-portfolio .portfolio-hover > ul li {
    font-size: 11px;
    letter-spacing: 2px;
    margin: 0 5px;
}
.project-portfolio .portfolio-hover > ul li a {
    font-size: inherit;
    letter-spacing: inherit;
}
.project-portfolio .portfolio-hover li:last-child:before {display: block;}
.project-tabs {
    float: left;
    padding-left: 40px;
    width: 100%;
}
.project-tabs > .nav-tabs {
    background: #fff none repeat scroll 0 0;
    border-bottom: 0 none;
    float: left;
    margin-bottom: 55px;
    padding: 0 17px;
    width: 100%;
}
.project-tabs > .nav-tabs > li {
    border: 0 none;
    color: #555;
    font-family: roboto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 0;
}
.project-tabs > .nav-tabs > li > a {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    color: inherit;
    float: left;
    font-family: inherit;
    font-size: inherit;
    margin-right: 0;
    padding: 20px 30px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
    z-index: 1;
}
.project-tabs > .nav-tabs > li > a:before {
    background: #e3e3e3 none repeat scroll 0 0;
    content: "";
    height: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 1px;
}
.project-tabs > .nav-tabs > li:last-child > a:before {display: none;}
.project-tabs > .nav-tabs > li > a:hover {background: initial;}
.project-tabs > .nav-tabs > li > a:after {
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
    z-index: -1;
}
.project-tabs > .nav-tabs > li.active > a {color: #fff;}
.project-tabs > .nav-tabs > li.active > a:before {opacity: 0;}
.project-tabs > .nav-tabs > li.active > a:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.project-tabs > .nav-tabs > li.active > a:hover, 
.project-tabs > .nav-tabs > li.active > a {border: 0 none;}
.project-tabs .tab-content {
    float: left;
    padding-left: 17px;
    width: 100%;
}
.project-div {
    float: left;
    position: relative;
    width: 100%;
}
.project-thumb {
    float: left;
    width: 100%;
}
.project-thumb > img {
    float: left;
    width: 100%;
}
.project-div .project-detail {
    background: #fff none repeat scroll 0 0;
    bottom: 75px;
    left: -55px;
    padding: 40px 65px;
	
	position:absolute;
	width:470px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.project-div:hover > .project-detail {left: -30px;}
.project-detail > span {
    color: #797979;
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 2px;
    width: 100%;
}
.project-detail > h4 {
    color: #383838;
    float: left;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    width: 100%;
}
.project-detail > h4 > a {color: inherit;}
.project-detail > ul {
    float: left;
    margin-top: 10px;
}
.project-detail > ul > li {
    float: left;
    font-size: 11px;
    letter-spacing: 2px;
    margin-right: 12px;
    position: relative;
    text-transform: uppercase;
}
.project-detail > ul > li:before {
    content: ",";
    position: absolute;
    right: -5px;
}
.call-backinfo {
    float: left;
    width: 100%;
}
.call-backinfo > h2 {
    color: #fff;
    float: left;
    font-family: roboto slab;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 40px;
    text-transform: uppercase;
}
.call-backinfo > span {
    color: #fff;
    float: left;
    font-family: arimo;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 10px 0;
    width: 100%;
}
.call-backinfo > p {
    color: #d1d1d1;
    float: left;
    line-height: 26px;
    width: 100%;
}
.callback-form {
    float: left;
    width: 100%;
}
.callback-form > i {
    color: #f6f6f6;
    float: left;
    font-family: arimo;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    width: 100%;
}
.callback-form > form {
    float: left;
    width: 100%;
}
.callback-form > form > .row {margin: 0 -5px -10px;}
.callback-form > form > .row > div {padding: 0 5px 10px;}
.callback-form > form input, 
.callback-form > form textarea, 
.callback-form > form .select2.select2-container.select2-container--default {
    border: 0 none;
    color: #3b3b3b;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 55px;
    padding: 0 30px;
    width: 100%;
}
.callback-form > form .select2.select2-container.select2-container--default {padding: 0;}
.callback-form > form textarea {
    height: 115px;
    padding: 20px 30px;
    resize: none;
}
.callback-form > form .select2.select2-container.select2-container--default .selection .select2-selection {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.callback-form > form .select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__rendered {
    color: #3f3f3f;
    font-family: arimo;
    font-size: 11px;
    line-height: 55px;
}
.callback-form > form .select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__arrow {
    background: initial;
    color: #3f3f3f;
}
.callback-form > form .select2.select2-container.select2-container--default .selection .select2-selection .select2-selection__arrow b {display: block;}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background: #fff;
    color: #333;
}
.select2-container--default .select2-results__option--highlighted:hover{color: #fff;}
.callback-form > form button {
    border: 0 none;
    color: #fff;
    float: right;
    font-family: roboto;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
    padding: 15px 40px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.callback-form > form button > i {margin-left: 10px;}
.teamand-working {
    float: left;
    width: 100%;
}
.team-working > div:first-child {
    background: #fff none repeat scroll 0 0;
}
.electricteam {
    position: relative;
}
.electricteam {
    float: left;
    width: 100%;
}
.electricteam > .side-heading,
.electricworking > .side-heading {margin-bottom: 35px;}
.team-carousel {
    float: left;
    width: 100%;
}
.team-member {
    float: left;
    position: relative;
    width: 100%;
}
.team-member > img {width: 100%;}
.member-detial {
    background: #161616 none repeat scroll 0 0;
    border-bottom: 10px solid #272727;
    border-right: 10px solid #272727;
    bottom: 0;
    padding: 35px 15px 25px 40px;
    position: absolute;
    width: 100%;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.team-member:hover > .member-detial {bottom: 15px;}
.member-detial > h4 {
    color: #fff;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.member-detial > h4 > a {color: inherit;}
.member-detial > span {
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 2px;
}
.team-carousel .owl-nav {
    left: auto;
    margin-top: 0;
    right: 0;
    top: -93px;
    width: auto;
}
.team-carousel .owl-nav > div {
    background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 3px;
    height: 30px;
    margin-left: 1px;
    width: 30px;
}
.team-carousel .owl-nav > div:before {
    color: #2d2d2d;
    font-size: 12px;
    line-height: 30px;
}
.team-carousel .owl-nav > div:hover:before {color: #fff;}
.electricworking > ul {
    float: left;
    margin-top: 5px;
    width: 100%;
}
.electricworking > ul > li {
    float: left;
    margin-top: 26px;
    padding-left: 150px;
    position: relative;
    width: 100%;
}
.electricworking .service-box > i {
    color: #c5c5c5;
    font-family: roboto;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    left: 10px;
    position: absolute;
    top: 20px;
}
.electricworking .service-box {
    margin-bottom: 0;
    position: static;
}
.electricworking .service-box > span {
    float: left;
    margin-right: 30px;
    position: relative;
}
.electricworking .service-box > span > i {
    color: inherit;
    font-size: inherit;
    margin-right: 0;
}
.electricworking .service-detail {
    float: none;
    padding-left: 0;
    width: auto;
}
.counter-sec {padding: 50px 0;}
.counter-sec .counter-box {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    padding: 30px 40px 30px 95px;
    position: relative;
    text-align: left;
}
.counter-sec .counter-box > i {
    color: #595959;
    font-size: 35px;
    left: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.counter-sec .counter-data > h5, 
.counter-sec .counter-data > span {
    color: #454545;
    font-family: roboto;
    font-size: 33px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: initial;
    padding: 0;
}
.counter-sec .counter-data > p {font-size: 13px;}
/*===== Recent News2 =====*/
.recent-newsdiv {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.recentnews-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.recentnews-thumb > img {
    float: left;
    width: 100%;
}
.post-date {
    background: #212121 none repeat scroll 0 0;
    bottom: -52px;
    color: #fff;
    font-family: arimo;
    font-size: 11px;
    font-weight: 700;
    left: 10px;
    letter-spacing: 0.3px;
    padding-bottom: 3px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 77px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.recent-newsdiv:hover > .recentnews-thumb > .post-date {bottom: -35px;}
.post-date > i {
    background: #212121 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    height: 35px;
    left: 50%;
    line-height: 35px;
    position: absolute;
    top: -18px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 35px;
}
.post-date > span {
    float: left;
    font-weight: 400;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
}
.recentnew-detail {
    float: left;
    padding: 30px 10px 30px 125px;
    width: 100%;
}
.recentnew-detail > h4 {
    color: #454545;
    font-family: roboto slab;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 26px;
    text-transform: uppercase;
}
.recentnew-detail > h4 > a {color: inherit;}
.recentnew-detail .tags {
    margin: 5px 0 10px;
    text-align: left;
}
.recentnew-detail .tags > i {
    float: left;
    margin-right: 5px;
}
.recentnew-detail .tags > ul {width: auto;}
.recentnew-detail .tags > ul > li {
    float: left;
    line-height: initial;
    margin-right: 5px;
    position: relative;
}
.recentnew-detail .tags > ul {
    float: none;
}
.tags > ul > li::before {
    content: ",";
    position: absolute;
    right: -5px;
    top: 0;
}
.tags > ul > li:last-child::before {
    display: none;
}
.recentnew-detail .tags > ul > li > a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.recentnew-detail > p {
    color: #555;
    float: left;
    line-height: 26px;
    width: 100%;
}
/*===== Our Partners =====*/
.our-partners {
    float: left;
    width: 100%;
    display:inline-flex;
}
.attachment-1012x258.size-1012x258 {
height:100%;
}
.partner-logo {
    float: left;
    width: 100%;
    padding: 39px;
}
.partner-logo > a {
    float: left;
    width: 100%;
}
.partner-logo img {
    max-width: 100%;
    width: auto !important;
}
.our-partners .owl-nav {
    left: -5%;
    margin-top: -15px;
    width: 110%;
}
.our-partners .owl-nav > div {
    background: #202020 none repeat scroll 0 0;
    border-radius: 3px;
    height: 30px;
    width: 30px;
}
.our-partners .owl-nav > div:before {
    color: #fff;
    font-size: 12px;
    line-height: 30px;
}
/*===== Slide 4 Style =====*/
.slide4-title,
.slide4-title2{
    font-weight: 700;
    font-family: roboto slab;
}
.slide4-title:before {
    height: 78px;
    width: 6px;
    content: "";
    position: absolute;
    left: 0;
}
.slide4-subtitle {
    background: rgba(0,0,0,.9);
    font-family: roboto;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    letter-spacing: 3px;
}
/*** Ver 3.1 ***/
/*===== Blog Homepage 1 =====*/
.blogpage-template {
    display: table;
    float: left;
    width: 100%;
}
.blog-header {
    background: #fff none repeat scroll 0 0;
    display: table-cell;
    padding-left: 50px;
    /*position: relative;*/
    text-align: center;
    vertical-align: middle;
    width:370px;
}
.blog-grids {
    display: table-cell;
    vertical-align: middle;
}
.fancy-blog-grids > div{margin:0;}
.fancy-blog {
    float: left;
    width: 100%;
    position:relative;
}
.fancy-blog > img{width:100%}
.blog-bar {
    background:#1e1e1e;
    height:100%;
    width:50px;
    position:absolute;
    left:0;
    top:0;
}
.blog-menu {
    bottom:-110px;
    color:#fff;
    font-family:domine;
    font-size:13px;
    height:100%;
    left:0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    width: 110px;
    z-index: 1;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}
.blog-menu:hover,
.blog-menu:focus{color:#FFF}
.blog-menu i{
    margin-right:4px;
    font-size:14px;
}
.blog-social {
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
}
.blog-social > a {
    background: #313131 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-logo {
    display: inline-block;
    padding:0 30px 10px;
    margin-bottom: 70px;
    width: 100%;
}
.blog-author {
    display: inline-block;
    width: 100%;
}
.blog-author > span {
    display: table;
    margin:11px auto 50px;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.blog-author > span img {
    border: 8px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.blog-author > span:before {
    background: black none repeat scroll 0 0;
    content: "";
    height: 114%;
    left: 12%;
    position: absolute;
    top: -7%;
    width: 76%;
    z-index: -2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.blog-author h4 {
    color: #353535;
    float: left;
    font-family: domine;
    font-size: 28px;
    font-weight: 900;
    width: 100%;
}
.blog-author strong {
    float: left;
    font-family: domine;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.5px;
    width: 100%;
}
.blog-author i {
    background: none repeat scroll 0 0;
    color: #666666;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0.5px;
    margin-top: 10px;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
.blog-author i:before, .blog-author > i:after {
    background: #bababa none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -40px;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: -3;
}
.blog-author i:after{
    left: auto;
    right: -40px;
}
.blog-menu-links {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.blog-menu-links .enscroll-track {
    background:#f6f6f6;
    margin: 0;
    width: 5px;
    position: absolute !important;
    right: 33px;
    top: 0;
}
.blog-menu-links .enscroll-track a.handle3{
    border-radius: 0;
    width: 100%;
}
.blog-menu-links > ul{max-height:415px}
.blog-menu-links ul {
    display:none;
    float: none;
    overflow: auto;
    padding: 0 35px;
    text-align: left;
    width:100%!important;
}
.blog-menu-links li {
    color: #444444;
    float: left;
    font-size: 13px;
    margin-bottom: 1px;
    width: 100%;
}
.blog-menu-links li a {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #444444;
    float: left;
    font-size: 13px;
    padding: 12px 25px;
    width: 100%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.blog-menu-links li a i {
    float: left;
    line-height: 25px;
    margin-right: 10px;
}
.blog-menu-links ul ul{
    padding:0px 15px;
    display:none;
}
.blog-menu-links ul ul li a{
    background:none;
    color:#777777;
    font-size:11px;
    padding:0;
    position:relative;
}
.blog-menu-links ul ul li{margin:0}
.blog-menu-links ul ul li.has-child > a:before {
    content:"\f0d7";
    font-family: fontawesome;
    position: absolute;
    right: 5px;
    top: 3px;
}
.blog-menu-links > ul > li.open > a,
.blog-menu-links > ul > li.open > a i{color:#FFF}
.fancy-blog:before{
    background:black;
    content:"";
    opacity: 0.7;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.fancy-date {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    padding: 6px 12px;
    position: absolute;
    right: 20px;
    top: 20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-date:hover{color:#FFF}
.fancy-blog-overlay > span {
    bottom: 0;
    color: #fff;
    font-family: roboto;
    font-size: 20px;
    font-weight: 800;
    height: 60px;
    left: 0;
    line-height: 60px;
    position: absolute;
    text-align: center;
    width: 60px;
}
.fancy-blog-overlay > span:before, 
.fancy-blog-overlay > span:after{
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    width: 75%;
    position: absolute;
    left: 0;
    top: 0;
}
.fancy-blog-overlay > span:after{
    height:20%;
    width:1px;
    left:auto;
    right:0;
    bottom:0;
    top:auto;
}
.fancy-blog-name {
    bottom: 0;
    left: 0;
    padding-bottom: 30px;
    padding-left: 80px;
    padding-right: 20px;
    position: absolute;
    width: 100%;
}
.fancy-blog-name h5 {
    color: #fff;
    font-family: domine;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 10px;
}
.fancy-blog-name h5 a {
    color: inherit;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.fancy-blog-name > span {
    float: left;
    font-size: 11px;
    width: 100%;
}
.fancy-blog-name > span i {
    font-size: 15px;
    margin-right: 7px;
}
.fancy-blog-name > span a {
    font-size: 11px;
    padding: 0 2px;
}
.fancy-blog-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.fancy-blog.style2 .fancy-blog-overlay {
    height: auto;
    padding: 0 30px 90px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.fancy-blog.style2 .fancy-blog-overlay .fancy-date {
    display: inline-block;
    color:#FFF;
    position: relative;
    right: auto;
    top: auto;
}
.fancy-blog.style2 .fancy-blog-name {
    display: inline-block;
    margin-top: 20px;
    padding: 0;
    position: relative;
}
.fancy-blog.style2 .fancy-blog-overlay > span {
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    top: auto;
}
.fancy-blog.style2 .fancy-blog-overlay > span:before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    height: 100%;
    left: -10%;
    width: 120%;
}
.fancy-blog.style2 .fancy-blog-overlay > span:after {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    bottom: -10%;
    height: 120%;
    width: 100%;
}
.fancy-blog.style2 .fancy-blog-name > span,
.fancy-blog.style2 .fancy-blog-name > span a{color:#FFF}
.fancy-blog.style2 .fancy-blog-name h5{text-transform:uppercase;}
/*===== Blog Homepage 2 =====*/
.blogpage-template.style2 .blog-header {
    display: unset;
    float: left;
    padding: 58px 0 0;
    width: 100%;
    z-index: 1000;
}
.blogpage-template.style2 .blog-grids {
    display: unset;
    float: left;
    width: 100%;
}
.blogpage-template.style2 .blog-bar {
    height: 58px;
    padding: 10px 0;
    overflow:visible;
    top: 0;
    z-index:1000;
    width: 100%;
}
.bar-menu {
    float: right;
    position: relative;
}
.bar-menu > ul{
    opacity:0;
    -webkit-transform:translateX(100px);
    -moz-transform:translateX(100px);
    -ms-transform:translateX(100px);
    -o-transform:translateX(100px);
    transform:translateX(100px);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.bar-menu > ul.active{
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
.bar-menu > ul > li {
    color: #fff;
    float: left;
    font-size: 13px;
    margin: -10px 0;
    padding: 11px 0;
    text-align: left;
}
.bar-menu > ul > li > a {
    color: inherit;
    float: left;
    line-height: 14px;
    padding: 11px 20px;
}
.bar-menu > ul > li > a:before{display:none}
.bar-menu > ul{padding-right:60px}
.blogpage-template.style2 .blog-menu {
    bottom: auto;
    height: auto;
    left: auto;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
}
.blog-menu:before {
    color: #fff;
    content: "\f00d";
    font-family: fontawesome;
    font-size: 18px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-menu.active:before{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.blog-menu.active{color:transparent}
.blog-menu.active i{opacity:0}
.blog-menu,.blog-menu i{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blogpage-template.style2 .blog-social {
    bottom: auto;
    float: left;
    left: auto;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.blogpage-template.style2 .blog-social > a {
    height: 37px;
    margin: 0 6px 0 0;
    width: 37px;
}
.blogpage-template.style2 .blog-header .container .blog-logo {
    display: table-cell;
    padding: 0;
    text-align: left;
    vertical-align: middle;
}
.blogpage-template.style2 .blog-header > .container {
    display: table;
    padding: 25px 0;
}
.blogpage-template.style2  .blog-header .container .blog-author {
    display: table-cell;
    vertical-align: middle;
    width: auto;
}
.blogpage-template.style2 .blog-header .container .blog-author > span {
    display: table-cell;
    vertical-align: middle;
}
.blogpage-template.style2 .blog-author-detail {
    display: table-cell;
    min-width: 200px;
    padding-left: 30px;
    text-align: left;
    vertical-align: middle;
}
.blogpage-template.style2 .blog-header .container .blog-author > span:before {
    height: 108%;
    top: -4%;
}
.blogpage-template.style2 .blog-header .container .blog-author span img {
    border-width: 4px;
    width: 100px;
}
.blogpage-template.style2 .blog-author h4 {
    color: #353535;
    display: inline-block;
    float: none;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto;
}
.blogpage-template.style2 .blog-author strong {
    display: inline-block;
    float: none;
    font-size: 13px;
    vertical-align: middle;
    width: auto;
}
.blogpage-template.style2 .blog-author i {
    margin-top: 4px;
    padding: 0;
}
.blogpage-template.style2 .blog-author i:before,
.blogpage-template.style2  .blog-author i:after{display:none}
.fancy-blog.style3 .fancy-blog-overlay > span{display:none}
.fancy-blog.style3 .fancy-blog-overlay .fancy-blog-name{
    height: 100%;
    padding: 0;
}
.fancy-blog.style3 .fancy-blog-overlay .fancy-blog-name h5 {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding:0 40px 30px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
}
.fancy-blog.style3 .fancy-blog-overlay .fancy-blog-name span {
    left: 0;
    padding-left: 30px;
    position: absolute;
    top: 25px;
    width: 270px;
}
.fancy-blog.style3 .fancy-blog-overlay .fancy-date {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #6d6d6d;
    color: #fff;
    font-size: 11px;
    padding: 7px 20px;
    text-transform: capitalize;
    z-index:1;
}
.bar-menu .mega-menu strong {
    color: #333;
    font-family: roboto slab;
}
.blog-masonary .col-md-4{
    padding: 0px;
}
/*===== Electric Ver 3.2 =====*/
/*=== Business Homepage ===*/
/*=== New Header Style ===*/
.sideheader-page2 {padding-left: 335px;}
.sideheader-page2 header.side-header2 {
    bottom: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 335px;
}
.sideheader-page2 .container {
    padding: 0 15px;
    width: 100%;
}
footer .block .container {
    padding: 80px 15px;
    width: 100%;
}
.side-header2 .logo {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    max-width: 100%;
    padding: 40px 0 50px;
    text-align: center;
    width: 100%;
}
.side-header2 .main-menu {
    background: transparent none repeat scroll 0 0;
    height: initial;
    position: static;
    width: 100%;
}
.side-header2 .logo h1 {
    float: left;
    margin: 0;
    width: 100%;
}
.side-header2 .main-menu .side-menu > ul li {
    border-bottom: 0 none;
    position: relative;
}
.side-header2 .main-menu .side-menu > ul li a {
    background: transparent none repeat scroll 0 0;
    font-family: montserrat;
    font-size: 12px;
    padding: 15px 0;
    text-transform: uppercase;
}
.side-header2 .main-menu .side-menu {
    max-height: 350px;
    padding: 35px 30px 35px 100px !important;
}
.side-header2 .main-menu .side-menu > ul ul li a {
    color: #fff;
    font-size: 11px;
    padding: 4px 0 4px 15px;
    text-transform: initial;
}
.side-header2 .main-menu .side-menu > ul ul {padding-left: 35px;}
.side-header2 .main-menu .side-menu > ul ul li a::before {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 7px;
}
.side-header2 .main-menu .side-menu > ul li.menu-item-has-children:before {
    color: #fff;
    content: "\f107" !important;
    cursor: pointer;
    font-family: fontawesome;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 12px;
}
.cnt-inf {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.cnt-inf > li {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    color: #f0f0f0;
    float: left;
    font-size: 11px;
    margin-bottom: 1px;
    padding: 13px 30px 13px 70px;
    width: 100%;
}
.cnt-inf > li i {
    color: inherit;
    font-size: 12px;
    margin-right: 5px;
}
.featured-carousel-wrap {
    float: left;
    position: relative;
    width: 100%;
}
.featured-img-car {
    float: left;
    position: relative;
    width: 100%;
}
.featured-img-car::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.fe-car-it {
    float: left;
    width: 100%;
}
.featured-img-car .owl-dots {
    bottom: 65px;
    height: auto;
    margin-top: 0;
    position: absolute;
    right: 125px;
    width: auto;
    z-index: 1;
}
.featured-img-car .owl-dots > div {
    background: #a0a0a0 none repeat scroll 0 0;
    height: 14px;
    margin-left: 7px;
    width: 14px;
}
.fe-car-pst-inf {
    left: 175px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    z-index: 1;
}
.fe-car-pst-inf > span {
    color: #fff;
    font-family: poppins;
    font-size: 24px;
    font-weight: 600;
}
.fe-car-pst-inf > h2 {
    color: #fff;
    font-family: poppins;
    font-size: 36px;
    font-weight: 600;
    margin-top: 5px;
}
.fe-car-pst-inf > p {
    color: #f4d3d3;
    font-size: 15px;
    line-height: 26px;
    margin-top: 12px;
}
.fe-car-pst-inf > a:hover {background: #fff;}
.fe-car-pst-inf > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 50px;
    padding: 22px 40px 20px;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.service-box2 {
    float: left;
    margin-bottom: 30px;
    padding: 0 60px;
    text-align: center;
    width: 100%;
}
.service-box2 > span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 35px;
    height: 92px;
    line-height: 92px;
    margin-bottom: 30px;
    overflow: hidden;
    width: 92px;
}
.service-box2 > h2 {
    color: #454545;
    font-family: poppins;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.service-box2 > p {
    color: #555;
    line-height: 26px;
}
.service-box2 > span.gr {background: #5ad094 none repeat scroll 0 0;}
.service-box2 > span.bl {background: #86b6f6 none repeat scroll 0 0;}
.service-box2 > span.yl {background: #ffc70d none repeat scroll 0 0;}
.center-title {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.center-title > span {
    display: block;
    font-family: arimo;
    font-size: 13px;
    letter-spacing: 0.4px;
}
.center-title > h4 {
    color: #404040;
    font-family: poppins;
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    text-transform: uppercase;
}
.center-title > p {
    color: #555;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    line-height: 26px;
    max-width: 60%;
}
.chos-us {
    float: left;
    text-align: center;
    width: 100%;
}
.chos-us > h2 {
    color: #404040;
    display: inline-block;
    font-family: poppins;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    max-width: 80%;
}
.chos-us > p {
    color: #555;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    max-width: 85%;
}
.chos-us > a {
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 35px;
    padding: 16px 40px 15px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
.chos-us > a:hover {background: transparent none repeat scroll 0 0;}
.why-ch-img-car {
    display: inline-block;
    margin-top: 60px;
    padding: 0 20px;
	float:left;
    border-bottom: 0;
}
.mockup {
    float: left;
    width: 100%;
}
.mockup > img {width: 100%;}
.counters.style2 .counter-box > h5 {
    color: #555;
    font-family: poppins;
    font-size: 36px;
    font-weight: 600;
}
.counters.style2 .counter-box > span {
    font-family: poppins;
    font-size: 36px;
    font-weight: 600;
}
.counters.style2 .counter-box h6, 
.counters.style2 .counter-box p {font-size: 13px;}
.prj-sec {
    float: left;
    margin-bottom: -10px;
    width: 100%;
}
.merged2 .row {margin: 0 -5px;}
.merged2 .row > div {padding: 0 5px;}
.prj-img {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}
.prj-img > a {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.prj-img > a img {
    -webkit-transition: all 1s linear 0s;
    -moz-transition: all 1s linear 0s;
    -ms-transition: all 1s linear 0s;
    -o-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
    width: 100%;
}
.prj-img > a:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.center-title.left {
    margin-bottom: 20px;
    text-align: left;
}
.center-title.left > h4 {
    font-size: 26px;
    text-transform: initial;
}
.hnr-des {
    float: left;
    width: 100%;
}
.hnr-des > p {
    color: #555;
    line-height: 26px;
    margin-bottom: 10px;
}
.service-box2.style2 {
    margin-bottom: 0;
    margin-top: 40px;
    padding: 0;
    text-align: left;
}
.service-box2.style2 > span {
    float: left;
    margin-bottom: 0;
    margin-right: 30px;
    text-align: center;
}
.service-box2.style2 > h2 {margin-top: 5px;}
.service-box2 > span.rd {background: #e1372a none repeat scroll 0 0;}
.service-box2 > span.fr {background: #19d3df none repeat scroll 0 0;}
.msion-chrt > strong {
    color: #525252;
    float: left;
    font-family: poppins;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.msion-chrt > span {
    color: #b2b2b2;
    float: right;
    font-family: poppins;
    font-size: 12.4px;
    font-weight: 500;
}
#msn-chrt {
    background: #fff;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    float: left;
    height: 400px;
    padding: 40px 30px 10px;
    width: 100%;
}
.highcharts-button, 
.highcharts-credits {display: none;}
.gt-qt {
    float: left;
    padding: 0 100px;
    width: 100%;
}
.or-wrk {float: left;}
.or-wrk > span {
    color: #fff;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.or-wrk > h4 {
    color: #fff;
    font-family: poppins;
    font-size: 26px;
    font-weight: 600;
    margin-top: 10px;
    text-transform: uppercase;
}
.gt-qt > a {
    border: 2px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 5px;
    padding: 15px 50px 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
.gt-qt > a:hover {background: transparent;}
.pric-plan-box .row {margin: 0 -5px;}
.pric-plan-box .row .column {padding: 0 5px;}
.plan-bx {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.pln-hdr {
    color: #fff;
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1px;
    padding: 33px 20px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    z-index: 1;
}
.pln-bdy {
    float: left;
    min-height: 410px;
    padding: 50px 40px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.pln-bdy::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    z-index: -1;
}
.pln-bdy:hover::before {
    color:#FFFFFF;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    z-index: -1;
}
.plan-bx .pln-hdr::before {opacity: 0.2;}
.pln-hdr::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.plan-bx .pln-bdy::before {opacity: 0.95;}
.pln-bdy > strong {
    color: #666;
    float: left;
    font-family: poppins;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
/*.pln-bdy:hover > strong {
    color: #fff;
    float: left;
    font-family: poppins;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}*/
.pln-bdy > strong span {font-size: 13px;}
.pln-bdy > i {
    float: left;
    font-family: arimo;
    font-size: 13px;
    font-style: normal;
    margin-top: 5px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
/*.pln-bdy:hover > i {
    float: left;
    color:#fff;
    font-family: arimo;
    font-size: 13px;
    font-style: normal;
    margin-top: 5px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}*/
.pln-bdy > p {
    color: #555;
    float: left;
    line-height: 22px;
    margin-top: 17px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
/*.pln-bdy:hover > p {
    color: #fff;
    float: left;
    line-height: 22px;
    margin-top: 17px;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}*/
.pln-bdy > span {
    border-top: 1px solid #d8d8d8;
    color: #454545;
    float: left;
    font-family: poppins;
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    padding-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
/*.pln-bdy:hover > span {
    border-top: 1px solid #d8d8d8;
    color: #fff;
    float: left;
    font-family: poppins;
    font-size: 14px;
    font-weight: 600;
    margin-top: 30px;
    padding-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}*/
.pln-bdy > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 40px;
    padding: 17px 15px 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}
.pln-bdy > a:hover{
    background-color: #000;
    color: #fff;
}
/*.pln-bdy:hover > a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #6D95DD;
    background-color:#FFFFFF;
    display: inline-block;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 40px;
    padding: 17px 15px 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
    width: 100%;
}*/
.plan-bx.active .pln-bdy > strong, 
.plan-bx.active .pln-bdy > i, 
.plan-bx.active .pln-bdy > p, 
.plan-bx.active .pln-bdy > span {color: #fff;}
.plan-bx.active .pln-bdy > span {border-top-color: #fff;}
.plan-bx.active .pln-bdy > a {background: #0f0f0f none repeat scroll 0 0;}
.rcnt-bx {
    float: left;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.rcnt-bx > a {
    float: left;
    width: 100%;
}
.rcnt-bx img {width: 100%;}
.rcnt-inf {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.rcnt-inf > h2 {
    color: #444;
    font-family: poppins;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.rcnt-inf > p {
    font-size: 15px;
    line-height: 26px;
    margin-top: 20px;
    padding: 22px 0;
    position: relative;
}
.rcnt-inf > p::before, 
.rcnt-inf > p::after {
    border-bottom: 1px solid #f5f5f5;
    border-top: 3px solid #f5f5f5;
    content: "";
    height: 6px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
}
.rcnt-inf > p::before {top: 0;}
.rcnt-inf > p::after {bottom: 0;}
.pst-mta {
    display: inline-block;
    float: none;
    margin-top: 18px;
    width: auto;
}
.pst-mta > li {
    color: #999;
    float: left;
    font-family: poppins;
    font-weight: 500;
    line-height: initial;
    margin-right: 8px;
    padding-right: 15px;
    position: relative;
    width: auto;
}
.pst-mta > li a {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    line-height: initial;
    -webkit-transition: all 0.25s linear 0s;
    -moz-transition: all 0.25s linear 0s;
    -ms-transition: all 0.25s linear 0s;
    -o-transition: all 0.25s linear 0s;
    transition: all 0.25s linear 0s;
}
.pst-mta > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.pst-mta > li::before {
    content: "-";
    line-height: initial;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pst-mta > li i {margin-right: 5px;}
.our-partners.style2 .partner-logo {padding: 0;}
.side-menu li.has-child.active > ul {display: block;}
.side-menu li.has-child > ul {display: none;}
.new-header9 .newblogpage-template {
    display: table;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 370px;
}
.new-header9 {padding-left: 35px;}
.new-header9 .container {
    padding: 0 15px;
    width: 100%;
}
.blog-social{right: 0;}
.blog-menu {bottom: -150px;}
.pull-right > form {
    float: right;
}
/*--- sidemenu mega menu ---*/
.sideheader-page2 .blog-menu-links > ul > li.open .mega-menu.center {
    bottom: initial !important;
    padding: 12px;
    position: static;
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    -o-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
    width: 255px !important;
}
.sideheader-page2 .blog-menu-links > ul > li.open .mega-menu strong{
	cursor:pointer;	
}
.sideheader-page2 .blog-menu-links > ul > li.open .mega-menu > div {
    float: left;
    width: 100%;
}
.blog-menu-links > ul > li.open {
    display: inline-block !important;
    position: relative;
}
.electricworking,
.team-list-slider {
    float: left;
    width: 100%;
}
.vc_empty_space {
    float: left;
    width: 100%;
}
.pric-plan-box > .container > .row {margin: 0 -5px;}
.pric-plan-box > .container > .row > div {padding: 0 5px;}
.unique-class > .row > .col-md-6:first-child {background: #fff;}
.unique-class > .row > .col-md-6 {padding: 110px 90px;}

.why-ch-img-car li a {
    float: left;
    position: relative;
    width: 100%;
}
.why-ch-img-car li a::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    z-index: 1;
}
.why-ch-img-car li.active a::before {
    opacity: 0.5;
}

.our-partners .partner-logo {
    padding: 0;
    text-align: center;
}
.our-partners .partner-logo img {display: inline-block;}
.block.less-padding {padding: 80px 0;}
#block-history table {font-style: initial;}
#block-history table th, #block-history table td {
    padding: 15px 30px;
    text-align: left;
}
#block-history table th:hover, 
#block-history table td a:hover {color: #333;}

.product-inner .cart-btn {float: left;}
.product-inner > span.amount {direction: rtl;}
.portfolio-sec.hover-style2 #portfolio > div,
.portfolio-sec.hover-style1 #portfolio > div {
    width: 24.9%;
}