/*
Theme Name: CASE / WordPress theme
Theme URI: http://gogetthemes.com
Description: One-Page Parallax theme
Author: GoGetThemes
Author URI: http://gogetthemes.com/
Version: 1.9
Tags: responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready
License URI: http://gogetthemes.com/
*/
@import 'css/bootstrap.css';
@import 'css/supersized.css';
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Gudea:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);
@import 'css/font-icomoon.css';

html,body{
    margin:0;
    padding:0;
    /*font-family: 'Gudea';*/
    /*font-size: 14px;*/
    overflow-x:hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: 'Raleway';*/
    /*color: #000000;*/
    text-transform: uppercase;
    /*font-weight: 900;*/
}
h1 {
    letter-spacing: -1px;
}
body{
    /*margin-right: 17px;*/
    overflow-y: hidden !important;
}
a {
    color: #777777;
    outline: 0 !important;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
a:focus {
    color: #000000;
    text-decoration: none;
}

.heading-section {
    margin: 50px auto;
    width: 50%;
}
.heading-section p {
    color: #999999;
}
.heading-section h1 {
    padding-bottom: 10px;
}
/*================= Headers =================*/


.logo {
    font-family: 'Great Vibes';
    font-size: 50px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
    z-index: 0;
}

.logo-wrap{
    z-index: 0;
}
.logo h1 {
    color: #ffffff;
}
.dark h1 {
    color: #000000;
}
.slogan {
    padding-top: 13px;
    color: #999999;
    font-family: 'Raleway';
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.header{
    min-height:178px;
    background:#ffffff;
}
.header-hidden{
    min-height:210px;
    background:#ffffff;
}
.block-straight.header-hidden {
    min-height: 160px;
}
.header-pm{
    min-height:250px;
    background:#ffffff;
}
.header-std-menu{
    min-height:200px;
    background:#ffffff;
}
.header-pm-menu{
    min-height:250px;
}
.blog-header{
    min-height:250px;
    background:#000000;
}

.header-soc {
    color: #FF9900;
    float: left;
    position: absolute;
    top: 20px;
    z-index: 1;
}

.children ul {
    list-style: square outside none;
    margin-left: 20px;
    border-color: #eee;
    color: #ccc;
}
.page_item_has_children {
    color: #999999;
    list-style: square outside none;
    margin-left: 20px;
    padding: 0;
}


.video-section-title {
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    margin: 0 auto;
    width: 100%;
%: ;
}
.video-section-title h1 {
    color: #FFFFFF;
}
/*================= Content blocks =================*/


section {
    position: relative;
}
/*.block{*/
    /*height:auto;*/
    /*-webkit-transform:skewY(-4deg);*/
    /*-moz-transform:skewY(-4deg);*/
    /*-ms-transform:skewY(-4deg);*/
    /*-o-transform:skewY(-4deg);*/
    /*transform:skewY(-4deg);*/
    /*-webkit-transform-origin:0 0;*/
    /*-moz-transform-origin:0 0;*/
    /*-ms-transform-origin:0 0;*/
    /*-o-transform-origin:0 0;*/
    /*transform-origin:0 0;*/
    /*overflow:hidden;*/
    /*position:relative;*/
    /*margin: -1px 0 -1px 0;*/
/*}*/
.block-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.block-blog {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-bottom: 10px;
    margin-top: 50px;
    width: 100%;
}
.block-blog-straight {
    height:auto;
    background: #ffffff;
    overflow:hidden;
    position:relative;
    margin: -1px 0 -1px 0;
}
.block-footer {
    background: none repeat scroll 0 0 #000000;
    /*margin-bottom: 100px;*/
    margin-top: 0px;
    width:100%;
    /*position: absolute;*/
    position:relative;
    z-index: 1;
}
.block-footer-straight {
    background: none repeat scroll 0 0 #000000;
    /*margin-bottom: 100px;*/
    margin-top: 0px;
    width:100%;
    position: relative;
    z-index: 0;
}
.content {}

.breadcrump {
    border-bottom: 3px double #eeeeee;
    display: block;
    height: 50px;
}
.breadcrump li {
    float: left;
    list-style: none outside none;
    padding-right: 20px;
}
.breadcrump li:after {
    color: #CCCCCC;
    content: "/";
    left: 11px;
    position: relative;
}
.breadcrump li:last-child:after {
    content: "";
}
.custom-image {
    display: table;
    margin: 15% auto;
    position: relative;
    width: 0;
    z-index: 1;
}

.box-white{
    background:#ffffff;
    min-height:700px;
}
.box-grey{
    background:#f5f5f5;
    min-height:700px;
}
.black-background {
    background: #000000;
    color: #ffffff;
}

/*================= Helper classes =================*/


.padding90 {
    padding: 90px;
    display: block;
}
.padding50 {
    padding: 90px;
    display: block;
}

/*================= Slider controls =================*/

.block-slider{
    height: 120vh;
}

.slider-controls {
    border: 0 none;
    height: 110vh;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.slider-control:hover {
    right: 0;
}
.slider-controls:hover #prevslide {
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    left:0;
}
.slider-controls:hover #nextslide {
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    right:0px;
}
.slider-controls:hover #slidecounter {
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    right: 60px;
}
.slider-controls:hover #slidecaption {
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    background: #fff;
    color: #000;
    margin-top:60px;
}
.slider-controls:hover #slidecaption:after {
    color: rgba(0,0,0,.2);
}




