/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file
        Just create a "fonts" folder at the root,
        copy your FontName into code below and remove
        comment brackets */
@font-face {
    font-family: 'JustVector';
    src: url('fonts/justvectorv2-webfont.eot');
    src: url('fonts/justvectorv2-webfont.eot?#iefix') format('eot'),
         url('fonts/justvectorv2-webfont.woff') format('woff'),
         url('fonts/justvectorv2-webfont.ttf') format('truetype'),
         url('fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;

}
.spacetop {
    padding-top: 130px;
    clear: both;
}

/* #Site Styles
================================================== */
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.awasome {
    font-family: 'FontAwesome';
}
.back_link {
    float: right;
    margin-top: -25px;
}
header {
    position: fixed;
    z-index: 999;
    background: #1a1112;
    border-bottom: #d44032 solid 4px;
    width: 100%;
}
header .animate {
    position: relative;
    background-color: #ffffff;
    border-top: 4px solid #000000;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    height: 65px;
    padding-top: 25px; 
    background: #1a1112;
}
header.affix .animate {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    height: 50px;
    padding-top: 10px;
}
header .animate #logo img {
    width: 100%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
header.affix .animate #logo img {
    width: 90%;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
header.affix .animate #logo {
    min-height: 50px;
}
.header_space {
    padding: 65px 0 0px 0;
    height: 480px;
}
.header_space > div {
    position: fixed;
    
}
.zix {
    position: relative;
    z-index: 99;
    background: #fff;
}
.clearboth {
    clear: both;
}
#logo {
    float:left;
    max-width: 260px;
    min-height: 65px;
    clear: both;
}
#logo a {
    text-decoration: none;
}
#logo img {
    max-width: 100%;
}
#nav {
    float:right;
    list-style:none;
    margin-bottom: 0;
}
#main {
    clear: both;
}
#features {
    padding: 30px;
}
#feature_block h4 {
    font-weight: 300;
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: #ededed solid 4px;
}
#feature_block i {
    margin: 0 15px;
    font-size: 30px;
    color: #fff;
    display: block;
    float: left;
    width: 61px;
    height: 61px;
    line-height: 61px;
    text-align: center;
}
#feature_block > div {
    margin-bottom: 35px;
}
#feature_block > div:hover h4{
    border-bottom: #d44032 solid 4px;
}
.feature_exp {
    color: #777777;
    font-weight: 300;
    clear: both;    
}
.feature_link {
    float: right;
    text-decoration: none;
    font-weight: 300;
}
#portfolio_feed {
    background: #d44032;
    padding: 40px 0;
}
#portfolio_feed h3 {
    text-transform: uppercase;
    color: #fff;
    margin-left: 10px;
}
#portfolio_cor {
    perspective: 800px;
}
.port_item {
    position: relative;
    width: 300px;
    height: 220px;
    
}
.info, .port_item img.attachment-portfolio_three {
     position:absolute;
}
.info {
     opacity:0;
}
.port_item img.attachment-portfolio_three  {
    transition: all 0.8s; 
    backface-visibility: hidden; 
    -webkit-backface-visibility: hidden; 
    z-index:99; 
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    border: 15px solid #fff;
    max-width: 90%;
}
.port_item .info {
    height: 170px;
    max-width: 90%;
    width: 90%;
    border: 15px solid #fff;
    transition: all 0.8s;
    opacity:1;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}
