/*** ==============================================================
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;
    overflow-x: hidden;
    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;
}
.block {
    float: left;
    padding:80px 0;
    position: relative;
    width: 100%;
}
.block .container{
    padding:0;
}
.container{
    padding: 0;
}
.block.remove-gap {
    padding-top: 0;
}
.block.no-padding{
    padding: 0!important;
}
.block.parallax-sec {
    padding: 70px 0;
}
.block.gray{
    background: none repeat scroll 0 0 #fbfbfb;
}
.block.white {
    background: none repeat scroll 0 0 #ffffff;
}
section .block.extra-gap {
    padding-bottom: 130px;
}
.blur{
    position:relative;
    float:left;
    width:100%;
}
#link-top {
	z-index:20;
	bottom:45px;
	height:52px;
	position:fixed;
	right:0;
	width:19px;
	background-color: #f79b2e;
	}
.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;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover!important;
    background-attachment: fixed!important;
    width: 100%;
    z-index: -1;
    
    -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{
    background: none repeat scroll 0 0 #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.75;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.whitish:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    opacity: 1;
}
iframe{
    border:0;
    width: 100%;
    float: left;
}
/*=============== Header ===================*/
header {
    float: left;
    position: relative;
    width: 100%;
    background: #FFF;
    z-index: 10;
}
.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 {
    float: left;
    margin: 5px 0 5px 50px;
    width: 224px;
}
.topbar form input {
    background: none;
    border: 0;
    font-size: 11px;
    color: #7f7d7d;
    font-family: arimo;
    text-transform: capitalize;
    text-align: right;
    letter-spacing: 0.5px;
    float: left;
        height: 26px;
    line-height: 25px;
    padding: 5px 10px;
}
.topbar form button {
    float: left;
    height: 100%;
    background: none;
    border: 0;
    padding: 0;
    width: 30px;
    line-height: 24px;
    font-size: 13px;
    color: #888888;
}
.menu {
    float: left;
    width: 100%;
    position: relative;
}
.logo {
    float: left;
/*    margin-top: 32px;*/
    margin-bottom: 5px; 
    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: absolute;
    top: 15px;
}
header.header2 nav,
header.header3 nav{
    padding-left: 70px;
    position: relative;
    width: 80%;
}
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:before,
header.header3 nav:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-right: 35px solid #FFF;
    border-top: 47px solid #FFF;
    border-left: 35px solid transparent;
    border-bottom: 47px solid transparent;
}
header.header2 nav:after, header.header3 nav:after {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    height: 100%;
    left: 70px;
    position: absolute;
    width: 350%;
    z-index: -1;
}

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{
    border-top: 5px solid;
}
header.header2 .menu, 
header.header3 .menu {
    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.header3 .logo:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff #ffffff;
    border-style: solid;
    border-width: 51px 37px;
    content: "";
    height: 0;
    position: absolute;
    right: -74px;
    top: 0;
    width: 0;
}
header.header2 .logo:after,
header.header3 .logo:after {
    background: none repeat scroll 0 0 #FFF;
    content: "";
    height: 100%;
    left: -200%;
    position: absolute;
    top: 0;
    width: 200%;
}
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;
}
header.header4 {
    background: none repeat scroll 0 0 #fbfbfb;
}
header.header4 .logo {
    float: left;
/*    margin: 35px 0; */
    max-width: 50%;
/*    text-align: center; */
    width: 100%;
	padding-left:15px;
}
header.header4 .logo1 {
    float: left;
/*    margin: 35px 0; */
    max-width: 50%;
    text-align: right;
    width: 100%;
padding-right:15px;
}
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;
}
.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: 100%;
    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 {
    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;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
}
nav > ul > li:hover > ul > li,
nav > ul > li:hover > ul > li:hover > ul li {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
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;
    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,
header.header3.sticky .menu{
    background: none;
}
header.header2.sticky .menu .logo,
header.header3.sticky .menu .logo {
    margin: 0;
    padding: 10px 0;
}
header.sticky.header2 .logo:before,
header.sticky.header3 .logo:before {
    border-width: 30px 27px;
    right: -54px;
}
header.sticky.header2 nav:before,
header.sticky.header3 nav:before {
    border-width: 30px 27px;
}
header.sticky.header2 nav,
header.sticky.header3 nav {
    padding-left: 54px;
}

/*=============== Responsive Header ===================*/
.responsive-header{
    display: none;
}
.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    float: left;
    left: 0;
    position: absolute;
    top: 0;
    width: 270px;
    z-index: 100000;
    padding-bottom: 20px;
    display: none;

    -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;

    -webkit-box-shadow: 0 0 14px #4f4f4f;
    -moz-box-shadow: 0 0 14px #4f4f4f;
    -ms-box-shadow: 0 0 14px #4f4f4f;
    -o-box-shadow: 0 0 14px #4f4f4f;
    box-shadow: 0 0 14px #4f4f4f;
}
.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;
    position: relative;
    width: 100%;
}
.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;
}

