/*------------------------------------------------------------------
[Table of contents]
 
01. Revolution Slider
02. Color Panel
03. Preloader
04. Navigation
05. Home Section
06. Featured
07. About Section
08. Work Section
    08.1. Projects
    08.2. Ajax Projects Expanders
9. Services Section
10. Blog Section
11. Contact Section
12. Footer
13. Parallax Sections
14. Media Queries

*/

/* Revslider */

.section-slider .tparrows.tp-leftarrow.square-old  { background:url(../assets/images/large_left.png) no-Repeat top left; }
.section-slider .tparrows.tp-rightarrow.square-old { background:url(../assets/images/large_right.png) no-Repeat top left; }

#video_background {
    position: absolute;
    bottom: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}

.image_background {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
}

.slider-pattern {
    background-size: auto !important;
}

/* #Panel
================================================== */



.styled-select select {
   background:#f5f5f5;
   border:#ededed 1px solid;
   width: 270px;
   padding: 5px;
   font-size: 13px;
   line-height: 1;
   outline:none;
   border-radius: 3px;
   height: 34px;
   -webkit-appearance: none;
   margin:10px 0;
}

.home-options {
    position:relative;
    width:100%;
    margin-top:10px;
   text-align:center;
   margin:0 auto;
}
.home-options a{
   background:#f5f5f5;
   border:#ededed 1px solid;
   font-size: 13px;
   padding: 5px 30px;
   line-height:40px;
   outline:none;
   text-align:center;
   color:#000;
}
.home-options a:hover{
   background:#f1f1f1;
}





#main-wrap-box{
    position:relative;
    width:100%;
    max-width:1350px;
    margin:0 auto;
    display:block;
    overflow:hidden;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

#main-wrapper-box{
    position:relative;
    width:100%;
    background: url('') no-repeat center center fixed;
    background-size: cover;
    margin:0 auto;
    display:block;
    overflow:hidden;
}



/* #PAGE LOAD */

body.royal_loader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    font-family: Arial;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999999999;
    -webkit-transition: opacity 0.2s linear 0.8s;
       -moz-transition: opacity 0.2s linear 0.8s;
        -ms-transition: opacity 0.2s linear 0.8s;
         -o-transition: opacity 0.2s linear 0.8s;
            transition: opacity 0.2s linear 0.8s;
}
#royal_preloader.complete {
    opacity: 0;
}
#royal_preloader .background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    -webkit-transition: background 0.5s linear;
       -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
         -o-transition: background 0.5s linear;
            transition: background 0.5s linear;
}
#royal_preloader.number .name {
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    color: #EEEEEE;
    text-align: center;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s linear;
       -moz-transition: -moz-transform 0.3s linear;
        -ms-transition: -ms-transform 0.3s linear;
         -o-transition: -o-transform 0.3s linear;
            transition: transform 0.3s linear;
    -webkit-animation: fly 0.3s;
       -moz-animation: fly 0.3s;
        -ms-animation: fly 0.3s;
         -o-animation: fly 0.3s;
            animation: fly 0.3s;
}
#royal_preloader.number .percentage {
    color: #FFFFFF;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: -90px 0px 0px -90px;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    width: 180px;
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s linear 0.5s;
       -moz-transition: all 0.3s linear 0.5s;
        -ms-transition: all 0.3s linear 0.5s;
         -o-transition: all 0.3s linear 0.5s;
            transition: all 0.3s linear 0.5s;
}
#royal_preloader.text .loader {
    position: absolute;
    font-size: 14px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-shadow: 0 0 5px rgba(0,0,0,0.1);
    text-align:center;
    top: 50%;
    left: 50%;
    width:240px;
    margin-left:-120px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    white-space: nowrap;
}
#royal_preloader.text .loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: left 0.3s linear;
       -moz-transition: left 0.3s linear;
        -ms-transition: left 0.3s linear;
         -o-transition: left 0.3s linear;
            transition: left 0.3s linear;
}
#royal_preloader.logo .loader {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0px 0px -40px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
}
#royal_preloader.logo .loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: bottom 0.3s linear;
       -moz-transition: bottom 0.3s linear;
        -ms-transition: bottom 0.3s linear;
         -o-transition: bottom 0.3s linear;
            transition: bottom 0.3s linear;
}
#royal_preloader.logo .percentage {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin: 40px 0px 0px -40px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

@-webkit-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-moz-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-ms-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-o-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}


body{
    color:#f4f4f4;
    font-weight:300;
    font-size: 15px;
    line-height:24px;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #fff;
    text-align: center;
}

/* #Navigation
================================================== */

.logo-holder    {
    float: left;
    /*height: 82px;  for preload */
}

.menu-holder    {
    float: right;
}

#menu-wrap{
    position: fixed;
    /*padding-bottom:10px;*/
    width:100%;
    z-index:1000;
    top:0;
    left:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

body.admin-bar #menu-wrap   {
    top: 32px !important;
}

.menu-back{
    background:rgba(11,11,11,0.9);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}