.port_item:hover .info {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.port_item:hover img.attachment-portfolio_three {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}
.port_item .info div {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    color: #000;
    font-size: 16px;
    background: #fff;
    height: 120px;
    text-transform: uppercase;
    padding: 50px 0 0;
    text-align: center;
}
.port_item .info div a {
    text-decoration: none;
    font-size: 30px;
}
.pholio_prev {
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
}
.port_prev {
    padding-left: 25px;
}
.port_prev p {
    margin: 0;
}
.pholio_link {
    text-align: center;
}
.pholio_link a {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    background: rgba(0,0,0,0.4);
}
.pholio_link a:hover {
    background: #fff;
    color: #000;
}
#news_feed {
    background: #e9e9e9;
    padding: 40px 0;
    overflow: hidden;
}
#news_feed h3 {
    text-transform: uppercase;
    margin-left: 10px;
}
.cor_blog_post {
    position: relative;
    min-height: 300px;
    margin-bottom: 15px;
    background: #fff;
    padding: 15px;
    transition: all .5s;
}
.cor_blog_post img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -moz-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -o-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    -ms-transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
    transition: all 0.3s cubic-bezier(.63,.08,.35,.92);
}
.cor_blog_post > a {
    display: block;
    overflow: hidden;
}
.cor_blog_post:hover img {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.cor_blog_post:hover a {
    color:#fff;
}
.cor_blog_post:hover {
    background: #d94537;
    transition: all .5s;
}
.cor_blog_post h5, .cor_blog_post_inblog h5 {
    font-weight: 300;
    margin-top: 20px;
}
.cor_blog_post h5 a, .cor_blog_post_inblog h5 a {
    text-decoration: none;
}
.post_info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 265px;
}
.post_info i {
    margin-right: 10px;
}
.date {
    font-size: 13px;
    display: inline;
    color: #787878;
    text-align: left;
}
.cor_blog_post:hover .date, .cor_blog_post:hover .comment_count a, .cor_blog_post:hover .comment_count {
    color: #fff;
}
.comment_count {
    text-align: right;
    display: inline;
    float: right;
}
.comment_count a {
    color: #787878;
    text-decoration: none;
}
#customers {
    padding: 40px 0;
    overflow: hidden;
}
#customers h3 {
    text-transform: uppercase;
    margin-left: 20px;
}
.testimon {
    padding: 10px 10px 0;
    width: auto;
    color: #777777;
    font-weight: 300;
    border-top: #e3e3e3 solid 4px;
}
.testimonial_box:hover .testimon {
    border-top: #d44032 solid 4px;
}
.testimonial_author:before {
    content: "\f007";
    float: left;
    font-family: 'FontAwesome';
    font-size: 16px;
    font-style: normal;
    margin-right: 10px; 
}
.testimonial_author {
    padding-left: 10px;
    font-weight: 300;
}
#footer_soc {
    background: #282828;
    position: relative;
    z-index: 99;
}
#footer_soc .add_line {
    text-transform: uppercase;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    padding: 25px 0;
    border-bottom: #2f2f2f solid 1px;
    margin-bottom: 50px;
}
h6.widgettitle {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    color: #686868;
    font-size: 16px;
    background: url(../image/fwidget-top.png) repeat-x;
}
h6.widgettitle span {
    padding: 0 10px;
    background: #282828;
}
#footer {
    overflow: hidden;
    clear: both;
    padding-top: 25px;
    background: #161616;
    position: relative;
    z-index: 99;
}
#footer .sitemap-menu {
    overflow: hidden;
}
#footer .sitemap-menu > li {
    float: left;
    min-width: 18%;
    margin-right: 2%;
}
#footer .sitemap-menu > li > a {
    color: #ca3628;
    font-weight: 300;
    text-decoration: none;
    margin-bottom: 20px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
}
#footer .sitemap-menu > li > ul {
    margin-left: 0;
}
#footer .sitemap-menu > li > ul > li > a {
    text-transform: uppercase;
    color: #777777;
    font-weight: 300;
    text-decoration: none;
    font-size: 14px;
}
#footer .sitemap-menu li > a:hover,
#footer .sitemap-menu li.current-menu-item > a { 
    text-decoration: underline;
}
.footer_bottom {
    border-top: #d44032 solid 4px;
    padding: 20px 0;
    clear: both;
    line-height: 36px;
}
.copy {
    float: left;
}
.fsocial {
    float: right;
}
.fbox {
    margin-bottom: 20px;
    overflow: hidden;
}
.social {
    overflow: hidden;
    padding: 10px 0;
    margin: 0;
}
.social li {
    float: left;
    margin-left: 11px;
    margin-bottom: 0;
}
.social li a {
    display: block;
    font-family: 'JustVector';
    text-decoration:none;
    font-size: 22px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.social li a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;    
}
#features {
    clear: both;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe {
    width: 100% !important;
}
.tz_tweet_widget ul li {
    font-size: 16px;
    color: #d44032;
    line-height: 24px;
    border-bottom: #404040 solid 4px;
    padding-bottom: 10px;
}
.tz_tweet_widget ul li:last-child {
    border-bottom: none;
}
.tz_tweet_widget ul li a {
    display: block;
    font-size: 13px !important;
    color: #777777;
    text-decoration: none;
}
.tz_tweet_widget ul li a:before {
    content: "\f073";
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 20px;
    float: left;
    margin-right: 5px;
    color: #777777;
}
#sidebar_home > div {
    margin-bottom: 40px;
}
.cor_blog_post_inblog {
    position: relative;
    height: auto;
    padding-bottom: 20px;
    margin-bottom: 15px;
    background: #fff;
}
.cor_blog_post_inblog .post_info {
    position: absolute;
    left: 0px;
    width: 95%;
}
/* PORTFOLIO POST */ 
#slider_box {
    position: relative;
    padding: 0 25px;
    height: 500px;
    max-width: 500px;
    margin: 0 auto;
}
#slider {
    width: 100% !important;
}
#slider img {
    width: 100% !important;
}
#port_prev:before {
    content: "\f104";
}
#port_next:before {
    content: "\f105";
}
#port_prev, #port_next {
    text-decoration:none;
    font-size: 28px;
    font-family: 'FontAwesome';
    font-weight: bold;
    display: block;
    position: absolute;
    top: 200px;
}
#port_prev {
    left: -25px;
}
#port_next {
    right: -25px;     
}
.circle {
}
.circle span {
    color: #777;
}
.circle:before {
    content: "\f10c";
    float: left;
    margin-right: 10px;
    font-family: 'FontAwesome';
    color: #bbbbbb;
}
.pro_inf {
    width: 180px;
    float: left;
    clear: both;
}
/* #WIDGET Styles
================================================== */
.widget ul {
    margin: 0 !important;
    list-style: none !important;
}
.widget {
    margin-bottom: 40px;
    overflow: hidden;
}