.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 20px;
    border-right: 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 {
    font-size: 12px;
    color: #b7b7b7;
    font-family: arimo;
    float: left;
    width: 100%;
    margin: 10px 0;
}
.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{
    top: 0;
    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;
}
.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: 30px;
    text-align: center;
}
.form > form .row > div {
    margin-bottom: 20px;
}
.form input {
    background: none repeat scroll 0 0 rgba(81, 79, 79, 0.7);
    border: 1px solid #636363;
    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;
}

/*=============== 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(252, 252, 252, 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(233,233,233,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: 50px;
    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;
}
.heading span > i{
    color: #6e6e6e;
    font-style: normal;
    display: table;
    float: none;
    font-family: Arimo;
    font-size: 11px;
    font-style: normal;
    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: #888;
    float: left;
    font-size: 14px;
    line-height: 26px;
    margin-top: 20px;
    width: 100%;
}
.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%;
}
.portfolio-nav {
    display: table;
    float: none;
    margin: 0 auto 40px;
    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{

    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%;
	padding:5px;

	

    -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 {
    float: left;
    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;
}
.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-port-desc {
    float: left;
    width: 50%;
}
.big-port-img {
    float: left;
    width: 50%;
}
.big-port-desc {
    float: left;
    padding: 90px 90px  0;
    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%;
}
.big-port-desc > p {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.big-port-desc > ul li,
.popup ul li {
    float: left;
    line-height: 30px;
    width: 100%;
}
.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;
}
.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{
    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: none repeat scroll 0 0 #fff;
    border: 1px solid #e6e5e4;
    display: inline-block;
    color: #858585;
    font-size: 50px;
    height: 122px;
    line-height: 132px;
    width: 122px;

    -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-wrapped  .portfolio,
#portfolio-mas.merged-wrapped  .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 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: 10px;
}
.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:10px 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.9;
    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;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.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;
}
.blog-post > ul {
    border-bottom: 1px solid #c0c0c0;
    color: #b1b1b1;
    display: table;
    float: none;
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 30px;
    padding: 0 50px 10px;
    position: relative;
    width: 70%;
}
.blog-post > ul:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background: #ececec;
}
.blog-post ul li:last-child {
    margin: 0;
}
.blog-post ul li {
    color: #b1b1b1;
    display: inline-block;
    font-size: 11px;
    margin-right: 50px;
}
.blog-post ul 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 li i{
    color: #b1b1b1;
    font-size: 11px;  
}
.blog-post > h3 {
    float: left;
    font-size: 18px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 20px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
.blog-post > h3 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;
    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%;
}



/* Fancy title */
.fancy-title > h5{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-weight: 300;
    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;
    top: 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;
    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;
}
.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;
    padding: 0;
    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%;
    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: "";
    left: 0;
    position: absolute;
    top: 0;
    font-family: "Simple-Line-Icons";
    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;
    width: 100%;
}
.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%;
}
.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;
}
.contact-info > h3 {
    color: #ffffff;
    float: left;
    font-family: oswald;
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 100%;
}
.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;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.service-boxed:before {
    background: none repeat scroll 0 0 #ffffff;
    content: "";
    height: 100%;
    width: 30px;
    z-index: 1;
    padding-bottom: 30px;
    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: #FFF;
    content: "";
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: 0;
}
.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%;
}

/*=============== 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;
    width: 20%;
}
.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: 60px;
}
.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;
    width: 100%;
}
.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: 30px !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: 24%;
    top: 50%;
}

.circular-progress > i {
    bottom: 30%;
    color: #555555;
    font-family: arimo;
    font-size: 12px;
    font-style: normal;
    letter-spacing: 0.3px;
    position: absolute;
    text-align: center;
    width: 100%;
}

canvas {
    position: relative;
    z-index: 2147483647;
}

/*=============== Services Carousel ===================*/
.services-carousel {
    float: left;
    width: 100%;
}
.service-item {
    float: left;
    width: 100%;
    position: relative;
    padding-left:360px; 
}
.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: -100px;
    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: -100px;
}
.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: #f5f5f5;
    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 ===================*/
.fancy-counter.style2 {
    background: none repeat scroll 0 0 rgba(62, 62, 62, 0.2);
    border: 0 none;
}
.fancy-counter.style2 i {
    color: #3e3e3e;
    font-size: 80px;
    opacity: 0.7;
}
.fancy-counter.style2 h5,
.fancy-counter.style2 span{
    color: #FFF;
}
.fancy-counter.style2 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);
    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;
}