/*================= HR's =================*/


#hexagon { margin: 40px auto 40px auto; color: #ffffff;  width: 100px; height: 55px; background: #000000; position: relative; }
#hexagon:before { content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #000000; }
#hexagon:after { content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #000000; }

.cross {
    height: 100px;
    margin: 0px auto;
    position: relative;
    width: 100px;
}
.cross:before {
    content: '';
    -webkit-transform:translateX(-50%) rotate(45deg);
    -moz-transform:translateX(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) rotate(45deg);
    -o-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
}
.cross:after {
    content: '';
    -webkit-transform:translateX(-50%) rotate(-45deg);
    -moz-transform:translateX(-50%) rotate(-45deg);
    -ms-transform:translateX(-50%) rotate(-45deg);
    -o-transform:translateX(-50%) rotate(-45deg);
    transform:translateX(-50%) rotate(-45deg);
}
.cross:before, .cross:after {
    position: absolute;
    top:0;
    content: '';
    background: none repeat scroll 0 0 #CCCCCC;
    width: 100px;
    height: 1px;
    left: 50%;
    -webkit-transform-origin:50% 50% 0;
    -moz-transform-origin:50% 50% 0;
    -ms-transform-origin:50% 50% 0;
    -o-transform-origin:50% 50% 0;
    transform-origin:50% 50% 0;
}
.cross100per:before {
    content: '';
    -webkit-transform:translateX(-50%) rotate(45deg);
    -moz-transform:translateX(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) rotate(45deg);
    -o-transform:translateX(-50%) rotate(45deg);
    transform:translateX(-50%) rotate(45deg);
}
.cross100per:after {
    content: '';
    -webkit-transform:translateX(-50%) rotate(-45deg);
    -moz-transform:translateX(-50%) rotate(-45deg);
    -ms-transform:translateX(-50%) rotate(-45deg);
    -o-transform:translateX(-50%) rotate(-45deg);
    transform:translateX(-50%) rotate(-45deg);
}
.cross100per:before, .cross100per:after {
    content: '';
    background: none repeat scroll 0 0 #CCCCCC;
    width: 100px;
    height: 1px;
    left: 50%;
    -webkit-transform-origin:50% 50% 0;
    -moz-transform-origin:50% 50% 0;
    -ms-transform-origin:50% 50% 0;
    -o-transform-origin:50% 50% 0;
    transform-origin:50% 50% 0;
}
span:before, span:after {
    content: '';
    pointer-events: none;
    position: absolute;
    height: 100px;
    width: 100px;
}

.brill {
    width:8px;
    height:8px;
    margin: 30px auto;
    background: #cccccc;
    display: block;
    position: raletive;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);


}
.brill:before {
    position: absolute;
    content:'';
    display: block;
    margin-left:30px;
    margin-top:-30px;
    width:8px;
    height:8px;
    background: #cccccc;
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);

}
.brill:after {
    position: absolute;
    content:'';
    display: block;
    margin-left:-30px;
    margin-top:30px;
    width:8px;
    height:8px;
    background: #cccccc;
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);

}


/*================= SECTION: Parallax sections =================*/