.widget_categories li {
    margin: 0;
}
.widget_categories li a {
    display: block;
    line-height: 36px;
    color: #000;
    padding: 0 15px;
    border: transparent solid 1px;
    border-bottom: #ddd solid 1px;
    text-decoration: none;
    text-transform: uppercase;
}
.widget_categories li a:hover, li.current-cat a {
    background: rgb(253,253,253);
    border: #dddddd solid 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.flickr a {
    display: block;
    float: left;
    height: 90px;
    margin: 0 8px 8px 0;
}
.flickr img {
    width: 90px;
    height: 90px;
}
.recent_post {
    clear: both;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: #dbdbdb solid 1px;
}
.recent_post:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.recent_post_left {
    float: left;
    width: 90px;
    padding: 0 10px;
    font-weight: 300;
}
.recent_post_right {
    float: left;
    width: 175px;
}
.mini_thumb {
    margin: 0 0 10px;
    border: #dbdbdb solid 1px;
    padding: 5px;
    background: #fff;
}
/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
    
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/* #Page Styles
================================================== */
.class404 {
    font-size: 205px;
    font-family: Arial, sans-serif;
    line-height: 300px;
    font-weight: bold;
}
#filters {
    float: right;
}
#filters li {
    float: left;
    margin-right: 5px;
}
#filters li a {
    display:block;
    font-size:14px;
    text-decoration:none;
    padding: 8px;
    color: #000;
    border: transparent solid 1px;
    text-transform: uppercase;
}
#filters li a.selected {
    border: #dddddd solid 1px;
    color: #000;
    background: rgb(253,253,253);
}
#container {
    clear: both;
}
#container.column-four .portfolio_post {
    margin: 0 10px 10px;
    width: 220px;
}
#container.column-three .portfolio_post {
    margin: 0 10px 10px;
    width: 300px;
}
#container.column-two .portfolio_post {
    margin: 0 10px 10px;
    width: 460px;
}
#container.column-one .portfolio_post {
    margin: 0 10px 10px;
    width: 940px;
}
.portfolio_img {
    padding: 5px;
    background: #fff;
    border: #ddd solid 1px;
    position: relative;
}
.only_portfolio_img {
    overflow: hidden;
}
.portfolio_img img {
    display: block;
}
.portfolio_overlay {
    position: absolute;
    background: rgba(0,0,0,0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.in_port_item:hover .portfolio_overlay{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}
.portfolio_overlay  a {
    text-decoration: none;
    color: #fff;
}
.in_port_item h6 {
    background: #eaeaea;
    padding: 10px 0;
    text-align: center;
}
.in_port_item h6 a {
    text-decoration: none;
}
#container.column-one .hov_box {
    position: absolute;
    left: 40%;
    top: 35%;
}
#container.column-two .hov_box {
    left: 150px;
    position: absolute;
    top: 50px;
}
#container.column-three .hov_box {
    left: 70px;
    position: absolute;
    top: 35px;
}
#container.column-four .hov_box {
    left: 40px;
    top: 25px;
    position: absolute;
}
.com_box {
    float: left;
    margin-right: 10px;
}
.hov_box a {
    min-width: 44px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 3px;
    transition: all .5s;
}
#container.column-four .hov_box a {
    min-width: 34px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
}
#container.column-four .hov_box .com_box a {
    font-size: 28px;
}
.hov_box a:hover {
    background: #fff !important;
    transition: all .5s;
}
.com_box a {
    font-size: 48px;
    display: block;
    text-align: center;
    color: #fff !important;
    font-weight: bold;
}
.portfolio_overlay  a.colorbox {
    font-size: 36px;
    float: left;
    display: block;
    margin-right: 10px;
    color: #fff !important;
}
.portfolio_overlay  a.permalink {
    float: left;
    display: block;
    margin-right: 10px;
    font-size: 36px;
    color: #fff !important;
}
.hover_state {
    height: 0;
    overflow: hidden;
}
.h4 {
    font-weight: 500;
    font-size: 21px;
    color: #000;
    margin-bottom: 20px;
}
div.dropcap:first-letter {
    color: #5399d6;
    font-size: 51px;
    font-weight: 700;
    float: left;
    margin: 7px;
    
}
div.dropcap {
    margin-bottom: 20px;
}