.cbp-af-header {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.cbp-af-header.cbp-af-header-shrink {
    background:rgba(11,11,11,1);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink .logo{
    /*width:116px;
    height:24px;
    left:10px;
    top:14px;*/
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

#menu-wrap .container .columns     {
    -webkit-transition: margin 300ms linear;
    -moz-transition: margin 300ms linear;
    -o-transition: margin 300ms linear;
    -ms-transition: margin 300ms linear;
    transition: margin 300ms linear;     
}

.cbp-af-header.cbp-af-header-shrink .container .columns     {
    margin-top: 0;
    margin-bottom: 0;
}

.cbp-af-header.cbp-af-header-shrink .logo img{
 /*height: 26px;
 width: auto;
 display:block;*/
}

.header-vcenter-wrapper    {
    display: table;
    width: 100%;
    height: 100%;
}

.header-vcenter    {
    display: table-cell;
    vertical-align: middle;
}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu {
    /*margin-top:1px;
    margin-bottom:0;*/
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {
    background:none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { 
    background:none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;  }
ul.slimmenu li ul li a {
    color: #fff;
    border: none !important;
}
ul.slimmenu li ul li a:hover {
    opacity: 0.5;
}
ul.slimmenu li ul li { 
    background:none;
    padding-left:0;
    display: block; }
ul.slimmenu li ul {
    background:rgba(11,11,11,1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}






.logo{
    /*position:absolute;*/
    z-index:10000;
    /*left:10px;
    top:19px;*/
    font-weight: 700;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.logo img{
 /*width:auto;
 height:26px;*/
 display:block;
 /*position: absolute;*/
 float: left;
 padding: 10px 0 10px 10px;
}


.menu-collapser {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #fff;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

ul.slimmenu {
    /*padding-top:10px;*/
    text-align:right;
    margin-top:13px;
    margin-bottom:10px;
    padding: 10px 10px 10px 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
    background:url('../images/line-dark.png') 0 14px no-repeat;
    background-size:15px 10px;
    padding-left:20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
ul.slimmenu > li {}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
    display: block;
    color: #fff;
    padding: 10px 0px;
    cursor:pointer;
    margin: 0px 12px;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    border-bottom:1px solid rgba(0,0,0,0);
    font-size: 12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
ul.slimmenu li a:hover {
    text-decoration: none;
}
ul.slimmenu li {
}
ul.slimmenu li:first-child {
    background:none;
}

ul.slimmenu li .sub-collapser {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    display:none;
}
ul.slimmenu li .sub-collapser > i {
    display:none;
}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul a{
    font-size:10px;
}
ul.slimmenu li ul li:first-child { 
    background:none; }
ul.slimmenu li ul li {
    background:none;
    padding-left:0; }
ul.slimmenu li > ul {
    display: none;
    position: absolute;
    text-align:left;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 150%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}
ul.slimmenu.collapsed {
    padding:0;
    margin:0;
}
ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}


/* #Home
================================================== */


.home{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    height: auto !important;
    overflow:hidden;
    z-index:2;
}

.just_pattern_slider,
.just_pattern {
    background-image: url(../images/pattern.png); 
    position: absolute; 
    opacity: 0.5; 
    left: 0px;
    top: 0px;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%; 
    z-index: 3; 
}
.just_pattern_slider{
	left: -9999px;
	right: -9999px;
	width: 99999px;
	height: 99999px;
}
.small-text { 
    position: absolute; 
    width:100%;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    color:#fff;
    letter-spacing:2px; 
    text-shadow: 0 0 5px rgba(0,0,0,0.3);
    text-transform:uppercase;
    text-align:center;
    font-size: 27px; 
    line-height:27px;
    z-index: 200; 
}
.big-text { 
    position: absolute; 
    width:100%;
    font-family: 'axis';
    color:#fff;
    letter-spacing:4px; 
    text-transform:uppercase;
    text-align:center;
    font-size:75px; 
    line-height:75px;
    z-index: 200; 
}
.big-text span{
    font-size:70px; 
    line-height:70px;
}

.cl-effect {
    position:absolute;
    width:100%;
    z-index:100;
    text-align:center;
}
.cl-effect a {
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #ffffff;
    color: #ffffff;
    text-align:center;
    overflow:hidden;
    z-index:100;
}

.cl-effect a:hover,
.cl-effect a:focus {
    outline: none;
}

.cl-effect a {
    overflow: hidden;
    padding: 10px 45px;
    color: #ffffff;
}

.cl-effect a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    color: #ffffff;
}

.cl-effect a span::before {
    position: absolute;
    margin-top:15px;
    top: 100%;
    content: attr(data-hover);
    font-weight: 400;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.cl-effect a:hover span,
.cl-effect a:focus span {
    top:-15px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}




.sub-text-line {
    border-top:1px dotted #fff;
    position:relative;
    width:50px;
    margin:0 auto;
    text-align:center;
}
.sub-text-line:after {
    content:'';
    left:0;
    position:absolute;
    top:-4px;
    width:100%;
}
.sub-text-line:before {
    content:'';
    left:0;
    position:absolute;
    top:2px;
    width:100%;
}

.sub-text {
    position:relative;
    width:100%;
    max-width:850px;
    margin:0 auto;
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size: 14px;
    line-height:30px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:#cccccc;
    margin-bottom:70px;
}

/* SVG line */
.svg-wrap{
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.link-svgline {
    position: relative;
    z-index: 1; /* needed for setting pseudo-element z-index */
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.link-svgline  a {
    position: relative;
    display: inline-block;
    outline: none;
    color:#fff;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
}
.link-svgline  a::before,
.link-svgline  a::after {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
.link-svgline a {
    font-weight: 600;
}
.link-svgline a svg.link-svgline {
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 15px; 
    -webkit-transition: stroke-dashoffset 0.4s ease-in-out; 
    transition: stroke-dashoffset 0.4s ease-in-out;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 400px; 
    stroke-dashoffset: 400px;
}

@media screen and (max-width: 50em) {
    .link-svgline a svg.link-svgline {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}

.link-svgline a:hover svg.link-svgline {
    stroke-dashoffset: 0px; 
}



/* #Featured
================================================== */

.featured{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#323232;
    z-index:2;
    padding-top:60px;
}
.featured h4{
    text-align:center;
    color:#fff;
    padding-bottom:10px;
}
.featured .cl-effect {
    position:relative;
    top:auto;
    margin:0 auto;
    left:auto;
    text-align:center;
}
.slideshow-featured{
    position: relative; 
    width: 100%;
    overflow:hidden;
    margin-top:30px;
    padding:0;
}
.slide-featured{
    position: relative; 
    overflow:hidden;
}
.slide-featured .mask{
    position: absolute; 
    width: 100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:100;
    opacity:0;
    background: -webkit-linear-gradient(top, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
    background: linear-gradient(to bottom, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.slide-featured p{
    position: absolute; 
    text-align:center;
    width:100%;
    color:#fff;
    text-transform:uppercase;
    bottom:-100px;
    left:0;
    font-weight:400;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height:13px;
    letter-spacing:1px;
    z-index:102;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.slide-featured p span{
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.slide-featured:hover p span{
    padding-bottom:5px;
    padding-top:5px;
    padding-right:8px;
    padding-left:8px;
    border:2px solid #fff;
    -webkit-transition-delay:.3s;
    -moz-transition-delay:.3s;
    transition-delay:.3s;
}
.film_roll_wrapper .active .slide-featured:hover .mask{
    opacity:1;
}
.film_roll_wrapper .active .slide-featured:hover p{
    bottom:36px;
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    transition-delay:.1s;
}
.film_roll_wrapper .slide-featured {
    cursor:alias;
}
.film_roll_wrapper .active .slide-featured {
    cursor:url('../images/more.cur'),crosshair;
    cursor:url('../images/more.png') 40 40,crosshair;
}



.film-roll-prev, .film-roll-next {
   position: absolute;
   top: 50%;
   margin-top:-43px;
   width: 60px;
   height: 86px;
   opacity: 0.5;
   z-index:100;
   color:rgba(0,0,0,0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
 }
.film-roll-prev{
   left:10px;
   background:url('../images/slide_left.png')no-repeat center center;
   background-size:60px 86px;
 } 
.film-roll-next{
   right:10px;
   background:url('../images/slide_right.png')no-repeat center center;
   background-size:60px 86px;
 } 
.film-roll-prev:hover, .film-roll-next:hover {
   opacity: 1;
   color:rgba(0,0,0,0);
 }
 .film_roll_wrapper img {
    width:100%;
    height:auto;
    display:block;
    opacity:.1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
 .film_roll_wrapper .active img {
    opacity:1;
}
.film_roll_wrapper{display:block;text-align:center;float:none;position:relative;top:auto;right:auto;bottom:0;left:auto;z-index:auto;width:100%;height:100%;margin:0 !important;padding:0 !important;overflow:hidden;}
.film_roll_shuttle{text-align:left;float:none;position:relative;top:0;left:0;right:auto;bottom:0;height:100%;margin:0 !important;padding:0 !important;z-index:auto;}
.film_roll_shuttle.vertical_center:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;}
.film_roll_child{position:relative;display:inline-block;*display:inline;vertical-align:middle;zoom:1;}
.film_roll_pager{text-align:center;display:none;}
.film_roll_pager a{width:5px;height:5px;border:2px solid #333;border-radius:5px;display:inline-block;margin:0 5px 0 0;transition:all 1s ease}
.film_roll_pager a:hover{background:#666}
.film_roll_pager a.active{background:#333}
.film_roll_pager span{display:none}
.film_roll_pager a,a.film-roll-prev,a.film-roll-next{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}


/* #About
================================================== */

.about{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
    z-index:2;
    padding-top:50px;
    /*padding-bottom:60px;*/
}
.about img{
    width: 100%;
    height:auto;
    display:block;
}
.about-box{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    padding-bottom:60px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.about-box:last-child{
    padding-bottom:0;
}
.about-box h5{
    text-align:left;
    margin-left:60px;
    padding-bottom:20px;
}
.about-box p{
    text-align:left;
    margin-left:60px;
}
.about-box .about-box-icon{
    position: relative; 
    font-family: 'FontAwesome';
    font-size:25px;
    line-height:25px;
    text-align:center;
    color:#cccccc;
    width: 60px;
    height:30px;
    float:left;
    display:inline-block; 
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.about-box1{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    padding-bottom:60px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.about-box1:last-child{
    padding-bottom:0;
}
.about-box1 h5{
    text-align:right;
    margin-right:60px;
    padding-bottom:20px;
}
.about-box1 p{
    text-align:right;
    margin-right:60px;
}
.about-box1 .about-box-icon{
    position: relative; 
    font-family: 'FontAwesome';
    font-size:25px;
    line-height:25px;
    text-align:center;
    color:#999999;
    width: 60px;
    height:30px;
    float:right;
    display:inline-block; 
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}


.facts{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#323232;
    z-index:2;
    padding-top:60px;
    padding-bottom:60px;
}
.facts-wrap{
    position: relative; 
    width: 100%;
    margin:0 auto;
    text-align:center;
}
.facts-wrap h6{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    padding-top:15px;
    text-transform:uppercase;
    text-align:center;
    letter-spacing:2px;
    font-size: 12px; 
    line-height:18px;
}
.facts-wrap-num{
    font-family: 'axis';
    color:#fff;
    font-size: 60px; 
    line-height:60px;
    width:100%;
    margin:0 auto;
    text-align:center;
}  






.team{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
    z-index:2;
    padding-top:50px;
    padding-bottom: 60px;
}
.team h4{
    text-align:center;
    padding-bottom:20px;
}   

.flip-carousel{
    margin:0 auto;
    display:block;
    position:relative;
    text-align: center;
}

.flip-carousel > ul{
    margin:0;
    padding:0;
    display: inline-block;
}

.flip-carousel > ul > li{
    width: 240px;
    margin-left:10px;
    margin-right:10px;
    padding:0;
    display: inline-block;
    list-style-type:none;
    position: relative;
    -webkit-perspective: 1500;
    -moz-perspective: 1500;
    -ms-perspective: 1500;
    perspective: 1500;
    
}
.flip-carousel .card {
    position:relative;
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    /*-ms-transform: rotateY(90deg);
    transform: rotateY(90deg);*/
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.5s;
    -ms-transform-style: preserve-3d;
    -ms-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    height:460px;
}
.flip-carousel .face {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flip-carousel .front{ z-index:1; }
.flip-carousel .back{ z-index: 0; }

.flip-carousel .back{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    /*-ms-transform: rotateY(180deg);
    transform: rotateY(180deg);*/
}

.ie .flip-carousel .face .empty{
    width:100%;
    height:100%;
    background-color:#000;
    background-color:rgba(0,0,0,.8);
}
.flip-carousel .controls {
    display: block;
    margin:0 auto;
    overflow:hidden;
}
.flip-carousel .controls img {
    padding: 0 5px 0 0;
}
.flip-carousel .controls.dots {
    margin-top: 5px;
}
.flip-carousel .controls li.dot {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px 0 0;
    list-style-type: none;
    background-color: #323232;
    border-radius: 10px;
}

.flip-carousel .controls li.dot.selected{
}

.flip-carousel .controls .arrow{
    cursor: pointer;
    top:50%;
    margin-top:-30px;
    position: absolute;
    width: 40px;
    height: 60px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.flip-carousel .controls .arrow:after{
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    left: 12px;
    top: 17px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.flip-carousel .controls .arrow.right:after{
    border-bottom: none;
    border-left: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    left: auto;
    right: 12px;
}
.ie .flip-carousel .controls .arrow{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.ie .flip-carousel .controls .arrow:hover{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ie .flip-carousel .controls .arrow:after{
    content:"\2039";
    color:#fff;
    font-size:80px;
    border:none;
    top:-22px;
    left:5px;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.ie .flip-carousel .controls .arrow.right:after{
    content:"\203A";
    left:auto;
    right:10px;
}

.flip-carousel .controls .arrow:hover {
    opacity: 1;
}

.flip-carousel .controls .arrow.left{
    left:20px;
    right:auto;
}
.flip-carousel .controls .arrow.right{
    right:20px;
    left:auto;
}

.flip-carousel .hide {
    display:none;
}

.flip-carousel .loader{
    width: 40px;
    height: 40px;
    position: absolute;
    left:48%;
    bottom: 0;
    animation:spinning 2s linear infinite;
    -webkit-animation:spinning 2s linear infinite;
}
.flip-carousel .loader:after{
    content:"";
    width: 30px;
    height: 30px;
    border: 5px solid rgba(255,255,255,.5);
    border-radius: 20px;
    border-top-color: transparent;
    position:absolute;
    top: 0;
    left: 0;
}

@keyframes spinning{
    from   { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

@-webkit-keyframes spinning{
    from   { -webkit-transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg) }
}

.team article {
    height: 460px;
    text-align:center;
    background:#323232;
}
.team article img {
    width:100%;
    height:auto;
    display:block;
    padding-bottom:20px;
}
.team article h6 {
    text-align:center;
    padding-left:20px;
    padding-right:20px;
}
.team article p span{
    font-size: 12px;
    line-height:18px;
}
.team article p {
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}
.social-team{ 
    position:relative;
    padding-top:5px;
    width:100%;
    margin:0 auto;
    text-align:center;
    height:30px;
}
.list-social li {
    padding:0; 
    list-style: none;
    text-align:center; 
    width:30px;
    display: inline-block;
    margin-left:2px;
    margin-right:2px;
    border-radius:2px;
    background:#222222;
    cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social li.icon-soc a {
    font-family: 'FontAwesome';
    font-size: 13px;
    line-height: 30px;
    width:30px;
    text-align:center;
    margin:0;
    padding:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social li:hover.icon-soc a{
    opacity:.6;
}

/* #Work
================================================== */

.work{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
    padding-top:50px;
}
.portfolio-wrap{
    position: relative; 
    width: 100%;
    overflow:hidden;
    margin-bottom:-1px;
    -webkit-transform:translateX(2px);
    -moz-transform:translateX(2px);
    -ms-transform:translateX(2px);
    -o-transform:translateX(2px);
    transform:translateX(2px);
}
.portfolio-box{
    position: relative; 
    width: 25%;
    overflow:hidden;
    display:inline-block;
    margin-left:-1px;
    margin-top:-1px;
    float:left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box:after{
    content: '';
    display: block;
    clear: both;
}
.portfolio-box img{ 
    width: 100%;
    height:auto;
    display:block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box:hover img{ 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


figure.effect-sadie{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

figure.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-linear-gradient(top, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
    background: linear-gradient(to bottom, rgba(21,21,21,0.1) 0%, rgba(21,21,21,0.9) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}

figure.effect-sadie h5 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
figure.effect-sadie h5 span{
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 18px;
    line-height:18px;
    text-transform:uppercase;
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 40px;
    width: 100%;
    opacity: 0;
    text-align:center;
    text-transform:uppercase;
    font-size: 10px;
    letter-spacing:1px;
    color:#fff;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h5 {
    color: #fff;
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}





#portfolio-filter {
    position:relative;
    width:100%;
    text-align: center;
}
#filter {
    position:relative;
    width:100%;
}

#filter li {
    display: inline-block;
}
#filter li a {
    position: relative;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size: 12px; 
    padding-bottom:7px;
    margin-bottom:10px;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    margin-left:12px;
    margin-right:12px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
#filter li .current {
    color: #bdb3b3;
}
#filter li a:hover {
    color: #bdb3b3;
}


#filter li .link-svgline a.current svg.link-svgline {
    stroke-dashoffset: 0px
}




.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-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:     -ms-transform, opacity;
         -o-transition-property:         top, left, opacity;
            transition-property:         transform, opacity;
}


/* #Projects
================================================== */

/* Expander Item Styles */
    .relative{
        position: relative;
    }
    .portfolio{
        width:100%;
        height: auto;
        margin:0 auto;
        max-width: 1200px;
    }
    
    .expander-wrap {
        position:relative;
        display: none;
        text-align: center;
    }

    #expander-wrap{
        position: relative;
        width:100%;
        max-width:1200px;
        margin:0 auto;
        overflow: hidden;
    }


/* Expander Item Controls */

    .project-controls{
        position: relative;
        width:100%;
        height: auto;
        top:105px;
        max-width: 1200px;
        margin:0 auto;
    }

    .expander-inner{
        position: relative;
    }

    .cls-btn{
        width:100%;
        padding: 0;
        margin: 0 auto;
        display: block;
        height: auto;
    }

    .expander-wrap .cls-btn .close {
        position:relative;
        display: inline-block;
        color:#fff;
        top:0;
        margin-top:105px;
        width:auto;
        height:auto;
        font-size:30px;
        font-weight:100;
        text-align:center;
        cursor: pointer;
        float:none;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .expander-close:hover {
        color:#3a3a3a;
        cursor:pointer;
    }


    
.scroll-to-contact{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
    z-index:2;
    padding-top:40px;
    padding-bottom:35px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}   
.scroll-to-contact p{
    text-align:center;
    color:#606060;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:400;
    font-size: 12px;
    line-height:12px;
    margin:0 auto;
    width:120px;
    padding-bottom:7px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}  
 
 
 
 
 
.link-svgline-getintouch {
    position: relative;
    z-index: 1; /* needed for setting pseudo-element z-index */
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align:center;
}
.link-svgline-getintouch  p {
    position: relative;
    outline: none;
    vertical-align: bottom;
    text-decoration: none;
    white-space: nowrap;
    text-align:center;
}
.link-svgline-getintouch  p::before,
.link-svgline-getintouch  p::after {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-align:center;
}
.link-svgline-getintouch p {
    color:#fff;
}
.link-svgline-getintouch p svg.link-svgline-getintouch {
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    margin: 0;
    width: 100%;
    height: 15px; 
    text-align:center;
    -webkit-transition: stroke-dashoffset 0.4s ease-in-out; 
    transition: stroke-dashoffset 0.4s ease-in-out;
    -webkit-transform: translateY(-90%);
    transform: translateY(-90%);
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 400px; 
    stroke-dashoffset: 400px;
}

@media screen and (max-width: 50em) {
    .link-svgline-getintouch p svg.link-svgline-getintouch {
        -webkit-transform: translateY(-80%);
        transform: translateY(-80%);
    }
}

.scroll-to-contact:hover .link-svgline-getintouch p svg.link-svgline-getintouch {
    stroke-dashoffset: 0px; 
} 
 

/* #Ajax Projects Expanders
================================================== */ 


.ajax-project-single-wrapper  {
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    display: block;
    padding-top:40px;
    padding-bottom:40px;
}
.ajax-project-single-wrapper  h2{
    padding-bottom:40px;
} 



.ajax-project-single-wrapper .general-subtext{
    font-size: 20px;
    line-height:32px;
    letter-spacing:2px;
}
.ajax-project-top-text p{
    text-align:left;
    padding-bottom:8px;
}
.ajax-project-top-text p span{
    font-weight: normal;
    font-size: 12px; 
    line-height:24px;
    padding-right:15px;
}




.ajax-project-top-text{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    display: block;
    padding-bottom:10px;
}  
.ajax-project-top-text h4{
    text-align:left;
    padding-bottom:25px;
}
.ajax-project-top-text p{
    text-align:left;
    padding-bottom:8px;
}
.ajax-project-top-text p span{
    font-family: 'Bad Script', cursive;
    font-weight: normal;
    font-size: 22px; 
    line-height:24px;
    padding-right:8px;
}
.project-slider-wrapper img{
    width: 100%;
    height:auto;
    display: block;
}

.slider-project-ajax{
    position: relative; 
    width: 100%;
}
.slider-project-ajax img{
    width: 100%;
    height:auto;
    display: block;
}

  .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
    src:url('font/flexslider-icon.eot');
    src:url('font/flexslider-icon.eot?#iefix') format('embedded-opentype'),
        url('font/flexslider-icon.woff') format('woff'),
        url('font/flexslider-icon.ttf') format('truetype'),
        url('font/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 35px; height: 50px; position: absolute; top: 50%;margin-top:-25px;z-index: 100; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0;background:url('../images/arr1.png') no-repeat center center; background-color:rgba(60,60,60,.7); }
.flex-direction-nav .flex-next { right: 0;  background:url('../images/arr2.png') no-repeat center center;background-color:rgba(60,60,60,.7);  }
.flexslider:hover .flex-prev { opacity: 0.7;  }
.flexslider:hover .flex-next { opacity: 0.7;  }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {}
.flex-direction-nav a.flex-next:before  {}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
 }
 
 
 
 
 
 
 
 
 
 
 
 
/* #Services
================================================== */

.section-services   {
    padding-top: 50px;
    padding-bottom: 60px;    
}

.services{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
}
 
 
.services .general-subtext{
    font-size: 20px;
    line-height:32px;
    letter-spacing:2px;
}
.services h4{
    text-align:left;
    padding-bottom:30px;
}
.services-top-text p{
    text-align:left;
    padding-bottom:8px;
}
.services-top-text p span{
    font-weight: normal;
    font-size: 12px; 
    line-height:24px;
    padding-right:15px;
}
 
 
.services-icons-wrapper{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    text-align:center;
    background:#242424;
    padding-top:60px;
    padding-bottom:30px;
    z-index:2;
}
.services-icons-wrapper h5{
    padding-top:20px;
}
.services-icons-wrapper p{
    padding-top:20px;
    text-align:center;
}
.services-icon-padding{
    padding-bottom:30px;
    cursor:alias;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.services-icon-padding .icon-services{
    position: relative; 
    font-family: 'FontAwesome';
    font-size:25px;
    line-height:25px;
    height:25px;
    text-align:center;
    margin:0 auto;
    width: 25px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.services-icon-padding:hover .icon-services{
    color:#ccc;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}
 

    .tipper { height: 1px; left: -99999px; position: absolute; pointer-events: none; top: -99999px; width: 1px;z-index:100000; }
    .tipper .tipper-content { background: rgba(0, 0, 0, 0.85);box-shadow: 0 0 25px rgba(0,0,0,0.5);text-transform:uppercase; border-radius: 3px; color: #fff; display: block; float: left;text-align:center; font-family: 'Lato', sans-serif; font-size: 10px;line-height:16px; margin: 0; padding: 15px 25px; position: relative; white-space: nowrap; }
    .tipper .tipper-caret { background: url('../images/tipper-icon.png') no-repeat; display: block; height: 11px;  position: absolute; width: 100%; }

    .tipper.right .tipper-content { box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25); }
    .tipper.right .tipper-caret { background-position: left center; left: -5px; top: 0; }

    .tipper.left .tipper-content { box-shadow: -1px 0 3px rgba(0, 0, 0, 0.25); }
    .tipper.left .tipper-caret { background-position: right center; right: -5px; top: 0; }

    .tipper.top .tipper-caret,
    .tipper.bottom .tipper-caret { display: block; float: none; height: 5px;  width: 12px;margin-left:-6px; }

    .tipper.top .tipper-content { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.25); }
    .tipper.top .tipper-caret { background-position: center bottom; bottom: -5px; left: 0; text-align:center;}

    .tipper.bottom .tipper-content { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
    .tipper.bottom .tipper-caret { background-position: center top; top: -5px; left: 0; }







 
 
 
 

.services-video-wrapper{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#323232;
}
.services-video-wrap{
    float:left;
    display:inline-block;
    width: 50%;
    overflow:hidden;
    z-index:2;
} 
.video-container{
    position: relative; 
    width: 100%;
}
.video-container iframe     {
    width: 100%;
}
.video-text{
    position: relative; 
    max-width: 550px;
    width:100%;
    margin-left:60px;
    padding-top:140px;
    padding-bottom:50px;
}
.video-text h4{
    text-align:left;
    color:#fff;
    padding-bottom:30px;
}
.video-text p{
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 13px;
    line-height:22px;
    text-align:left;
    text-transform:uppercase;
}

.section-pricing    {
    padding-bottom: 60px;
}
 
.price-wrapper {
    position: relative; 
    margin: 0 auto;
    width: 100%;
    padding-top:60px;
    overflow:hidden;
}
.price-wrapper h4{
    text-align:center;
    padding-bottom:20px;
}




.price-wrap {
    position: relative; 
    text-align:center;
    margin:0 auto;
    width: 100%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top:35px;
    padding-bottom:35px;
    border: 4px solid #414141;
    border-radius:5px;
}
.price-wrap::before{
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
    content: '';
    -webkit-transition: border-width 0.4s, border-color 0.4s;
    -moz-transition: border-width 0.4s, border-color 0.4s;
    -ms-transition: border-width 0.4s, border-color 0.4s;
    -o-transition: border-width 0.4s, border-color 0.4s;
    transition: border-width 0.4s, border-color 0.4s;
}
.price-wrap:hover::before{
    border-width: 15px;
    border-color: #414141;
}




.price-wrap .icon-price{
    position: relative; 
    font-family: 'FontAwesome';
    font-size:25px;
    line-height:30px;
    height:30px;
    text-align:center;
    margin:0 auto;
    width: 25px;
} 
.normal-price{
    color:#414141;
}
.featured-price {
} 

.price-wrap h6{
    text-align:center;
    padding-top:10px;
    padding-bottom:35px;
}  
.price-wrap h5{
    text-align:center;
    padding-bottom:30px;
} 

.price-wrap p{
    font-family: 'Lato', sans-serif;
    font-weight:300;
    letter-spacing:1px;
    text-align:center;
    text-transform:uppercase;
    font-size: 12px;
    line-height:22px;
    padding-bottom:10px;
} 
.price-wrap p strong{
    color:#fff;
} 
.price-wrap .link-svgline{
    position: relative; 
    text-align:center;
}
.price-wrap .link-svgline a{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    letter-spacing:1px;
    font-size:13px;
    padding-top:20px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
}
 
.featured-price a svg.link-svgline {
    stroke-dashoffset: 0px; 
}
 
 
 /* #Blog
================================================== */

.blog{
    position: relative; 
    width: 100%;
    overflow:hidden;
}
.blog h4{
    text-align:center;
    color:#fff;
    padding-bottom:20px;
}

.post-wrap{
    position: relative; 
    background:rgba(6,6,6,.7);
    overflow:hidden;
    padding:30px;
    border-radius:3px;
}
.post-wrap h6{
    text-align:center;
}
.post-wrap .icon-blog{
    position: absolute; 
    font-family: 'FontAwesome';
    font-size:20px;
    line-height:20px;
    height:20px;
    width:20px;
    top:10px;
    left:10px;
    opacity:.6;
    z-index:3;
}





.post-wrap::before{
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px solid transparent;
    content: '';
    -webkit-transition: border-width 0.4s, border-color 0.4s;
    -moz-transition: border-width 0.4s, border-color 0.4s;
    -ms-transition: border-width 0.4s, border-color 0.4s;
    -o-transition: border-width 0.4s, border-color 0.4s;
    transition: border-width 0.4s, border-color 0.4s;
}
.post-wrap:hover::before{
    border-width: 10px;
    border-color: rgba(0,0,0,.2);
}

 
 /* #Contact
================================================== */

.contact{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    overflow:hidden;
    background:#212121;
    padding-top:50px;
    padding-bottom: 60px;
}


.contact h4{
    text-align:center;
    padding-bottom:20px;
}

    #ajax-form {
        width: 100%;
        font-family: 'OpenSans-Light-webfont';
        font-size: 10px;
        line-height:14px;
    color:#101010;
    margin:0 auto;
    }
    label {
        display: block;
        font-family: 'OpenSans-Light-webfont';
        font-size: 14px;
        line-height:30px;
    }
    input{
        width: 96%;
        border:none;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size: 12px;
    line-height:22px;
        padding-bottom: 10px;
    background:#212121;
    }
    textarea {
        width:98%;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size: 12px;
    line-height:22px;
        height:62px;
        margin-top:2px;
        padding-bottom: 10px;
        border:none;
    background: #212121;
    }
    .error {
        font: 10px/22px 'Open Sans', sans-serif;
        text-transform:uppercase;
        display: none;
        color:#101010;
    }
    #ajaxsuccess {
        background: #f5f5f5;
        color:#101010;
        font: 20px/60px 'Open Sans', sans-serif;
        height:60px;
        display: none;
        padding-left:10px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
    }

.text-align-center{
    text-align:center;
    padding-top:10px;
 }
    #ajax-form textarea:active,
    #ajax-form input:active {   
      color: #ffffff;}
    #ajax-form textarea:active,
    #ajax-form input:hover {    
      color: #ffffff;}
        #ajax-form textarea:focus,
    #ajax-form input:focus {     
    outline: none !important;}
    #ajax-form textarea,
    #ajax-form input {  
    border-bottom:2px solid #fff;
      color: #ccc;}

#ajax-form input[type="text"]{
    padding-left:2%;
    padding-right:2%;
}
textarea{
    padding-left:1%;
    padding-right:1%;
} 


#button-con {
    position:relative;
    z-index:100;
    text-align:center;
    font-family: 'Lato', sans-serif;
}
#button-con button {
    position: relative;
    display: inline-block;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 12px;
    border:2px solid #fff;
    color: #fff;
    text-align:center;
    overflow:hidden;
    z-index:100;
    cursor:pointer;
    background:rgba(0,0,0,0);
}

#button-con button:hover,
#button-con button:focus {
    outline: none;
}

#button-con button {
    overflow: hidden;
    padding: 10px 45px;
}

#button-con button span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

#button-con button span::before {
    position: absolute;
    margin-top:15px;
    top: 100%;
    content: attr(data-hover);
    font-weight: 400;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

#button-con button:hover span,
#button-con button:focus span {
    top:-15px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}







.con-detal-wrapper{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    z-index:2;
    overflow:hidden;
    text-align:center;
    background:#242424;
    padding-top:60px;
    padding-bottom:60px;
}
.con-detal-wrapper h5{
    text-align:center;
    padding-bottom:20px;
}
.con-detal-wrapper p{
    text-align:center;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size: 12px;
    line-height:24px;
    text-transform:uppercase;
    letter-spacing:1px;
}














#google_map {
    -webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: grayscale(90%);
    filter: url(../images/grayscale.svg#greyscale);
    filter: gray; /* IE 6-9 */
}
#google_map {
    width:100%;
    height:400px;
    z-index:0;
    position:relative;  
    display: none;
    z-index:200;
    opacity:.8;
}

.button-map {
    cursor: pointer;
    text-align: center;
    position: relative;
    padding-top:40px;
    padding-bottom:40px;
    width: 100%;
    display: block;
    color: #fff;
    background:#323232;
    font-size: 16px;
    font-family: 'axis';
    text-transform:  uppercase;
    z-index:200;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.button-map:hover {
    background:#212121;
}

.close-map .close-map-icon  {
    display: inline-block;
}

.close-map .show-map-icon  {
    display: none;
}

.show-map .close-map-icon  {
    display: none;
}

.show-map .show-map-icon  {
    display: inline-block;
}

.map-tooltip h6 {
    color: #292929;
    text-transform: uppercase;
    margin-left:20px;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;   
}

.map-tooltip p {
    margin-bottom: 10px;
    margin-left:20px;
    font-size: 13px;
    text-align:center;
    color:#323232;
}




 
 /* #Footer
================================================== */

.footer{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    z-index:10001;
    text-align:center;
    background:#141414;
    padding-top:70px;
    padding-bottom:70px;
}
.footer .back-top{
    position: absolute; 
    cursor:pointer;
    top:-10px;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:40px;
    font-family: 'FontAwesome';
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    text-align:center;
    z-index:10000;  
    font-size: 22px;
    line-height: 40px;
    background:#141414;
    -webkit-box-shadow: 0 -5px 15px -5px #000;
    -moz-box-shadow: 0 -5px 15px -5px #000;
    box-shadow: 0 -5px 15px -5px #000;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.footer .back-top:hover{
    background:#101010;
    z-index:10001;
    opacity:1;
    -webkit-box-shadow: 0 -5px 5px -5px #000;
    -moz-box-shadow: 0 -5px 5px -5px #000;
    box-shadow: 0 -5px 5px -5px #000;
}
.footer p{ 
    text-align:center;
    font-size: 10px;
    line-height:10px;
    letter-spacing:2px;
    text-transform:  uppercase;
    color:#f0f0f0;
}
.footer .icons-footer a{
    font-family: 'FontAwesome';
    font-size: 16px;
    line-height:16px;
    margin-left:7px;
    margin-right:7px;
    display:inline;
    z-index:10000;  
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.footer .icons-footer a:hover{
    opacity:.6;
}
















/* #Parallax
================================================== */
 
.just_pattern_parallax { 
    background-image: url(../images/pattern.png); 
    position: absolute; 
    opacity: 0.8; 
    left: 0px;
    top: 0px;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%; 
    z-index: 3; 
}
.parallax-section { 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:180px;
    padding-top:180px;
    z-index:2;
} 


.clients-carousel-wrap{ 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    z-index:2;
} 

#sync1 .item {
    position: relative; 
    margin: 0 auto;
    width: 100%;
    display: block;
    margin-top:80px;
    min-height:100px;
    overflow:hidden;
}
#sync1 .item p{
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    padding-top:20px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 20px;
    line-height:30px;
    font-style:italic;
}
#sync1 .item h6{
    text-align:center;
    margin-left:5px;
    margin-right:5px;
    padding-top:20px;
}
#sync1 .item h6 span{
    color:#fff;
    padding-left:10px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-style:italic;
    font-size: 12px;
}



#sync2 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:200;
}
#sync2 .item{
    text-align: center;
    margin:0 auto;
    cursor: pointer;
    background:rgba(0,0,0,.3);
    border-radius:3px;
    margin-left:5px;
    margin-right:5px;
    z-index:200;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#sync2 .item img{
    margin:0 auto;
    text-align:center;
    width:97px;
    height:70px;
    display:block;
}
#sync2 .item:hover {
    background:rgba(0,0,0,.7);
}
#sync2 .synced .item {
    background:rgba(0,0,0,.7);
}



.z-index-pages{
    z-index:100;
}

.parallax-1 {
    background-size: cover;
    background-repeat: repeat;
    background-attachment: fixed;
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    bottom: 0;
    z-index: -1;
    width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-1 { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
    .parallax-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

.twitter-wrap{
    position: relative; 
    margin: 0 auto;
    width: 100%;
    display: block;
    padding-top:38px;
    overflow:hidden;
    background:url('../images/tw.png')no-repeat center top;
    background-size:150px 38px;
}

#sync3 .item {
    position: relative; 
    margin: 0 auto;
    width: 100%;
    display: block;
    margin-bottom:80px;
    overflow:hidden;
}
#sync3 .item p{
    padding-top:30px;
    text-align: center;
    color:#fff;
    line-height:32px;
    font-size:24px;
    font-weight:400;
}
#sync3 .item a{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#sync3 .item a:hover{
    color:#f0f0f0;
}


#sync4 {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:200;
}
#sync4 .item{
    text-align: center;
    margin:0 auto;
    cursor: pointer;
    border:2px solid #fff;
    width:140px;
    height:40px;
    z-index:200;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#sync4 .item p{
    text-align: center;
    color:#fff;
    line-height:40px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:400;
}
#sync4 .item:hover {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}
#sync4 .synced .item {
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

/* #Blog and post pages
================================================== */

.blog-wrapper{ 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    z-index:2;
    padding-top:115px;
    padding-bottom:50px;
    background-color: #191919;
}

.blog-wrapper h1{ 
    margin-top:20px;
}
.blog-wrapper .sub-text{ 
    margin-bottom:20px;
}


.post-wrapper{ 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    z-index:2;
    padding-top:115px;
    padding-bottom:50px;
}

.post-content{ 
    position:relative;
    background:#262626;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:20px;
}

.post-content ul    {
    list-style: disc;
    padding: 0 0 0 40px;
}

.post-content li    {
    line-height: 24px;
    margin: 12px 0;
}

.post-content p     {
    margin-bottom: 24px;
}

.post-content img,
.post-content .wp-caption   {
    max-width: 100%;
    height: auto;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6    {
    padding: 30px 0;
    text-align: center;
    color: #ffffff;
}

.post-content  .date-time{  
}
.post-content .tags-categ{ 
    position:relative; 
    width:100%;
    padding-top:30px;
}
.post-content .tags-categ p{ 
    text-align:left;
    font-size:10px;
    font-weight:400;
    color:#000;
    letter-spacing:1px;
    text-transform:uppercase;
}
.post-content .tags-categ p span{ 
    padding-left:10px;
    padding-right:10px;
}
.post-content .tags-categ p a{ 
    color:#323232;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.post-content .post-title{  
    text-align:left;
    line-height: 30px;
    padding-top:30px;
    padding-bottom:30px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

h5.post-title a     {
    color: #ffffff;
}

.post-content .post-title:hover{  
    opacity:.5;
}
.post-content p{  
    text-align:left;
}
p.text-border-left{  
    margin-top:30px;
    margin-bottom:30px;
    margin-left:40px;
    padding-left:20px;
}
.read-more{ 
    position:relative;
    margin-top:30px;
}
.read-more p{ 
    text-align:left;
    display:inline-block;
    font-size: 12px;
    line-height:24px;
    letter-spacing:1px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:300;
    margin: 0;
    padding: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.read-more p a  {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;     
}

.read-more p:hover a{ 
    color:rgba(0,0,0,.6);
}
.read-more span{ 
    text-align:right;
    float:right;
    display:inline-block;
    font-size: 12px;
    line-height:24px;
    letter-spacing:1px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:300;
}

.post-content pre{  
    text-align:left;
    padding:30px;
    background:#212121;
    margin-top:30px;
    margin-bottom:30px;
    font-size: 12px;
    line-height:24px;
    letter-spacing:1px;
    font-weight:300;
    overflow-x: scroll;
}
.list-in-blog-content{ 
    position:relative;
    width:100%;
    padding-bottom:20px;
}
.list-in-blog-content h6{  
    text-align:left;
    padding-bottom:20px;
}
.list-in-blog-content li{  
    text-align:left;
    font-size: 13px;
    line-height:24px;
    letter-spacing:1px;
    padding-bottom:10px;
    font-weight:300;
    list-style: none;
}
.list-in-blog-content li span{  
    display:inline-block;
    font-size: 15px;
    width: 20px;
    line-height:24px;
    margin-left:10px;
    margin-right:5px;
    text-align:center;
}
span.hei-text{  
    color:#fff;
}


.post-tags-categ{ 
    position:relative;
    width:calc(100% - 60px);
    margin: -21px 0 20px 0;

}
.post-tags-categ p{ 
    text-align:left;
    font-size:11px;
    font-weight:400;
    color:#aaaaaa;
    letter-spacing:1px;
    text-transform:uppercase;
}
.post-tags-categ p .post-meta-separator{ 
    padding-left:10px;
    padding-right:10px;
}
.post-tags-categ p a{ 
    color:#aaaaaa;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.post-tags-categ p a:hover  {
    text-decoration: underline;
}

.post-content-share{ 
    position:relative;
    background:#fff;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:20px;
}
.social-share{ 
    position:relative;
    text-align:left;
}
.social-share span{ 
    display: inline-block;
    text-align:left; 
    font-size: 12px;
    letter-spacing:2px;
    text-transform:uppercase;
    padding-right:10px;
    line-height:15px;
    font-weight:300;
    color:#737373;
}
.social-share em{ 
    display: inline-block;
    margin-top:7px;
    text-align:right;
    float:right;    
    font-size: 12px;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height:15px;
    font-weight:300;
    color:#737373;
}
.list-social-share {
    display: inline-block;
}
.list-social-share li {
    padding:0; 
    list-style: none;
    text-align:left; 
    width:22px;
    display: inline-block;
    cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social-share li.icon-soc-share a {
    font-size: 13px;
    line-height: 15px;
    width:22px;
    opacity:1;
    margin:0;
    padding:0;
    color: #282b30;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social-share li:hover{
}
.list-social-share li:hover.icon-soc-share a{
}

.post-content-com-top{ 
    position:relative;
    background:#262626;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:20px;
}
.post-content-com-top p{ 
    text-align:left;    
    font-size: 12px;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height:15px;
    font-weight:300;
    color:#ffffff;
}


.post-content-comment{ 
    position:relative;
    background:#262626;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:20px;
}
.reply-in{ 
    margin-left:30px;
    width:calc(100% - 90px);
}
.post-content-comment:after {
  content: '';
  display: block;
  clear: both;
}
.post-content-comment img{ 
    width:80px;
    height:80px;
    display:block;
    float:left;
    padding-right:30px;
    padding-bottom:20px;
}
.post-content-comment h6{ 
    padding-bottom:20px;
    text-align:left;
}
.post-content-comment p{ 
    padding-bottom:20px;
    text-align:left;
    word-wrap: break-word;
}
.comment-reply-link{ 
    position:relative;
    display:block;
    float:right;
    text-align:right;   
    font-size: 11px;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height:15px;
    font-weight:300;
    color:#737373;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.comment-age    { 
    position:relative;
    display:block;
    float:right;
    text-align:right;   
    font-size: 11px;
    letter-spacing:2px;
    text-transform:uppercase;
    line-height:15px;
    font-weight:300;
    color:#737373;    
}

.leave-reply{ 
    position:relative;
    background:#262626;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:20px;
    overflow:hidden;
}
.leave-reply:after {
  content: '';
  display: block;
  clear: both;
}
.leave-reply h6{ 
    padding-bottom:20px;
    text-align:left;
}
.leave-reply p{ 
    padding-bottom:20px;
    text-align:left;
    font-size: 10px;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:15px;
    font-weight:300;
}
.leave-reply input{
    width:calc(100% - 40px);
    margin-top:5px;
    float:left;
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
    font-weight:400;
    letter-spacing:1px;
    margin-top:5px;
    font-size: 12px;
    line-height:22px;
    padding-top: 15px;
    padding-bottom: 15px;
    background:#212121;
    border:none;
    color: #ffffff;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.leave-reply textarea{
    height:120px;
    width:calc(100% - 40px);
    padding-left:20px;
    padding-right:20px;
    font-weight:400;
    letter-spacing:1px;
    margin-top:5px;
    font-size: 12px;
    line-height:22px;
    padding-top: 15px;
    padding-bottom: 15px;
    background:#212121;
    border:none;
    color: #ffffff;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.leave-reply textarea:active,
.leave-reply input:active { 
    color: #fff;
    outline: none !important;
}
.leave-reply textarea:hover,
.leave-reply input:hover {  
    color: #737373;
    outline: none !important;
}
.leave-reply textarea:focus,
.leave-reply input:focus {
    color: #fff;     
    outline: none !important;
}
.leave-reply textarea:-ms-input-placeholder,
.leave-reply input:-ms-input-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
}
.leave-reply textarea::-moz-placeholder,
.leave-reply input::-moz-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
}
.leave-reply textarea:-moz-placeholder,
.leave-reply input:-moz-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
}
.leave-reply textarea::-webkit-input-placeholder,
.leave-reply input::-webkit-input-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
}
.leave-reply textarea:active:-ms-input-placeholder,
.leave-reply input:active:-ms-input-placeholder  {
    color: #fff;
}
.leave-reply textarea:active::-moz-placeholder,
.leave-reply input:active::-moz-placeholder  {
    color: #fff;
}
.leave-reply textarea:active:-moz-placeholder,
.leave-reply input:active:-moz-placeholder  {
    color: #fff;
}
.leave-reply textarea:active::-webkit-input-placeholder,
.leave-reply input:active::-webkit-input-placeholder  {
    color: #fff;
}
.leave-reply textarea:focus:-ms-input-placeholder,
.leave-reply input:focus:-ms-input-placeholder  {
    color: #fff;
}
.leave-reply textarea:focus::-moz-placeholder,
.leave-reply input:focus::-moz-placeholder  {
    color: #fff;
}
.leave-reply textarea:focus:-moz-placeholder,
.leave-reply input:focus:-moz-placeholder  {
    color: #fff;
}
.leave-reply textarea:focus::-webkit-input-placeholder,
.leave-reply input:focus::-webkit-input-placeholder  {
    color: #fff;
}

#commentform #submit {
    position:relative;
    width:100%;
    height:50px;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top:5px;
    display: block;
    padding:0;
    font-size: 13px;
    line-height:50px;
    background:#212121;
    border:none;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
#commentform #submit:hover {
    color:#fff;
}
#commentform #submit:focus,
#commentform #submit:active {
    border:none;
    outline:none;
}
#commentform #submit:active {
    opacity:.7;
}

/* #Audio Post */

.audio-player{
    padding-top:5px;
    background-color:#060606;
    width:100%; 
    display:block;
}
audio{
    width:100%; 
}


/* #Quote Post */

blockquote,
blockquote p    {
    margin: 0;
    padding: 0;
    font-style: italic;
    padding-top:0;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;    
}

blockquote  {
    margin: 0 0 30px 0;
}

blockquote p:before{
    content:'"';
    padding-right:10px;
}
blockquote p:after{
    content:'"';
    padding-left:10px;
}
.blog-wrapper blockquote{ 
    padding-bottom:0;
}

/* #Link Post */

/*.link-post{ 
    position:relative;
    width:calc(100% - 60px);
    padding:30px;
    margin-bottom:30px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.link-post:hover{ 
    background:#f8f8f8;
}
.link-post h5{ 
    color:#fff;
    padding-top:0;
    padding-bottom:0;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.link-post:hover h5{ 
}
.link-post:hover h5 span{ 
}
.link-post h5 span{ 
    display:inline-block;
    color:#fff;
    font-size:20px;
    padding-right:15px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}*/

.post.format-link > p:first-child   {
    position:relative;
    margin-bottom:30px;
    font-size: 20px;
    padding: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;    
}

.post.format-link > p:first-child:hover   {
    background:#f8f8f8;
}

.post.format-link > p:first-child a{ 
    color:#fff;
    display: block;
    padding:30px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.post.format-link > p:first-child a:before{ 
    content: '\f0c1';
    display:inline-block;
    font-family: 'ff-font-awesome';
    color:#fff;
    font-size:20px;
    padding-right:24px;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}

/* #Image and Slider Post */

.slider-image-post{ 
    position:relative;
    width:100%;
    margin:0 auto;
}
.slider-image-post img{ 
    width:100%;
    height:auto;
    display:block;
}
.slider-image-post .bx-wrapper .bx-prev {
    left:10px;
    top:50%;
    margin-top:-25px;
    background:url(../images/arrow-left-dark.png) no-repeat center center;
    background-size:10px 20px;
}
.slider-image-post .bx-wrapper .bx-next {
    right:10px;
    top:50%;
    margin-top:-25px;
    background:url(../images/arrow-right-dark.png) no-repeat center center;
    background-size:10px 20px; 
}
.slider-image-post .bx-wrapper .bx-controls-direction a {
    width: 35px;
    height: 50px;
    background-color:rgba(0,0,0,.9);
}

.bx-wrapper{
    position:relative;
    width:100%;
}
.bx-wrapper .bx-prev {
    left: 0;
    top:50%;
    margin-top:-14px;
    background:url(../images/arrow-left-dark.png) no-repeat center center;
    background-size:10px 28px;
    -webkit-transition : all 0.2s ease-out;
    -moz-transition : all 0.2s ease-out;
    -o-transition :all 0.2s ease-out;
    transition : all 0.2s ease-out;  
}
.bx-wrapper .bx-next {
    right:0;
    top:50%;
    margin-top:-14px;
    background:url(../images/arrow-right-dark.png) no-repeat center center;
    background-size:10px 28px;
    -webkit-transition : all 0.2s ease-out;
    -moz-transition : all 0.2s ease-out;
    -o-transition :all 0.2s ease-out;
    transition : all 0.2s ease-out;  
}
.bx-wrapper .bx-prev:hover {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.bx-wrapper .bx-next:hover {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    outline: 0;
    width: 10px;
    height: 28px;
    text-indent: -9999px;
    z-index: 9;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}




.post-sidebar{ 
    position:relative;
    background:#262626;
    padding:30px;
    font-size: 14px;
}

.post-sidebar p     {
    margin: 24px 0 0 0;
}

.post-sidebar img   {
    max-width: 100%;
    height: auto;
}

.post-sidebar select    {
    max-width: 100%;
    background: #212121;
    color: #ffffff;
    padding: 7px 10px;
}

.post-sidebar a     {
    max-width: 100%;
}

.post-sidebar input{
    width:calc(69% - 40px);
    padding-left:20px;
    padding-right:20px;
    margin-top:0;
    display:inline-block;
    font-weight:400;
    letter-spacing:1px;
    font-size: 12px;
    line-height:20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background:#212121;
    border:none;
    color: #ffffff;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.post-sidebar input:active {    
    color: #fff;
    outline: none !important;
}
.post-sidebar input:hover { 
    color: #ffffff;
    outline: none !important;
}
.post-sidebar input:focus {
    color: #fff;     
    outline: none !important;
}

.post-sidebar input:-ms-input-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
    color:rgba(255,255,255,0.6);
}
.post-sidebar input::-moz-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
    color:rgba(255,255,255,0.6);
}
.post-sidebar input:-moz-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
    color:rgba(255,255,255,0.6);
}
.post-sidebar input::-webkit-input-placeholder  {
    font-size: 10px;
    text-transform:uppercase;
    -webkit-transition:  color 0.3s;
    transition:  color 0.3s;
    color:rgba(255,255,255,0.6);
}
.post-sidebar input:active:-ms-input-placeholder  {
    color: #fff;
}
.post-sidebar input:active::-moz-placeholder  {
    color: #fff;
}
.post-sidebar input:active:-moz-placeholder  {
    color: #fff;
}
.post-sidebar input:active::-webkit-input-placeholder  {
    color: #fff;
}
.post-sidebar input:focus:-ms-input-placeholder  {
    color: #fff;
}
.post-sidebar input:focus::-moz-placeholder  {
    color: #fff;
}
.post-sidebar input:focus:-moz-placeholder  {
    color: #fff;
}
.post-sidebar input:focus::-webkit-input-placeholder  {
    color: #fff;
}


.post-sidebar button {
    position:relative;
    display:inline-block;
    width:30%;
    height:40px;
    float:right;
    font-weight:400;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:0;
    font-size: 12px;
    line-height:40px;
    background:#212121;
    margin-top:0;
    border:none;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.post-sidebar button:hover {
    color:#fff;
}
.post-sidebar button:focus,
.post-sidebar button:active {
    border:none;
    outline:none;
}
.post-sidebar button:active {
    opacity:.7;
}





.post-sidebar h6{ 
    text-align:left;
    padding-bottom:20px;
}
.post-sidebar .wp-caption a,
.post-sidebar .wp-caption a:hover     {
    padding: 0;
}
.post-sidebar li{ 
    display:block;
    padding:0;
    margin:0;
    border-top:1px solid rgba(255,255,255,.1);
    font-size: 11px;
    line-height:21px;
    letter-spacing:1px;
    font-weight:300;
    color:#ffffff;
}
.post-sidebar a{
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-align:left;
    text-transform:uppercase;
    padding-top:10px;
    padding-bottom:10px;
    color:#ffffff;
    -webkit-transition: padding-left 0.3s, color 0.3s;
    transition: padding-left 0.3s, color 0.3s;
}
.post-sidebar li:last-child{
    border-bottom:1px solid rgba(255,255,255,.1);
}

.post-sidebar .sub-menu li:last-child,
.post-sidebar .children li:last-child{
    border-bottom: none;
}
.post-sidebar a:hover {
    padding-left:10px;
}
.widget_recent_comments a:hover     {
    padding: 10px 0;
}
#wp-calendar    {
    width: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
}

#wp-calendar caption    {
    margin: 0 0 20px 0;
    text-transform: uppercase;
}

#wp-calendar a,
#wp-calendar a:hover    {
    padding: 0;
}

#wp-calendar .prev a    {
    text-transform: none;
}

#wp-calendar tbody a    {
    position: relative;
}

#wp-calendar tbody a:before     {
    content: "•";
    bottom: -12px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.widget_tag_cloud li{ 
    display: inline-block;
}
.widget_tag_cloud a {
    position: relative;
    display: inline-block;
    cursor:pointer;
    outline: none;
    text-decoration: none;
    white-space: nowrap;
    font-size: 11px !important;
    line-height:16px;
    text-align:left;
    padding:3px 12px;
    margin-right:5px;
    margin-bottom:5px;
    border:1px solid rgba(255,255,255,.1);
    text-transform:uppercase;
    letter-spacing:1px;
    color:#ffffff;
    font-weight:300;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.widget_tag_cloud a:hover {
    color:#ffffff !important;
    padding: 3px 12px;
}

.widget_recent_comments li  {
    padding-top: 10px;
    padding-bottom: 10px;
}

.lat-pro{ 
    position:relative;
    width:100%;
}
.lat-pro:after {
  content: '';
  display: block;
  clear: both;
}
.lat-pro-img{
    position:relative; 
    width:33.3333333333333333%;
    float:left;
    display:inline-block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.lat-pro-img img{ 
    width:100%;
    display:block;
    height:auto;
}
.lat-pro-img:hover{ 
    opacity:0.4;
}
.separator-sidebar{ 
    position:relative;
    width:100%;
    padding-top:70px;
}

/* PAGINATIONS */

ul.pagination     {
    list-style: none;
    display: block;
    margin: 0 0 30px 0;
    padding: 0;
}

ul.pagination li  {
    margin: 0 5px 0 0;
    float: left;
}

ul.pagination li a,
ul.pagination li span     {
    padding: 15px 18px;
    background-color: #262626;
    display: block;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;     
}

ul.pagination li a span     {
    padding: 0;
}

ul.pagination a     {
    color: #ffffff;
}

ul.pagination .active   {
    font-weight: 700;
}

ul.pagination .dots   {
    background-color: transparent;
}

.post-content ul.pagination li a,
.post-content ul.pagination li span   {
    padding: 2px 10px;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.1);
    font-size: 12px;
}

.post-content ul.pagination li a span     {
    padding: 0;
    border: none
}

.post-content ul.pagination .dots   {
    background-color: transparent;
    border: none;
}



/* #Media Queries
================================================== */
@media only screen and (max-width: 1600px) {
.services-video-wrap{
    width: 50%;
}
.video-text{
    max-width: 550px;
    width:100%;
    margin-left:30px;
    padding-top:80px;
    padding-bottom:50px;
}
.video-text h4{
    text-align:left;
    color:#fff;
    padding-bottom:30px;
}
.video-text p{
    font-family: 'Lato', sans-serif;
    font-weight:300;
    font-size: 20px;
    line-height:32px;
    text-align:left;
    color:#cccccc;
}
}
@media only screen and (max-width: 1200px) {
.services-video-wrap{
    width: 100%;
}
.video-text{
    max-width: 100%;
    width:100%;
    margin-left:0;
    padding-top:50px;
    padding-bottom:50px;
}
.video-text h4{
    text-align:center;
}
.video-text p{
    text-align:center;
}
}
@media only screen and (max-width: 800px) {
h1, h2, h3, h4, h5, h6{
    letter-spacing:1px;
}
/*.logo{
    width:80px;
    height:16px;
    left:10px;
    top:16px;
}*/

.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
    border-bottom:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {
    border-bottom:none;
    background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {
    background:none;
}
ul.slimmenu li a: {
    border-bottom:none;
}
ul.slimmenu li a:hover {
    border-bottom:none;
    background:none;
}
ul.slimmenu li {
    background:none;
}
ul.slimmenu li > ul {
    width: 100%;
    text-align:right;
}
.portfolio-wrap{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
.about-box{
    padding-bottom:30px;
}
.about-box1{
    padding-bottom:30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about-box{
    padding-bottom:30px;
}
.about-box1{
    padding-bottom:30px;
}
.about-box p{
    display:none;
}
.about-box1 p{
    display:none;
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.cl-effect {
    margin-top:80px;
}
.about-box{
    padding-bottom:30px;
}
.about-box1{
    padding-bottom:30px;
}
.about-box:last-child{
    padding-bottom:30px;
}
.about-box1:last-child{
    padding-bottom:30px;
}
.about-box h5{
    text-align:center;
    margin-left:0;
}
.about-box p{
    text-align:center;
    margin-left:0;
}
.about-box1 h5{
    text-align:center;
    margin-right:0;
}
.about-box1 p{
    text-align:center;
    margin-right:0;
}
.about-box .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
.about-box1 .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.cl-effect {
    margin-top:80px;
}
.about-box{
    padding-bottom:30px;
}
.about-box1{
    padding-bottom:30px;
}
.about-box:last-child{
    padding-bottom:30px;
}
.about-box1:last-child{
    padding-bottom:30px;
}
.about-box h5{
    text-align:center;
    margin-left:0;
}
.about-box p{
    text-align:center;
    margin-left:0;
}
.about-box1 h5{
    text-align:center;
    margin-right:0;
}
.about-box1 p{
    text-align:center;
    margin-right:0;
}
.about-box .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
.about-box1 .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
}

@media only screen and (max-width: 319px) {
.cl-effect {
    margin-top:60px;
}
.about-box{
    padding-bottom:30px;
}
.about-box1{
    padding-bottom:30px;
}
.about-box:last-child{
    padding-bottom:30px;
}
.about-box1:last-child{
    padding-bottom:30px;
}
.about-box h5{
    text-align:center;
    margin-left:0;
}
.about-box p{
    text-align:center;
    margin-left:0;
}
.about-box1 h5{
    text-align:center;
    margin-right:0;
}
.about-box1 p{
    text-align:center;
    margin-right:0;
}
.about-box .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
.about-box1 .about-box-icon{
    float:none;
    margin:0 auto;
    display:block; 
    margin-bottom:15px;
}
}













/* #Parallax
================================================== */


.more-left {
    position:relative;
    width:60px; 
    height:60px;
    background: url('../images/plus.png') no-repeat center center; 
    background-size:60px 60px;
    background-color:rgba(255,255,255,.3);
    float:left;
    border-radius:50%;
    z-index:2;
    cursor:pointer;
    color:#fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.more-left:hover {
    background-color:rgba(255,255,255,.8);
}
.more-right {
    position:relative;
    width:60px; 
    height:60px;
    background: url('../images/plus.png') no-repeat center center; 
    background-size:60px 60px;
    background-color:rgba(255,255,255,.3);
    float:right;
    border-radius:50%;
    z-index:2;
    cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.more-right:hover {
    background-color:rgba(255,255,255,.8);
}

.contact h1,
.contact h2,
.contact h3,
.contact h4,
.contact h5,
.contact h6{
    color:#ffffff;
}


/* WORDPRESS DEFAULT CLASSES */

.post.sticky     {
}

.wp-caption.alignnone {
    margin-right: 0;
    margin-left: 0;
}

.wp-caption.alignleft {
    margin-right: 20px;
    margin-left: 0;
}

.wp-caption.alignright {
    margin-right: 0;
    margin-left: 20px;
}

.wp-caption     {
    font-style: italic;
    max-width: 100%;
    margin: 20px 0;
}

.wp-caption-text    {
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0;
}

.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    padding: 0 15px;
}

.bypostauthor   {
    border: 1px solid transparent;
}

.alignnone,
.alignleft,
.alignright,
.aligncenter    {
    margin-top: 20px;
    margin-bottom: 20px;
}

.alignnone,
.alignnone img {
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
}

.aligncenter,
.aligncenter img{
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.alignright,
.alignright img {
    float: right;
    margin-right: 0;
    margin-left: 20px;
    max-width: 100%;
}

.alignleft,
.alignleft img {
    float: left;
    margin-right: 20px;
    margin-left: 0;
    max-width: 100%;
}

/* UNIT TEST */

.post-content iframe  {
    max-width: 100%;
}

.post-content img  {
    max-width: 100%;
    height: auto;
}

.post-content table   {
  width: 100%;
  margin: 26px 0 26px 0;
}

.post-content thead   {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  font-weight: 400;
}

.post-content th  {
  padding: 10px 9px;
  font-weight: 700;
  color: #ffffff;
  text-align: left;
}

.post-content tbody tr  {
  border-bottom: 1px solid transparent;
}

.post-content tbody tr:nth-child(2n+1) td,
.post-content tbody tr:nth-child(2n+1) th  {
  background-color: rgba(255,255,255,0.03);
}

.post-content td  {
  padding: 7px 9px 7px 9px;
}
.post-content ol   {
    list-style: decimal;
}



.parallax-home {
    background-size: cover;
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0;
    bottom: 0;
    z-index: -1;
    width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
    .parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}


.section-parallax-gallery-item .just_pattern_parallax { 
    position: absolute; 
    opacity: 0.8; 
    left: 0px;
    top: 0px;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%; 
    z-index: 3; 
}
.section-parallax-gallery-item { 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:350px;
    padding-top:350px;
    z-index:2;
}
.section-parallax-gallery-item .text-left{ 
    position:relative;
    width:100%;
}
.section-parallax-gallery-item .text-left h2{ 
    text-align:left;
    color:#fff;
    font-size:50px;
    line-height:50px;
}
.section-parallax-gallery-item .text-left p{ 
    text-align:left;
    color:#fff;
    font-size:24px;
    line-height:24px;
    padding-bottom:20px;
}


.section-parallax-gallery-item .text-right{ 
    position:relative;
    width:100%;
}
.section-parallax-gallery-item .text-right h2{ 
    text-align:right;
    color:#fff;
    font-size:50px;
    line-height:50px;
}
.section-parallax-gallery-item .text-right p{ 
    text-align:right;
    color:#fff;
    font-size:24px;
    line-height:24px;
    padding-bottom:20px;
}

.widget_flickr a,
.widget_flickr a:hover,
.widget_flickr img   {
    margin: 0;
    padding: 0;
    display: block;
}

.widget_flickr img  {
    float: left;
    width: 33.33%;
    -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.widget_flickr a:hover  {
    padding: 0;
}

.widget_flickr img:hover    {
    opacity: 0.4;
}

/* revslider */

.section-slider .slider-background-image,
.section-slider .just_pattern{
    top: 0 !important;
    left: 0 !important;
}

.section-slider div .tp-caption.small-text {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 1px;
    font-size: 24px;
}

.section-slider div .tp-caption.big-text{
    text-transform: uppercase;
    text-align: center;
    font-size: 75px;
    line-height: 75px;
}

.section-slider div .tp-caption.big-text span{
    width: 100%;
    font-family: 'axis';
    line-height: 75px;
    line-height: normal;
    font-size: inherit !important;
}