.brill-cube {
    background: none repeat scroll 0 0 #000000;
    border: 10px solid transparent;
    display: block;
    height: 300px;
    margin: 40px auto;
    padding: 30px;
    text-align: center;
    vertical-align: middle;
    width: 300px;
    z-index: 1;
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}
.brill-cube:after {
    border: 1px solid rgba(255, 255, 255, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.brill-cube:hover {
    background: #ffffff;
}
.brill-cube:hover h3,
.brill-cube:hover h4{
    color: #000000;
}
.brill-cube:hover hr{
    border-width: 1px;
    width: 70%;
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.5s ease-in-out 0s;
}

.brill-cube:hover hr{
    border-color: rgba(0, 0, 0, 0.2);
}
.brill-cube-title {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align:center;
    z-index:2;
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
.brill-cube h3 {
    font-weight: 900;
    color: #ffffff;
}
.brill-cube h4 {
    font-weight: 400;
    color: #ffffff;
}
.brill-cube hr{
    border-color: rgba(255, 255, 255, 0.2);
    border-width: 1px;
    margin: 20px auto;
    width: 10%;
}
.brill-cube-title {
    height: 50%;
    margin: auto;
    vertical-align: middle;
}


/*================= SECTION: Team members =================*/

.team-item {
    display: list-item;
    /*float: left;*/
    list-style: none outside none;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.i-block {
    border: 2px solid #CCCCCC;
    color: #cccccc;
    display: block;
    float: left;
    height: 30px;
    margin: 9px;
    width: 30px;
    -webkit-transition:all 0.1s ease-in-out 0s;
    -moz-transition:all 0.1s ease-in-out 0s;
    -o-transition:all 0.1s ease-in-out 0s;
    transition:all 0.1s ease-in-out 0s;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.i-block:hover {
    background: #000;
    border: 2px solid #000;
    color: #ffffff;
}
.team-item i {
    font-size: 16px;
    margin: 3px 3px 0px 0px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
.soc {
    display: inline-block;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    /*width: 50%;*/
}
.team-content {
    margin: 0 auto;
    width: 85%;
}
.team-item i:hover .team-text{
    opacity: 0;
    margin-top: 50px;
}
.team-item h4 {
    margin-top: 20px;
}
.team-item p {
    padding-bottom: 20px;
}
.hover-cont {
    background: #ffffff;
    border-radius: 0;
    width: 300px;
    height: 300px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.hover-cont:hover > .team-text {
    box-shadow:
        inset 0 0 0 #000,
        inset 0 0 0 #000,
        inset 0 0 0 #000,
        inset 0 0 0 #000;
}
.hover-cont p {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 300px;
    margin: 0 auto;
    padding-top: 50%;
    text-transform: uppercase;
    width: 300px;
    z-index: 10;
    -webkit-transition: all 1000ms cubic-bezier(0.2, -0.2, 0.225, 1.55) 0s;
    -moz-transition: all 1000ms cubic-bezier(0.2, -0.2, 0.225, 1.55) 0s;
    -o-transition: all 1000ms cubic-bezier(0.2, -0.2, 0.225, 1.55) 0s;
    -ms-transition: all 1000ms cubic-bezier(0.2, -0.2, 0.225, 1.55) 0s;
    transition: all 1000ms cubic-bezier(0.2, -0.2, 0.225, 1.55) 0s;

}
.hover-cont p:after {
    /*border-bottom: 1px none;*/
    /*border-style: solid solid none;*/
    color: rgba(255, 255, 255, 0.3);
    font-family: 'icomoon';
    content: '\e9b2\e9b2\e9b2';
    left: 35%;
    position: absolute;
    right: 25%;
    top: 40%;
    width: 30%;;
}
.hover-cont p:hover  {
    opacity: 0;
    padding-top: -10%;
}
.team-text {
    border-radius: 0;
    -webkit-box-shadow:inset 0 300px 0 rgba(0,0,0,0.2),        inset 300px 0 0 rgba(0,0,0,0.2),        inset 0 -300px 0 rgba(0,0,0,0.2),        inset -300px 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow:inset 0 300px 0 rgba(0,0,0,0.2),        inset 300px 0 0 rgba(0,0,0,0.2),        inset 0 -300px 0 rgba(0,0,0,0.2),        inset -300px 0 0 rgba(0,0,0,0.2);
    box-shadow:inset 0 300px 0 rgba(0,0,0,0.2),        inset 300px 0 0 rgba(0,0,0,0.2),        inset 0 -300px 0 rgba(0,0,0,0.2),        inset -300px 0 0 rgba(0,0,0,0.2);
    position: absolute;
    width: 300px;
    height: 300px;
    -webkit-transition: box-shadow 0.5s;
    -moz-transition: box-shadow 0.5s;
    -o-transition: box-shadow 0.5s;
    -ms-transition: box-shadow 0.5s;
    transition: box-shadow 0.5s;

}
.team-position {
    color: #999999;
    font-family: 'Raleway';
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 9px;
    text-transform: uppercase;
}
.team-img {
    position: absolute;
    text-align: center;
    width: 300px;
    height: 300px;
}
.team-img img {
    width: 100%;
    height: 100%;
}
.team-img a {
    bottom: -91px;
    padding: 5px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.team-img p {
    margin-top:-100%;
    text-shadow:none;
    opacity:0;
}
.hover-cont:hover .team-img p {
    opacity:1;
}
.hover-cont:hover  p:after {
    color: rgba(255, 255, 255, 0);
}
.team-img p:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 60%;
    width: 100%;
}




/*================= SECTION: Search style =================*/


.screen-reader-text {
    display: none;
}
.search-submit {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    color: #000000;
    height: 30px;
    padding: 0 20px;
    position: relative;
}
.search-submit:hover {
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    color: #ffffff;
    height: 30px;
    padding: 0 20px;
}
.search-field {
    border: 1px solid #eeeeee;
    height: 30px;
}


/*================= SECTION: Widgets =================*/
.widget {
    /*border: 1px solid;*/
    margin: 40px 0;
}
.widget ul{
    /*border-top: 3px solid #EEEEEE;*/
    list-style: none outside none;
    padding-bottom: 40px;
    padding-top: 20px;
}

.widget a {
    color: #777777;
    border-bottom: 1px solid #EEEEEE;
    text-decoration: none;
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
}
.widget a:hover {
    color: #777777;
    border-bottom: 1px solid #777;
    text-decoration: none;
}
.widget h4 {
    border-bottom: 3px double #EEEEEE;
    padding-bottom: 20px;
}
.widget .buttons {
    padding-bottom: 40px;
}

/*================= SECTION: Portfolio =================*/


/*.margin-auto > ul {*/
    /*margin: 50px;*/
    /*text-align: center;*/
/*}*/


.cursor {
    display: block;
    cursor: unset;
}
.cursor > img {
    min-width: 100%;
    padding: 20px;
}
.team-cross-hover:hover .team-cross {
    opacity: 1;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
}
.team-cross-hover {
    position: relative;
}
.team-cross {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    bottom: 0;
    left: 0;
    margin: 20px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.team-cross:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    content: "";
    height: 1px;
    left: 0%;
    right: 0%;
    position: absolute;
    top: 50%;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    width: 300px;
    z-index: 1;
}
.team-cross:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    content: "";
    height: 1px;
    left: 0%;
    right: 0%;
    position: absolute;
    top: 50%;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    width: 300px;
    z-index: 1;
}

.portfolio ul {
    border-top: 1px solid rgba(208,208,208,0.3);
    margin-top: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
    text-align: center;
}

.portfolio li{
    display: inline-block;
    margin: 0 20px;
}
.portfolio-filter a {
    font-family: 'Raleway';
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding: 5px 10px;
}
.portfolio-filter > .selected {
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    padding: 5px 10px;
    position: relative;
    width: 100%;
}

.isotope_container.isotope {
    margin: 10px;
}
.portfolio-hover {
    padding: 0px;
}
.portfolio-image {
    padding: 0px;
}
.portfolio-image:hover .portfolio-title{
    opacity: 1;
    color: #ffffff;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
}
portfolio-title:hover  p{
    position: absolute;
    top:50px;
    border: 2px solid;
}
.portfolio-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-family: 'Raleway';
    font-weight: 400;
    font-size: 11px;
    height: 100%;
    letter-spacing: 3px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
}
.portfolio-title p {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -5% 0 0 -25%;
    padding-top: 10px;
}
.portfolio-title > p:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    content: "";
    height: 1px;
    left: -45%;
    position: absolute;
    top: 15px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    width: 300px;
}
.portfolio-title > p:after {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    content: "";
    height: 1px;
    left: -45%;
    position: absolute;
    top: 15px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    width: 300px;
}

.prev_item {
    opacity: 0;
    top:50%;
    left: -100px;
    position: absolute;
    z-index: 1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.prev_item i {
    font-family: 'icomoon';
    font-size: 20px;
    font-style: normal;
    margin-right: 10px;
}
.prev_item a {
background: #000000;
color: #777777;
display: block;
padding: 20px;
}
.prev_item a:hover {
    background: #eeeeee;
    color: #777777;
}
.next_item {
    opacity: 0;
    top:50%;
    right: -100px;
    position: absolute;
    z-index: 1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.next_item i {
    font-family: 'icomoon';
    font-size: 20px;
    font-style: normal;
    margin-right: 10px;
}
.next_item a {
    background: #000000;
    color: #777777;
    display: block;
    padding: 20px;
}
.next_item a:hover {
    background: #eeeeee;
    color: #777777;
}
.post-left-hover:hover .prev_item{
    opacity: 1;
    left:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.post-right-hover:hover .next_item{
    opacity: 1;
    right: 0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.project-item-desc {
    margin-bottom: 50px;
    margin-top: 50px;
}
.project-item-details {
    margin-bottom: 50px;
}
.portfolio-tags li {
    border-left: 1px solid #ccc;
    float: left;
    list-style: none outside none;
    padding: 0 20px 0 20px;
}
.portfolio-tags li:first-child {
    border-left: 0px solid #ccc;
    padding-left: 0;
}
.portfolio-item-date {
    border-bottom: 1px solid #DDDDDD;
    padding: 20px;
}
.portfolio-item-client {
    padding: 20px;
}
.portfolio-button {
    margin-top: 50px;
}
/*================= SECTION: Testimonials =================*/

.bx-controls-direction {
    position: relative;
}
.bx-slider > li {
    text-align: center;
}
.bx-viewport h6{
    color: #999999;
    font-weight: 300;
    letter-spacing: 9px;
    text-decoration: none;
}
.bx-viewport a{
    text-decoration: none;
}
.bx-viewport:hover .bx-next,
.bx-viewport:hover .bx-prev
{
    opacity: 1;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
    -webkit-transform:translate(0, -4em) rotate(45deg);
    -moz-transform:translate(0, -4em) rotate(45deg);
    -ms-transform:translate(0, -4em) rotate(45deg);
    -o-transform:translate(0, -4em) rotate(45deg);
    transform:translate(0, -4em) rotate(45deg);
 }


.bx-thumbs {
    /*padding-top: 20px;*/
    text-align: center;
}
.bx-thumbs a {
    display: inline-block;
    cursor: pointer;
}
.team-thumb > img {
    background: #ffffff;
    padding:5px;
    border: 1px solid #dddddd;
}
.team-thumb > img:hover {
    border: 1px solid #999999;
    cursor: pointer;
}
.team-thumb.active > img {
    background: #ffffff;
    padding:5px;
    border: 1px solid #cccccc;
}
.team-thumb.active:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    content: "\ea09";
    font-family: 'icomoon';
    font-size: 25px;
    height: 100px;
    line-height: 100px;
    position: absolute;
    width: 100px;
    z-index: 98;
}
.bx-next {
    font-size: 12px;
    border: 2px solid #CCCCCC;
    color: #CCCCCC;
    display: block;
    float: left;
    height: 30px;
    margin: 9px;
    position: absolute;
    right: 40px;
    width: 30px;
    opacity: 0;
    z-index: 52;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.1s ease-in-out 0s;
    -moz-transition:all 0.1s ease-in-out 0s;
    -o-transition:all 0.1s ease-in-out 0s;
    transition:all 0.1s ease-in-out 0s;
}
.bx-next:hover {
    border: 2px solid #000000;
}
.bx-next div{
    font-family: 'icomoon';
    font-size: 12px;
    margin-left: 18px;
    margin-top: 16px;
    position: absolute;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.bx-prev {
    border: 2px solid #CCCCCC;
    font-size: 12px;
    color: #CCCCCC;
    display: block;
    float: left;
    height: 30px;
    margin: 9px;
    position: absolute;
    left: 70px;
    width: 30px;
    opacity: 0;
    z-index: 52;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.1s ease-in-out 0s;
    -moz-transition:all 0.1s ease-in-out 0s;
    -o-transition:all 0.1s ease-in-out 0s;
    transition:all 0.1s ease-in-out 0s;
}
.bx-prev:hover,
.bx-next:hover{
    border: 2px solid #000000;
    color: #000000;
}
.bx-prev:focus,
.bx-next:focus {
     border: 2px solid #ccc;
     color: #ccc;
}
.bx-prev:active,
.bx-next:active {
    border: 2px solid #000000;
    color: #000000;
}
.bx-prev div{
    font-family: 'icomoon';
    font-size: 12px;
    margin-left: 18px;
    margin-top: 16px;
    position: absolute;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.testimonials-text {
    background: none repeat scroll 0 0 #F5F5F5;
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    margin: 30px;
    padding: 50px;
}
.testimonials-text:before {
    content: '\e747';
    color: #DDDDDD;
    font-family: 'icomoon';
    font-size: 30px;
    font-style: normal;
    padding: 20px;
}
.testimonials-text:after {
    content: '\e746';
    color: #DDDDDD;
    font-family: 'icomoon';
    font-size: 30px;
    font-style: normal;
    padding: 20px;
}


/*================= SECTION: Services =================*/

.services {
    padding: 0 20px;
}

.services .owl-carousel .owl-wrapper-outer{
    /*overflow:visible;*/
}
.services p{
    text-align: center;
}
.services h5 {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: center;
}
.services span {
    border: 4px solid #CCCCCC;
    color: #CCCCCC;
    display: block;
    height: 120px;
    margin: 30px auto 60px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-transition:all 0.1s ease-in-out 0s;
    -moz-transition:all 0.1s ease-in-out 0s;
    -o-transition:all 0.1s ease-in-out 0s;
    transition:all 0.1s ease-in-out 0s;
    width: 120px;
}
.services i {
    color: #cccccc;
    font-size: 50px;
    margin: 30px;
    position: absolute;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.services i:hover {
    color: #000000;
}
.services-hover {
    position: relative;
}
.services-hover:hover p,
.services-hover:hover ul{
    opacity: 1;
    -webkit-transition:all 0.3s ease-in-out 0s;
    -moz-transition:all 0.3s ease-in-out 0s;
    -o-transition:all 0.3s ease-in-out 0s;
    transition:all 0.3s ease-in-out 0s;
}
.services-hover:hover span{
    border: 4px solid #000000;
}
.services-hover:hover i {
    color: #000000;
}
.services p {
    position: relative;
    top: -65px;
    left: 10px;
    background: #000000;
    color: #999999;
    padding: 20px;
    opacity: 0;
    z-index: 1;

}
.services p:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #000000 transparent;
    top: -15px;
    content: "";
    left: 44%;
    position: absolute;
}
.services ul {
    position: relative;
    top: -65px;
    left: 10px;
    background: #000000;
    color: #ffffff;
    padding: 20px;
    opacity: 0;
    z-index: 1;

}
.services ul:after {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 10px 15px 10px;
    border-color: transparent transparent #000000 transparent;
    top: -15px;
    content: "";
    left: 44%;
    position: absolute;
}
.services li {
    color: #999999;
    line-height: 16px;
    list-style: none outside none;
    padding: 6px 31px;
}
.services li:before {
    font-family: 'icomoon';
    content: '\e9ba';
    left: 28px;
    position: absolute;
}



/*================= SECTION: Recent posts =================*/



.recent-posts {
    border-left: 3px double #EEEEEE;
    text-align: center;
    padding: 20px;
}
.recent-posts:first-child {
    /*border-left: 0;*/
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.recent-posts:first-child:hover {
    border-color: #ddd;
}
.recent-posts  .posts {
    background: #eee;
}
.recent-posts  h4{
    font-weight: 600;
    color: #000000;
}
.recent-posts a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #000000;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}
.recent-posts img {
    border: 0px solid;
}
.recent-posts  a:hover{
    font-weight: 600;
    color: #000000;
    border-bottom: 1px solid rgba(0,0,0, .5);
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.recentpost-date {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #999999;
    padding-bottom: 15px;
    text-align: center;
}


.recentpost-date .num{
    font-family: 'Raleway';
    font-weight: 900;
    font-size: 20px;
    text-align: center;
}
.recentpost-date .mon{
    font-size: 12px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}
/*================= SECTION: Buttons =================*/


.btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    font-family: 'Raleway';
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    outline: medium none;
    padding: 10px 20px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
    z-index: 2;
    border-radius: 0;
    white-space: normal;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}

/* Button 1 */
.btn-1 {
    border: 3px solid #000;
    color: #000;
}


.btn-1e {
    overflow: hidden;
}

.btn-1e:after {
    background: none repeat scroll 0 0 #000000;
    height: 0;
    left: 50%;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 100%;
    z-index: -1;
}


.btn-1e:hover,
.btn-1e:active {
    color: #ffffff;
}
.btn-1e:hover:after {
    height: 450%;
    opacity: 1;
}

.btn-1e:active:after {
    height: 400%;
    opacity: 1;
}
.btn-1e:hover, .btn-1e:active {
    color: #ffffff;
}



/*================= BLOG =================*/

.blog article {
    background: none repeat scroll 0 0 #fff;
    border: 3px double #eeeeee;
    margin: 20px;
    padding: 50px;
}
.blog article a {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.blog article a:hover {
    border-bottom: 1px solid rgba(0,0,0,.5);
}
.blog .entry-title {
    margin: 20px 0 20px 0;
}
.cat-links {
    /*display: block;*/
    margin: 15px;
}
embed {
    max-width: 100%;
}
.cat-links:before {
    color: #CCCCCC;
    content: '\e7a7';
    font-family: 'icomoon';
    font-size: 16px;
    left: 0;
    padding-right: 13px;
    padding-left: 20px;
    position: relative;
}
.comments-link:before {
    color: #CCCCCC;
    content: "\ea18";
    font-family: 'icomoon';
    font-size: 16px;
    left: 0;
    margin-right: 15px;
    position: relative;
}
.comment-list {
    background: none repeat scroll 0 0 #f5f5f5;
    list-style: none outside none;
    padding: 30px;
}
.reply {
    width: 100px;
    text-align: center;
}
.comment-reply-link {
    background: none repeat scroll 0 0 #000000;
    color: #fff;
    padding: 10px;
    width: 100%;
    display: block;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.comment-notes {
    background: #eee;
    padding: 10px;
    font-size: 12px;
    color: #999;
}
.comment-form-author {
    margin: 30px auto;
}
.comment-form-author > input {
    height: 40px;
    border: 1px solid #ccc;
    margin-left: 20px;
}
.comment-form-email > input {
    height: 40px;
    border: 1px solid #ccc;
    margin-left: 20px;
}
.comment-form-url > input {
    height: 40px;
    border: 1px solid #ccc;
    margin-left: 20px;
}
.comment-form-email {
    margin:  30px auto;
}
.comment-form-url {
    margin: 30px auto;
}
code {
    white-space: normal;
}
.form-submit > input {
    background: none repeat scroll 0 0 #000000;
    border: 0 none;
    color: #FFFFFF;
    padding: 10px 20px 10px 20px;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.form-submit > input:hover {
    background: none repeat scroll 0 0 #eeeeee;
    border: 0 none;
    color: #000000;
    padding: 10px 20px 10px 20px;
}
.comment-reply-link:hover {
    background: #ffffff;
    color: #000000;
    padding: 10px;
    width: 100%;
    display: block;
}
.comment-respond {
    border: 3px double #EEEEEE;
    padding: 10px 30px 30px;
}
.blog .edit-link {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 3px double #DDDDDD;
    padding: 0 10px;
    margin: 0 10px 0 10px;
}
.blog iframe {
    height: 500px;
    width: 100%;
}
.edit-link a{
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}
.blog .entry-meta {
    padding: 20px 0;
}
.blog-date {
    float: left;
}
.blog-date:before {
    color: #CCCCCC;
    content: "\e9ac";
    font-family: 'icomoon';
    margin-right: 5px;
    position: relative;
    top: 0;
}
.blog .pagination {
    border-radius: 4px;
    display: inline-block;
    margin: 20px;
    padding-left: 0;
}
.tag-links > a {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 3px double #EEEEEE;
    display: inline-block;
    margin: 5px;
    padding: 5px;
}
.tag-links > a:hover {
    background: none repeat scroll 0 0 #eeeeee;
    border: 3px double #EEEEEE;
}
.size-full {
    max-width: 100%;
    margin: 30px 0;
}
.entry-content {
    padding: 30px 0;
}
.entry-content > img {
    width: 100%;
    padding-bottom: 20px;
}
.entry-content > p {

}
.entry-content li {
    /*list-style: circle outside none;*/
    margin-left: 50px;
    margin-top: 15px;
}
.tag-links {
    padding-bottom: 30px;
    display: block;
}
.comments-area {
    border: 3px double #eee;
    padding: 30px;
}
.comment-author.vcard {
    border-bottom: 1px solid #DDDDDD;
    padding: 20px;
}
.comment-metadata {
    padding: 20px;
}
.comment-content {
    padding: 20px;
}
.post-format {
    padding: 10px;
    border-right: 1px solid #eee;
    margin-right: 20px;
}

.widget_recent_entries li {
    margin-left: 28px;
    padding: 10px 20px;
}
.widget_recent_entries li:before {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    content: "";
    font-family: icomoon;
    left: 0;
    margin-left: 20px;
    padding: 5px;
    position: absolute;
}
#instagram_widget img {
    max-width: 100%;
}
.instagram_caption {
    text-align: center;
    margin: 20px;
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 20px;
}
.recentcomments {
    margin: 21px 10px 10px 50px;
}
.recentcomments:before {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    content: "";
    font-family: icomoon;
    font-size: 15px;
    left: 20px;
    padding: 5px;
    position: absolute;
}
.cat-item > a {
    display: inline-block;
    margin: 5px 20px 10px 50px;
}
.cat-item > a:before {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    content: "";
    font-family: icomoon;
    font-size: 12px;
    left: 20px;
    padding: 5px;
    position: absolute;
}
.comment-form-comment textarea {
    width: 100%;
}
.jtwt_tweet {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.05);
    margin: 10px;
    padding: 20px;
}
.jtwt_tweet_text {
    margin-bottom: 30px;
    padding-left: 40px;
}
.jtwt_tweet_text:before {
    content: "\e668";
    left: 43px;
    position: absolute;
    font-family: icomoon;
    font-size: 27px;
    color: rgba(255,255,255,.2);
}
.jtwt_date {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    padding: 5px 10px 4px 35px;
    border-bottom: 0 !important;
}
.jtwt_date:before {
    content: "\e9aa";
    left: 54px;
    position: absolute;
    font-family: icomoon;
    font-size: 14px;
    color: rgba(255,255,255,.2);
}
.jtwt_tweet_text {
    margin-bottom: 30px;
}
.flickr img {
    margin: 7px;
    border: 3px double rgba(255,255,255,.1);
}
.flickr > a {
    border: 0 !important;
}
iframe {
    max-width: 100%;
}
.navigation.paging-navigation {
    margin-bottom: 60px;
}
tbody {
    background: none repeat scroll 0 0 #EEEEEE;
}
th {
    border-bottom: 1px solid #DDDDDD;
    padding: 16px;
    text-align: left;
}
td {
    border-bottom: 1px solid #DDDDDD;
    padding: 10px;
}
thead {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}

.page-numbers.current {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
}
.page-numbers {
    border: 2px double #EEEEEE;
    padding: 10px;
}
.page-numbers:hover {
    border: 2px double #000000;
    padding: 10px;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.next.page-numbers {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
}
.next.page-numbers:hover {
    background: none repeat scroll 0 0 #eeeeee;
    color: #000000;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}

.page-numbers.dots {
    border: 0 none;
}
.page-numbers.dots:hover {
    border: 0 none;
}
.sticky {
    border: 20px solid #eee !important;
}
.sticky img {
    min-width: 100%;
    max-width: 100%;
}
.sticky:before {
    font-family: 'icomoon';
    content: '\e693';
    color: #eeeeee;
    font-size: 90px;
    position: absolute;
    right: 80px;
    top: -30px;
}

.attachment-post-thumbnail, .wp-post-image {
    height: auto;
    width: 100%;
}
.cart_list .product_list_widget .attachment-shop_thumbnail.wp-post-image {
    border: 1px solid;
    max-width: 100px !important;
}

.bypostauthor{
    background:white;
}
.gallery-caption{
    font-family:inherit;
}
.meta-nav-left {
}
.meta-nav-left:before {
    font-family: 'icomoon';
    content: '\eaa1';
    position: absolute;
    font-size: 20px;
    color: #777777;
    left: 20px;
    top: 20px;
    z-index: 1;
}
.post {
    border: 3px double #EEEEEE;
    margin: 20px;
    padding: 20px;
}
.post-left-hover {
    position: absolute;
    width: 20%;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.post-left-hover:hover .meta-nav-left,
.post-left-hover:hover .nav-title {
    opacity: 1;
}
.post-left-hover:hover .nav-title {
    margin-left: 30px;
    display: block;
}
.nav-links-block-l {
    background: #000000;
    left: -100px;
    position: fixed;
    top: 50%;
    width: 250px;
    word-wrap: break-word;
    opacity: 0;
    padding: 20px;
    display: inline-block;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.nav-links-block-l:hover {
    background: #eeeeee;
}
.post-left-hover:hover .nav-links-block-l {
    opacity: 1;
    left: 0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.post-right-hover-hover:hover .nav-links-block-r {
    opacity: 1;
    left: 0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}

.meta-nav-right {
}
.meta-nav-right:before {
    font-family: 'icomoon';
    content: '\ea8f';
    position: absolute;
    font-size: 20px;
    color: #777777;
    right: -60px;
    top: 20px;
    z-index: 1;
}
.post-right-hover:hover .meta-nav-right,
.post-right-hover:hover .nav-title,
.post-right-hover:hover .nav-links-block-r{
    opacity: 1;
}
.post-right-hover:hover .nav-title {
    margin-left: 0px;
    display: block;
}
.post-right-hover:hover .nav-links-block-r {
    right: 0;
}

.meta-nav-left,
.meta-nav-right,
.nav-title{
    opacity: 0;
}
.post-right-hover {
    position: absolute;
    width: 20%;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
}

.navigation.post-navigation {
    position: absolute;
    z-index: 1;
}
.nav-links-block-r {
    background: #000000;
    right: -100px;
    position: fixed;
    top: 50%;
    width: 250px;
    word-wrap: break-word;
    opacity: 0;
    padding: 20px;
    display: inline-block;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.nav-links-block-r:hover {
    background: #eeeeee;
}
.nav-links-prev {
}
.nav-title {
    color: #777;
}


/*================= SECTION: CONTACTS =================*/

.gmap {
    position: absolute;
    -webkit-transform:skewY(-4deg);
    -moz-transform:skewY(-4deg);
    -ms-transform:skewY(-4deg);
    -o-transform:skewY(-4deg);
    transform:skewY(-4deg);
}


.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    height: 30px;
    padding-left: 5px;
    color: #71b044;
}
.wpcf7-form {
    background: none repeat scroll 0 0 #000000;
    padding: 30px;
    line-height: 32px;
}
.wpcf7-form-control.wpcf7-text {
    border: 1px none;
    height: 30px;
    width: 100%;
    padding-left: 5px;
    color: #71b044;
}
.wpcf7-form textarea {
    border: 1px none;
    width: 100%;
    height: 150px;
    padding-left: 5px;
    color: #71b044;
}
.wpcf7-form > p {
    background: none repeat scroll 0 0 #000000;
    color: #777777;
    padding: 0 10px;
}
.wpcf7-form-control.wpcf7-submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    font-family: 'raleway';
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    text-transform: uppercase;
    width: 40%;
}
.wpcf7-form-control.wpcf7-submit:hover {
    background: #999;
    color: #ffffff;
    width: 40%;
    height: 40px;
    border: 0;
}
.ctf-position {
    position: relative;
    top: -20px;
    z-index: 1;
}
.contacts {
    color: #FFFFFF;
    padding-top: 100px;
}
.contacts > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    list-style: none outside none;
    padding: 30px;
    width: 83%;
}
.contacts i {
    padding: 30px 20px;
}
.contacts li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-family: 'Raleway';
    font-size: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: uppercase;
    width: 90%;
    font-weight: 400;
}
.contacts li:last-child {
    border: 0px;
}
div.wpcf7 {
    margin: 100px;
    padding: 0;
    width: 70%;
}




/*=================  FOOTER  ===================*/

.footer-soc .social li {
    border: 1px solid #ffffff;
    display: inline-block;
    height: 40px;
    list-style: none outside none;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    width: 40px;
    margin-right: 20px;
    text-align: center;
}
.footer-soc .social li:hover {
    border: 1px solid #71b044;
}
.footer-soc .social a {
    padding: 10px;
    position: relative;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    color: #ffffff;
}
.footer-soc .social a:hover {
    color: #71b044;
}

.site-info {
    width: 100%;
    display: block;
    padding-bottom: 20px;
    color: #ffffff;
}

.site-info > a {
    color: #333;
}
.site-info > a:hover {
    color: #ffffff;
}

.footer-w a {
    border-color: rgba(255,255,255,.2);
}
.footer-w  h4 {
    color: #ffffff;
}
.footer-w .widget-title {
    border-bottom: 3px double rgba(255, 255, 255, 0.2);
}
.footer-w td {
    border-bottom: 1px double rgba(255, 255, 255, 0.2);
}




/*===================  LAYER SLIDER   ============================*/
.ls-container {
    margin-bottom: -100px !important;
    position: relative;
    top: -40px;
    visibility: hidden;

}

/*=================== REVOLUTION SLIDER   ============================*/
.rev_slider_wrapper {
    margin-bottom: -100px !important;
    position: relative;
    top: -40px;
}