/* POST AUTHOR */
#authorarea{
    background: #f0f0f0;
    border: 1px solid #d2d2d2;
    width:100%;
    overflow:hidden;
    color: #333;
}
.padding {
    padding: 10px;
}
#authorarea h3{
    font-size: 18px;
    color:#333;
    margin:0;
    padding:0 10px 5px 10px;
}
#authorarea h3 a{
    text-decoration:none;
    color: #333;
    font-weight: bold;
}
#authorarea img{
    margin:10px 10px 10px 0;
    padding:10px;
    float:left;
    border: 1px solid #ddd;
    width: 100px;
    height: 100px;
}
#authorarea p{
    color:#333;
    margin:0;
    padding:0px 10px 10px 10px;
}
#authorarea p a{
    color:#333;
}
.authorinfo{
    padding-left:120px;
} 

/* POST COMMENTS */
.share {
    padding: 25px 0 10px;
    border-bottom: #dcdcdc solid 1px;
    overflow: hidden;
    clear: both;
}
#comments {
    padding: 20px 0 0;
    overflow: hidden;
    clear: both;
}
.commentlist li {
    list-style: none;
}
.avatar {
}

.comment_info {
    line-height: 18px;
}
.comment_info cite, .comment_info span {
    font-size: 18px;
}
.comment_info a {
    text-decoration: none;
    color: #777;
    font-weight: 300;
    font-size: 14px;
}
.comment_info .fn {
    color: #000;
}
.reply {
    float: right;
}
.comment-author {
    overflow: hidden;
    margin-bottom: 15px;
}
.comment-reply-link {
    background: rgb(253,253,253);
    display:block;
    font-size:18px;
    text-decoration:none;
    padding: 3px 15px;
    border: #dddddd solid 1px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    border-radius: 3px; 
    color: #000;
    font-weight: 300;
}
.comment_entry {
    margin-left: 50px;
}
ul.children {
    padding: 0px 0 0 50px;
}
.comment-body {
    padding: 25px 0 0;
    border-top: #dcdcdc dashed 1px;
}
textarea#comment {
    width: 100%;
}
.commenter_info {
    margin: 25px 0 0;
    clear: both;
}
#respond {
    overflow: hidden;
    border-top: #dcdcdc solid 1px;
    padding: 25px 0;
}
.error_checker {
    display: none;
}
/*
 * WP-Paginate - WordPress Pagination Function
 * Revision: $Id: wp-paginate.css 286636 2010-09-08 00:11:23Z emartin24 $
 * Copyright (c) 2010 Eric Martin http://www.ericmmartin.com/projects/wp-paginate/
 */
.wp-paginate {
    padding: 0;
    margin: 20px 0;
    border: 1px solid #cacaca;
    border-right: none;
    border-radius: 3px;
    overflow: hidden;
    float: left;
}
.wp-paginate li {
    float: left;
    list-style: none;
    margin: 0;
}
.wp-paginate a {
    background: rgb(253,253,253);
    border-right: 1px solid #cacaca;
    color: #666;
    display: block;
    min-width: 15px;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
}
.wp-paginate a:hover, .wp-paginate a:active {
    background: rgb(94,94,94);
    color: #fff;
}
.wp-paginate .gap {
    color: #000;
}
.wp-paginate .current {
    color: #fff;
    background: rgb(94,94,94);
    border-right: 1px solid #cacaca;
    display: block;
    min-width: 15px;
    padding: 3px 6px;
    text-align: center;
}