/*=============== 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;
    font-family: archivo narrow;
    font-size: 30px;
}
.portfolio-title > span i{
    font-style: normal;
}
.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;
    height: 100%;
    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;
}
.full-portfolio:hover > 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);
}

/*=============== 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;
    width: 100%;
}
.myskills {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.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%;
}
.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;
}

/*=============== 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 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 {
    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 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="submit"] {
    color: #ffffff;
    display: inline-block;
    float: none;
    font-size: 12px;
    font-style: normal;
    margin: 20px auto 0;
    padding: 10px 30px;
    width: auto;
}

/*=============== Inner Page ===================*/
.page-title {
    border-bottom: 1px solid #e3dcdc;
    border-top: 1px solid #e3dcdc;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.page-title .block .container {
    position: fixed;
    width: 100%;
    left: 0;
}
.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 {
    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 {
    width: 100%;
}
.inner-page .service-boxed:before,
.inner-page  .service-boxed:after {
    background: none repeat scroll 0 0 #f9f9f9;
}
.inner-page .white .service-boxed:before,
.inner-page .white .service-boxed:after {
    background: none repeat scroll 0 0 #ffffff;
}

/*=============== Contact Page ===================*/
form.contact {
    float: left;
    width: 100%;
}
.contact input,
.contact textarea {
    border: 1px solid #d5d5d5;
    color: #999999;
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 10px 20px;
    width: 100%;
}
.contact textarea{
    min-height: 120px;
}
form.contact .row{
    margin: 0 -5px;
}
form.contact .row > div {
    padding: 0 5px;
}
.contact input[type="submit"] {
    background: none repeat scroll 0 0 #5a5a5a;
    border: 0 none;
    color: #ffffff;
    float: right;
    padding: 10px 30px;
    width: auto;
}
.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 35px;
    text-transform: uppercase;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.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;
    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 {
    margin-bottom: 20px;
    margin-top: 10px;
}
.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 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 {
    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);
    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 {
    float: left;
    margin: 20px 0 50px;
    text-align: center;
    width: 100%;
}
.tags > 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{
    color: #FFF;
}
.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;
}
.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;
    width: 100%;
}
.comment {
    border: 1px solid #ededed;
    float: left;
    margin-bottom: 30px;
    min-height: 165px;
    padding: 40px 30px 30px 165px;
    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%;
}
.avatar {
    border: 3px solid #e8e8e8;
    position: absolute;
    left: 30px;
    top: 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 {
    float: left;
    font-size: 14px;
    font-weight: 600;
}
.comment > span {
    float: left;
    font-family: archivo narrow;
    font-style: italic;
    line-height: 15px;
    margin-left: 50px;
}
.comment > p {
    float: left;
    font-size: 13px;
    margin-top: 10px;
    width: 100%;
}
.comments-thread > ul li ul {
    padding-left: 40px;
    position: relative;
}
.comments-thread > ul li ul: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 {
    float: left;
    margin-top: 20px;
    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;
}
.comment-form form 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: 0;
    width: auto;
}

/*=============== 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;
}
h4.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;
}
h4.widget-title:before {
    background: none repeat scroll 0 0 #e8e8e8;
    bottom: -5px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
.widget ul li {
    border-bottom: 1px solid #e8e8e8;
    color: #888888;
    font-size: 13px;
    line-height: 30px;
    padding: 12px 0;
    float: left;
    width: 100%;
}
.widget ul li:last-child{
    border-bottom: 0;
}
.widget ul li a {
    color: #888888;
    float: left;
    font-size: 13px;
    line-height: 35px;
    letter-spacing: 0.4px;
    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;
}
.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%;
}
.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%;
}

/*=============== Footer ===================*/
footer {
    float: left;
    position: relative;
    width: 100%;
    z-index: 3;
}
footer .block .container {
    background: none repeat scroll 0 0 #1a1a1a;
    margin-top: -50px;
    padding: 80px 30px;
    position: relative;
    width: 1230px;

    -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;
}

.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;
    float: left;
    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;
}
.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 h4.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 h4.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 h4.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 {
    background: none repeat scroll 0 0 rgba(242, 242, 242, 0.9);
    border-radius: 3px;
    float: left;
    padding: 20px 20px 15px;
    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: none repeat scroll 0 0 #404040;
    float: left;
    padding: 20px 0;
    position: relative;
    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%;
}






/* ===============================================================
    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;
    background: black;
    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;
}

.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; 
}

/*** ==============================================================
            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";}