#features h2 {
    margin: 30px 0 40px;
}
.firm_button, .twitter-link, .button {
    background-color: #F5F5F5;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0;
    padding: 10px 15px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    text-shadow: 0 0 0 !important;
    text-transform: uppercase;
    font-weight: 300;
}
.firm_button:hover, .button:hover, .twitter-link:hover {
    text-decoration: none;
    opacity: 1;
    background: #ededed !important;
}
#content .wpb_content_element .ui-tabs .ui-tabs-nav {
    position: relative;
    z-index: 99;
}
.wpb_content_element .ui-tabs .ui-tabs-nav a {
    border-bottom: #ededed solid 4px !important;
}
.wpb_content_element div.ui-tabs .ui-tabs-nav li {
    border-right: #fff solid 4px;
    background-color: #fff !important; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    border-bottom: #d44032 solid 4px !important;
}
.wpb_tabs .ui-tabs .ui-tabs-panel {
    border: #ededed solid 4px;
    background-color: #fff !important;
    margin-top: -4px;
}
.wpb_content_element .ui-tabs .ui-tabs-nav a, .wpb_content_element .ui-accordion-header a {
    text-transform: uppercase;
    font-size: 17px;
    color: #777;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    color: #d44032;
}
.wpb_gallery .wpb_gallery_slides .nivo-controlNav, .wpb_gallery .wpb_gallery_slides .flex-control-nav {
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    bottom: -5px !important;
    z-index: 50;
    width: 100% !important;
    text-align: center;
}
.wpb_gallery .wpb_gallery_slides .nivo-controlNav {
    bottom: -30px !important;
}
.flex-direction-nav, .nivo-directionNav {
    display: none !important;
}
.wpb_gallery .wpb_gallery_slides .nivo-controlNav a, .wpb_gallery .wpb_gallery_slides .flex-control-nav a {
    background-color: #ddd !important;
    border-radius: 50% !important;
    height: 12px !important;
    margin: 0 3px 0 3px !important;
    text-indent: 1000px;
    width: 12px !important;
    display: inline-block;
    float: none !important;
}
.menu_toogle {
    display: none;
}
.wpb_content_element h3.ui-accordion-header {
    background: #ededed !important;
    margin-bottom: 4px !important;
}
.wpb_content_element .ui-accordion-header.ui-state-active a {
    color: #d44032;
}
.wpb_content_element .ui-accordion-header a {
    border-left: transparent solid 4px;
}
.wpb_content_element .ui-accordion-header:hover a {
    border-left: #d44032 solid 4px;
}
.wpb_content_element .ui-state-default .ui-icon, .wpb_content_element .ui-state-active .ui-icon {
    background-image:url(../image/open_close.png) !important;
    right: 1em !important;
    width: 24px !important;
    background-position: center -37px !important;
    left: auto !important;

}
#content h4.wpb_toggle {
    font-size: 17px;
    font-weight: 300;
    color: #777;
    text-transform: uppercase;
    background: none !important;
    padding-left: 0 !important;
    line-height: 45px;
}
#content h4.wpb_toggle:before {
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 49px;
    background: #ededed;
    display: block;
    float: left;
    margin-right: 25px;
    content: "\f067";
    font-size: 34px;
    color: #bbbbbb;
    font-family: 'FontAwesome';
}
#content h4.wpb_toggle.wpb_toggle_title_active:before {
    content: "\f068";
    color: #d44032;
}
#content h4.wpb_toggle.wpb_toggle_title_active {
    color: #d44032;
}
#content h4.wpb_toggle:hover:before {
    background: #d44032;
    color: #fff !important;
}
#content h4.wpb_toggle:hover {
    background: #ededed !important;
}
.wpb_content_element .ui-state-active .ui-icon {
    background-image:url(../image/open_close.png) !important;
    background-position: center 0 !important;
}
#sidebar_blog > div {
    margin-bottom: 40px;
}
/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	    #container.column-two .portfolio_post {
            margin: 0 10px 10px;
            width: 460px;
        }
        #container.column-one .portfolio_post {
            margin: 0 10px 10px;
            width: 748px;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	    #container.column-two .portfolio_post {
            margin: 0 10px 10px;
            width: 460px;
        }
        #container.column-one .portfolio_post {
            margin: 0 10px 10px;
            width: 440px;
        }
	    #footer .sitemap-menu > li {
	        width: auto;
	        float: none;
	        clear: both;
	    }
        #logo {
            float: left;
            margin: 0 auto;
        }
        .header_contact_info {
            float: none;
            clear: both;
            text-align: center;
        }
        .menu-header-container {
            display:none;
        }
        .cor_blog_post {
            height: auto;
            margin-bottom: 15px;
        }
        .sitemap {
            clear: both;
        }
        .menu_toogle {
            display: block;
            width: 50px;
            margin: 0 auto 10px;
            text-decoration: none;
            float: right;
            background-image: url(../image/menu_icon.png);
            background-repeat: no-repeat;
            background-position: center center;
            height: 30px;
        }
        .social {
            text-align: center;
        }
        .social li {
            display: inline;
            float: none;
            margin: 0 5px;
        }
        .social li a {
            display: inline;
        }
        .fsocial {
            float: none;
            clear: both;
        }
        #nav {
            clear: both;
            float:none;
            list-style:none;
            margin-top: 0px;
            text-align: center;
            display: none;
            margin-left: 140px;
            text-align: left;
            background: #000;
        }
        #nav li {
            float:none;
        }
        #nav li a {
            display:block;
            font-size:14px;
            text-decoration:none;
            padding: 0px;
            border: none;
            line-height: 18px !important;
        }
        #nav li.current-menu-item > a, #nav li:hover > a {
            border: none;
            -moz-border-radius: 5px; 
            -webkit-border-radius: 5px; 
            -khtml-border-radius: 5px; 
            border-radius: 5px; 
        }
        .header2menu > li.current-menu-item > a {
            background: none;
        
        }
        #nav > li > ul {
            position: static;
            border: none;
            display: block;
            height: auto;
            background: none;
            margin-left: 30px;
        }
        #nav > li:hover > ul {
            height: auto;
            width: auto;
            background: none;
            border-bottom: none;
        }
        #nav > li > ul > li {
            margin: 0;
            padding: 0;
        }
        #nav > li > ul > li > a {
            font-size: 13px;
            display: block;
            padding: 5px;
            text-decoration: none;
            border-bottom: none;
            background: none !important;
            line-height: 24px !important;
        }
        #nav > li > ul > li:hover > a {
            background: none !important;
            text-decoration: none;
        }
        #nav > li > ul > li > ul {
            margin: 0;
            display: block;
            background: none;
        }
        #nav > li > ul > li:hover > ul {
            position: static;
            border: none;
            border-left: none;
            border-bottom: none;
            display: block;
            width: auto;
            margin-top: 0;
        }
        #nav > li > ul > li:hover > ul > li {
            margin: 0;
            padding: 0;
        }
        #nav > li > ul > li > ul> li > a {
            font-size: 12px;
            display: block;
            padding: 0px;
            text-decoration: none;
            border-bottom: none;
            color: #fff !important;
        }
        #nav > li > ul > li > ul > li:hover > a  {
            color: #fff;
            background: #828282;
            
        }
        header .animate #logo img {
            width: 80% !important;
        }
    }

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	    .image_comment {
	        float: left;
	        margin: 0 20px 0 0;
	    }
	    .cor_blog_post h4 {
            margin-bottom: 5px;
        }
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
	    header .animate {
	        height: 50px;
	        padding-top: 15px;
	    }
	    #logo {
	        min-height: 50px;
	    }
	    #container.column-one .portfolio_post {
            margin: 0 10px 10px;
            width: 260px;
        }
        #container.column-one .portfolio_img img {
            margin-left: -30%;
            max-width: 200%;
        }
        #container.column-one .only_portfolio_img img {
            height: 150px;
        }
        #container.column-one .com_box {
            display: none;
        }
        #container.column-one .hov_box {
            left: 30%;
        }
        #nav {
            margin-left: 50px;
        }
        .mycarousel li {
            width: 280px !important;
            margin: 0 !important;
        }
        .port_item {
            width: 280px;
        }
        .port_item a {
            width: 250px;
        }
        .post_info {
            width: 250px;
        }
        .header_space > div {
            position: relative !important;
            
        }
        .header_space {
            padding: 65px 0 0;
        }
	}


