/* ======================
ELECTRA THEME
====================== */
@font-face {
    font-family: Aleo-Regular;
    font-weight: normal;
    font-style: normal;
    src: url("fonts/Aleo-Regular.otf") format("opentype");
}
@font-face {
    font-family: Aleo-Bold;
    font-weight: bold;
    font-style: normal;
    src: url("fonts/Aleo-Bold.otf") format("opentype");
}

/* --- DEFAULT CSS --- */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
body {
    font-size: 14px;
    color: #000;
    line-height: 1.6em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
p {
    color: #303030;
}
a:hover {
    color: #22948f;
    text-decoration: none;
}
ul, ol {
    margin: 0px;
}
.clear {
    clear: both;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
del {
    color: #333;
}
ins {
    background: #fff9c0;
    text-decoration: none;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
small {
    font-size: smaller;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.widget {
    margin-bottom: 30px;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: "";
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
    max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
    max-width: 100% !important; /* Override the Twitter embed fixed width */
}

.bypostauthor{}

img.alignright{
    float: right;
    margin-left: 34px;
    margin-bottom: 9px;
    margin-top: 9px;
}
img.alignleft{
    float: left;
    margin-right: 34px;
    margin-bottom: 9px;
    margin-top: 9px;
}
img.aligncenter{
    display: block;
    margin: 9px auto;
}
div.alignright{
    float: right;
    margin-left: 34px;
    margin-bottom: 9px;
    margin-top: 9px;
}
div.alignright p{
    text-align: center;
}
div.alignleft{
    float: left;
    margin-right: 34px;
    margin-bottom: 9px;
    margin-top: 9px;
}
div.alignleft p{
    text-align: center;
}
div.aligncenter{
    margin: 9px auto;
    text-align: center;
}


/* Images */
.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.alignright {
    float: right;
    margin-bottom: 10px;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    max-width: 100%; /* Keep wide captions from overflowing their container. */
    padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    color: #757575;
}
img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.entry-content dl.gallery-item {
    margin: 0;
}
.gallery-item a,
.gallery-caption {
    width: 90%;
}
.gallery-item a {
    display: block;
}
.gallery-caption a {
    display: inline;
}
.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto;
}
.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
    padding: 3%;
}

/* Sidebar */
.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    word-wrap: break-word;
}
.widget-area .widget h3 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 2.571428571rem;
}
.widget-area .widget a {
    color: #757575;
}
.widget-area .widget a:hover {
    color: #21759b;
}
.widget-area #s {
    width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}


/* =Main content and comment content
-------------------------------------------------------------- */

#custom_input {
    display: none;
}

.logged-in-as {
    text-align: right;
    float: right;
}

.entry-meta {
    clear: both;
}
.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: normal;
}
.entry-header .entry-title a {
    text-decoration: none;
}
.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: normal;
}
.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}
.comments-link a,
.entry-meta a {
    color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b;
}
article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
    line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.714285714rem 0;
    line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 18px;
    font-size: 1.285714286rem;
    line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
    list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
    margin: 0 0 0 36px;
    margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    padding: 24px;
    padding: 1.714285714rem;
    font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0;
}
.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
}
.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 1.714285714;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
    display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
}
img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
    margin-top: 12px;
    margin-top: 0.857142857rem;
    margin-bottom: 12px;
    margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
    font-weight: bold;
    line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    width: 100%;
}
.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1.142857143rem;
    margin: 24px 0;
    margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 72px;
    margin-bottom: 5.142857143rem;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.page-links {
    clear: both;
    line-height: 1.714285714;
}
footer.entry-meta {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #757575;
}
.single-author .entry-meta .by-author {
    display: none;
}
.mu_register h2 {
    color: #757575;
    font-weight: normal;
}

/* =Archives-------------------------------------------------------------- */
.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed;
}
.archive-meta {
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin-top: 22px;
    margin-top: 1.571428571rem;
}
/* =Single image attachment view -------------------------------------------------------------- */

.article.attachment {
    overflow: hidden;
}
.image-attachment div.attachment {
    text-align: center;
}
.image-attachment div.attachment p {
    text-align: center;
}
.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}
.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: 0.571428571rem;
}
/* Quote posts */
article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 13px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef;
}
.required {
    color: red;
}
/* --- ===================================================================
SITE CSS 
=================================================================== --- */

/* ----- COLOR CHANGE ----- */
.color_scheme {
    background: #fff;
    border: 1px solid #cecece;
    position: fixed;
    padding: 15px 20px 30px;
    z-index: 3;
    margin-top: 200px;
    width: 155px;
}
.color_scheme .color_scheme_settings {
    background: #fff url('../images/elements/settings.png') no-repeat center center;
    width: 30px;
    height: 30px;
    position: absolute;
    margin: -16px 0px 0px 175px;
    border: 1px solid #cecece;
    padding: 8px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    border-left: 0px solid #fff;
}
.color_scheme .color_scheme_title {
    color: #4b4b4b;
    font-size: 19px;
    line-height: 1em;
    font-family: Aleo-Bold, 'Enriqueta', serif;
    margin-bottom: 30px;
}
.color_scheme hr {
    border-bottom: 1px solid #ddd;
    border-top: 0px solid #ccc;
    padding-top: 5px;
    margin: 0px -20px;
    margin-bottom: 20px;
    height: 1px;
}
.color_scheme select {
    width: 100%;
    padding: 5px;
    border: 1px solid #c5c5c5;
    line-height: 1em;
    color: #4b4b4b;
    font-size: 12px;
    height: 30px;
    outline: none;
    margin-bottom: 15px;
}
.color_scheme select:focus {
    border: 1px solid #22948f;
}
.color_scheme p {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #4b4b4b;
    color: #000;
    line-height: 1em;
    font-size: 12px;
}
.color_scheme li {
    list-style: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: red;
    border: 1px solid #c5c5c5;
    margin-bottom: 5px;
    cursor: pointer;
    *display: inline;
    *zoom: 1;
    text-align: center;
    overflow: hidden;
}
.color_scheme li img {
    width: 40px;
    height: 40px;
    margin: -10px;
}
.color_scheme li span {
    display: block;
    width: 100%;
    height: 100%;
}
.color_scheme li span.color_1 {
    background: #22948f;
}
.color_scheme li span.color_2 {
    background: #e84c3d;
}
.color_scheme li span.color_3 {
    background: #96a6a6;
}
.color_scheme li span.color_4 {
    background: #8f44ad;
}
.color_scheme li span.color_pick {
    background: url('../images/elements/color_pick.png') no-repeat center center;
} 
.color_scheme ul {
    margin: 0px;
    padding: 0px;
}












/* ----- SLOW ----- */
.newsletter_widget .newsletter_button,
.countdown_timer li .countdown_progress span,
.flickr_widget li img,
.input_button,
.contact_form .contact_button,
.search .serach_button,
.gallery .gallery_item .item_hover,
.portfolio .portfolio_item .item_hover,
.search .search_line,
.pricing_table .pt_button,
.color_scheme select,
.share_it div,
.our_team .all_team a img,
.service .service_activ,
.fc-calendar .fc-row > div,
a {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}
/* ----- SLOW ----- */
h1, h2, h3, h4, h5, h6 {
    color: #202020;
    font-family: Aleo-Regular, 'Enriqueta', serif;
    line-height: 1em;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}
h1 {
    font-size: 59px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
}
h4 {
    font-size: 18px;
    font-weight: 700;
}
.columns .row {
    margin-bottom: 15px;
}
.columns .row .span12 p,
.columns .row .span6 p,
.columns .row .span4 p,
.columns .row .span3 p {
    background: #1e1e1e url('../images/elements/columns_bg.png') no-repeat top left;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}




/* ======================== TAGS CLOUD ======================== */
.tags_cloud a, .tagcloud a {
    background: #f3f3f3;
    padding: 12px 25px 12px 20px;
    border-radius: 0px 30px 30px 0px;
    color: #303030;
    line-height: 1em;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0px 10px 10px 0px;
    border-bottom: 2px solid #d0d0d0;
}
.tags_cloud a:hover, .tagcloud a:hover {
    background: #fff;
}
/* ======================== TAGS CLOUD ======================== */


/* ======================== WIDGET ======================== */
.widget .row-fluid {
    margin-bottom: 15px;
}
.widget > ul {
    padding: 10px 20px;
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
}
.widget > ul > li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.widget > ul > li ul {
    padding-left: 21px;
    border-left: 1px solid #eeeeee;
    position: relative;
    margin-bottom: 21px;
    margin-top: 21px;
}
.widget > ul > li ul:before {
    content: '';
    width: 10px;
    height: 1px;
    background: #eeeeee;
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
}
.widget > ul > li ul li {
    border-top: 1px solid #e8e8e8;
    margin-top: 10px;
    padding-top: 10px;
}
.widget ul li a {
    color: #303030;
}
.widget ul li a:hover {
    color: #22948f;
}
/* ======================== WIDGET ======================== */



/* ======================== ATTENTION ======================== */
.attention_message {
    margin-bottom: 40px;
    background: #fff;
    border-bottom: 4px solid #d0d0d0;
    padding: 30px 60px;
}
.attention_message h2 {
    padding: 0px;
    margin: 0px;
    font-size: 30px;
    line-height: 1.3em;
    color: #989898;
}
.attention_message h2 a {
    color: #000;
}
.attention_message h2 span {
    color: #22948f;
}
.attention_message .button_color {
    float: right;
    padding: 10px 25px;
}
/* ======================== ATTENTION ======================== */



/* ======================== BLACK VERSION ======================== */
.boxed_fluid.black_version {
    background: #464646;
    color: #fff;
}
.boxed_fluid.black_version .blog_article .entry-footer ul li a.blog_icon_1 {
    background: url('../images/elements/blog_sprite_2.png') no-repeat 0px -110px;
}
.boxed_fluid.black_version .blog_article .entry-footer ul li a.blog_icon_2 {
    background: url('../images/elements/blog_sprite_2.png') no-repeat 0px -73px;
}
.boxed_fluid.black_version .blog_article .entry-footer ul li .blog_icon_3 {
    background: url('../images/elements/blog_sprite_2.png') no-repeat 0px 2px;
    color: #fff;
}
.boxed_fluid.black_version .blog_article .entry-footer ul li .blog_icon_4 {
    background: url('../images/elements/blog_sprite_2.png') no-repeat 0px -34px;
    color: #fff;
}

.boxed_fluid.black_version .blog_m .blog_article, 
.boxed_fluid.black_version .blog_fw .blog_article,
.boxed_fluid.black_version .recent_posts .blog_article {
    background: #303030;
}
.boxed_fluid.black_version .contact_widget_2 li {
    background: url('../images/elements/contact_sprite3.png') no-repeat;
}
.boxed_fluid.black_version .comment-form .button_white {
    color: #000;
    border: 3px solid #000;
}
.commentlist li .comment p,
.boxed_fluid.black_version .testimonials p,
.boxed_fluid.black_version .service p,
.boxed_fluid.black_version .contect_bg h3,
.boxed_fluid.black_version .tab-pane p,
.boxed_fluid.black_version .contect_bg .skills .skill_cover span,
.boxed_fluid.black_version .blog_article .entry-content .testimonial p,
.boxed_fluid.black_version .contect_bg .accordion_v2,
.boxed_fluid.black_version .contect_bg .accordion_v2 .accordion-heading span,
.boxed_fluid.black_version .path h1,
.boxed_fluid.black_version .start_project h3,
.boxed_fluid.black_version .start_project h5,
.boxed_fluid.black_version .contect_bg .accordion-heading span,
.boxed_fluid.black_version .contect_bg .accordion-inner,
.boxed_fluid.black_version .error_404 h1,
.boxed_fluid.black_version .event p {
    color: #000;
}
.boxed_fluid.black_version .footer_bottom p {
    color: #303030;
}
.boxed_fluid.black_version .start_project p {
    color: #555;
}
.boxed_fluid.black_version .portfolio .portfolio_item,
.boxed_fluid.black_version .tabs,
.boxed_fluid.black_version .widget > ul,
.boxed_fluid.black_version .service,
.boxed_fluid.black_version .single_portfolio .project_img img,
.boxed_fluid.black_version .tags_cloud a,
.boxed_fluid.black_version .tagcloud a,
.boxed_fluid.black_version .gallery .gallery_item,
.boxed_fluid.black_version .map iframe {
    border-bottom: 2px solid #303030;
}
.boxed_fluid.black_version .page-numbers li {
    border-bottom: 2px solid #303030;
    background: #151515;
}
.boxed_fluid.black_version .contect_bg .portfolio .portfolio_item {
    border-bottom: 2px solid #d0d0d0;
}
.boxed_fluid.black_version .blog_article .entry-header a:hover,
.boxed_fluid.black_version .contect_bg .accordion_v2 .accordion-heading.active span {
    color: #22948f;
}
.boxed_fluid.black_version .single_portfolio .project_details li,
.boxed_fluid.black_version p, 
.boxed_fluid.black_version .filter li,
.boxed_fluid.black_version .filter li a,
.boxed_fluid.black_version .blog_article .entry-content p,
.boxed_fluid.black_version .blog_article .entry-footer ul li,
.boxed_fluid.black_version .blog_article .entry-footer ul li .blog_icon_3, 
.boxed_fluid.black_version .blog_article .entry-footer ul li a,
.boxed_fluid.black_version .blog_article .entry-header a,
.boxed_fluid.black_version .contact_widget_2 li, 
.boxed_fluid.black_version .contact_widget_2 li a,
.boxed_fluid.black_version .related_services h3 a,
.boxed_fluid.black_version .single_portfolio .project_details li span,
.boxed_fluid.black_version .project_info p,
.boxed_fluid.black_version .our_team .single_team .single_team_title span,
.boxed_fluid.black_version h1,
.boxed_fluid.black_version h2,
.boxed_fluid.black_version h3,
.boxed_fluid.black_version h4,
.boxed_fluid.black_version h5,
.boxed_fluid.black_version h6,
.boxed_fluid.black_version .accordion-inner,
.boxed_fluid.black_version .recent_posts .recent_post .recent_post_title,
.boxed_fluid.black_version .recent_posts .recent_post .recent_post_title a, 
.boxed_fluid.black_version .accordion-heading span,
.boxed_fluid.black_version .skills .skill_cover span,
.boxed_fluid.black_version .about_us_info span,
.boxed_fluid.black_version .our_team .single_team .single_team_title {
    color: #fff;
}
.boxed_fluid.black_version .our_team,
.boxed_fluid.black_version .recent_posts,
.boxed_fluid.black_version .recent_works {
    background: #282828;
}
.boxed_fluid.black_version .skills .skill_cover {
    background: #24716e;
    border: 12px solid #273e3d;
}


/* ======================== BLACK VERSION ======================== */




/* ======================== ALL TYPES OF STUF ======================== */
.recent_posts,
.recent_works {
    padding: 40px 0px;
    margin-bottom: 40px;
}
.recent_posts.container_wide,
.recent_works.container_wide {
    background: #fff;
}
.recent_works .portfolio {
    margin-bottom: 20px;
}
.recent_works .button_white {
    display: block;
    width: 120px;
    margin: 0px auto;
}
.recent_works h3 {
    margin-bottom: 40px;
    text-align: center;
}
.boxed_fluid {
    width: 100%;
    background: #e8e8e8;
    margin: 0px auto;
    overflow: hidden;
}
.boxed {
    /*background: url(../images/elements/back.jpg) no-repeat fixed top center;*/
}
.boxed .boxed_fluid {
    width: 1000px;
}
.contect_bg {
    background: #fff;
    padding: 40px 80px;
}
.about_us_info {
    margin-bottom: 40px;
}
.about_us_info img {
    margin: 0px auto 30px;
    border: 3px solid #fff;
}
.about_us_info span {
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
}
.site_content {
    padding: 40px 0px 60px;
}
.header {
    background: #1e1e1e url('../images/elements/header_bg.png') repeat-x;
    padding: 10px 0px 0px;
}

/* ======================== MENU ======================== */
.header .menu ul {
    float: right;
}
.header .menu ul li {
    float: left;
    position: relative;
}
.header .menu ul li a {
    color: #888;
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    padding: 18px 50px 28px;
    border-bottom: 5px solid rgba(0,0,0, 0);
}
.header .menu ul li.current_page_item a,
.header .menu ul li a:hover,
.header .menu ul li:hover a {
    color: #fff;
    padding: 18px 50px 28px;
    border-bottom: 5px solid #22948f;
}
.header .menu ul li .children,
.header .menu ul li .sub-menu,
.header .menu ul li .children li .children,
.header .menu ul li .sub-menu li .sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 3;
}
.header .menu ul li:hover ul {
    display: block;
}
.header .menu ul li .children li,
.header .menu ul li .sub-menu li {
    float: none;
    display: block;
}
.header .menu ul li .children li .children li a,
.header .menu ul li .sub-menu li .sub-menu li a,
.header .menu ul li .children li a,
.header .menu ul li .sub-menu li a {
    color: #303030;
    padding: 6px 10px;
    font-size: 13px;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}
.header .menu ul li .children li .children li a:hover,
.header .menu ul li .sub-menu li .sub-menu li a:hover,
.header .menu ul li .children li:hover a,
.header .menu ul li .sub-menu li:hover a,
.header .menu ul li .children li a:hover, 
.header .menu ul li .sub-menu li a:hover {
    color: #22948f;
}
.header .menu ul li .children li:hover .children,
.header .menu ul li .sub-menu li:hover .sub-menu {
    display: block;
    left: 100%;
    border-left: 1px solid #e0e0e0;
    margin: -37px 0px 0px 0px;
    border-top: 5px solid #22948f;
}
/* ======================== MENU ======================== */



/* ======================== FILTER ======================== */
.filter {
    margin-bottom: 30px;
    font-size: 0px;
}
.filter li {
    display: inline-block;
    font-size: 14px;
    color: #020202;
    text-shadow: 0px 1px 0px #fff;
    *zoom: 1;
    *display: inline;
}
.filter li a {
    font-size: 14px;
    margin: 0px 15px;
    color: #020202;
}
.filter li a.active,
.filter li a:hover {
    color: #22948f;
    border-bottom: 1px solid #22948f;
}
/* ======================== FILTER ======================== */



/* ======================== SINGLE PORTFOLIO ======================== */
.single_portfolio {
    margin-bottom: 50px;
}
.single_portfolio .project_details {
    margin-bottom: 40px;
}
.single_portfolio .project_details li {
    margin-bottom: 6px;
    color: #303030;
}
.single_portfolio .project_details li span {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
.project_info {
    margin-bottom: 30px;
}
.project_info .project_pag {
    float: right;
}
.project_info .project_pag li {
    margin: 0px 0px 0px 15px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.project_info h3 {
    margin: 0px 0px 5px 0px;
}
.project_info p {
    color: #000;
}
.project_info .project_pag li a {
    display: block;
    background: #848484;
    color: #fff;
    font-size: 13px;
    padding: 5px 14px;
} 
.project_info .project_pag li a:hover {
    background: #000;
}
.single_portfolio .project_img img {
    border-bottom: 2px solid #d0d0d0;
}
.single_portfolio .project_img {
    text-align: center;
    margin-bottom: 30px;
}
/* ======================== SINGLE PORTFOLIO ======================== */



/* ======================== GALLERY ======================== */
.gallery .gallery_item {
    margin-bottom: 30px;
    border-bottom: 2px solid #d0d0d0;
    position: relative;
    overflow: hidden;
}
.gallery .gallery_item .item_image {
    max-width: 100%;
    text-align: center;
}
.gallery .gallery_item .item_image img {
    text-align: center;
    margin: 0px auto;
    max-width: 100%;
}
.gallery .gallery_item .item_hover {
    position: absolute;
    display: block;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #1e1e1e;
    width: 100%;
    height: 100%;
}
.gallery .gallery_item .item_hover .item_zoom {
    color: #fff;
    font-weight: 700;
    font-size: 50px;
    display: block;
    background: url('../images/elements/zoom_bg.png') no-repeat center center;
    width: 100%;
    height: 100%;
}
.gallery .gallery_item:hover .item_hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}
/* ======================== GALLERY ======================== */




/* ======================== PORTFOLIO ======================== */
.portfolio .portfolio_item {
    margin-bottom: 30px;
    border-bottom: 2px solid #d0d0d0;
    position: relative;
    overflow: hidden;
}
.portfolio .portfolio_item .item_image {
    max-width: 100%;
    text-align: center;
}
.portfolio .portfolio_item .item_image img {
    text-align: center;
    margin: 0px auto;
    max-width: 100%;
}
.portfolio .portfolio_item .item_hover {
    position: absolute;
    display: block;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    background: #1e1e1e;
    width: 100%;
    height: 100%;
    padding-top: 50px;
}
.portfolio .portfolio_item:hover .item_hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.portfolio .portfolio_item .item_hover .item_title {
    text-align: center;
    margin-bottom: 2px;
    color: #fff;   
    text-transform: uppercase;
    font-weight: 700;
}
.portfolio .portfolio_item .item_hover .item_tags {
    font-size: 0px;
    text-align: center;
    margin-bottom: 15px;
}
.portfolio .portfolio_item .item_hover .item_tags li {
    display: inline-block;
    margin: 0px 5px;
    *zoom: 1;
    *display: inline;
}
.portfolio .portfolio_item .item_hover .item_tags li a {
    color: #22948f;
    font-size: 14px;
    line-height: 1.5em;
}
.portfolio .portfolio_item .item_hover .item_tags li a:hover {
    color: #fff;
}

/* ======================== PORTFOLIO ======================== */


/* ========================= ALERTS ========================= */
.alert_success {
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0px;
    text-shadow: 0px 1px 0px #647760;
    border: 1px solid #708f69;
    background: #87a281 url('../images/elements/success_bg.png') repeat-x;
}
.alert_retry h4,
.alert_info h4,
.alert_error h4,
.alert_success h4 {
    color: #fff;
    padding: 0px;
    margin: 0px;
    letter-spacing: 1px;
    font-size: 17px;
    font-family: Aleo-bold, 'Enriqueta', serif;
}
.alert_error {
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0px;
    text-shadow: 0px 1px 0px #8a2b2b;
    border: 1px solid #c81d1d;
    background: #cc3a3a url('../images/elements/error_bg.png') repeat-x;
}
.alert_info {
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0px;
    text-shadow: 0px 1px 0px #5e6775;
    border: 1px solid #6e7b90;
    background: #7f8ca0 url('../images/elements/info_bg.png') repeat-x;
}
.alert_retry {
    color: #fff;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0px;
    text-shadow: 0px 1px 0px #756b5e;
    border: 1px solid #8b7b65;
    background: #a0917e url('../images/elements/retry_bg.png') repeat-x;
}
/* ========================= ALERTS ========================= */



/* ========================= TABS ========================= */
.tabs {
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
    margin-bottom: 30px;
    font-size: 0px;
}
.tabs .tab_nav {
    background: #f3f3f3;
}
.tabs .tab_nav li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    text-align: center;
}
.tabs .tab_nav li a {
    background: #f3f3f3;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    border-top: 5px solid #f3f3f3;
    color: #303030;
    padding: 10px 30px 15px;
    display: block;
}
.tabs .tab_nav li.active a {
    background: #fff;
    border-top: 5px solid #22948f;
    color: #303030;
    padding: 10px 30px 15px;
}
.tabs .tab-content {
    padding: 40px 20px 10px 20px;
    color: #303030;
    font-size: 14px;
    line-height: 1.5em;
}
.tabs .tab-content .tab_title {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1em;
}
.tabs .tab-content .tab_title a {
    color: #303030;
}
.tabs .tab-content .tab_title a:hover {
    color: #22948f;
}
.tabs .tab-content .tab_image {
    text-align: center;
    margin-right: 10px;
}
.tabs .tab-content .row-fluid {
    margin-bottom: 30px;
}
/* ========================= TABS ========================= */




/* ========================= BUTTONS ========================= */
.contact_form .contact_button,
.boxed_fluid.black_version .event .button_white,
.button_white {
    color: #000;
    background: #fff;
    border: 3px solid #000;
    padding: 10px 35px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 4px 0px #a2a2a2;
}
.contact_form .contact_button:hover,
.boxed_fluid.black_version .event .button_white:hover,
.button_white:hover {
    background: #000;
    color: #fff;
}
.button_black {
    color: #fff;
    background: #000;
    border: 3px solid #fff;
    padding: 10px 35px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    box-shadow: 0px 4px 0px #a2a2a2;
}
.button_black:hover {
    color: #fff;
    background: #565656;
    border: 3px solid #565656;
}
.button_color {
    color: #fff;
    background: #22948f;
    border-bottom: 2px solid #000;
    padding: 6px 15px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}
.button_color:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    color: #fff;
}
/* ========================= BUTTONS ========================= */



/* ========================= ERROR 404 ========================= */
.error_404 {
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
    padding: 40px;
    text-align: center;
}
.error_404 h1 {
    margin-bottom: 40px;
}
.error_404 .error_text {
    font-size: 30px;
    line-height: 1em;
    color: #000;
    margin: 40px auto 30px;
    text-align: center;
    font-family: Aleo-Bold, 'Enriqueta', serif;
}
.error_404 .error_text span {
    text-transform: uppercase;
    color: #9d9c9c;
    display: block;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.error_404 .error_text span span {
    color: #22948f;
    display: inline;
}
.error_404 .search {
    width: 50%;
    margin: 0px auto;
}
/* ========================= ERROR 404  ========================= */




/* ========================= SEARCH BAR ========================= */
.search {
    position: relative;
    padding: 0px 1px;
}
.search .serach_button {
    position: absolute;
    background: url('../images/elements/serach_icon.png') no-repeat 20px 6px;
    display: block;
    width: 50px;
    margin: 9px;
    height: 30px;
    border-left: 1px solid #e4e4e4;
    right: 0;
    top: 0;
}
.search .serach_button:hover {
    background: url('../images/elements/serach_icon.png') no-repeat 20px -28px;
}
.search .search_line {
    border: 1px solid #e4e4e4;
    outline: none;
    color: #000;
    font-style: italic;
    padding: 15px 4%;
    width: 92%;
}
.search .search_line:-moz-placeholder,
.search .search_line:-ms-input-placeholder,
.search .search_line::-webkit-input-placeholder {
    color: #000;
}
.search .search_line:focus {
    border: 1px solid #676767;
}
/* ========================= SEARCH BAR ========================= */



/* ========================= PRICING TABLES ========================= */
.pricing_table {
    margin-bottom: 50px;
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
}
.pricing_table.favorite {
    border: 9px solid #3ec5dd;
    box-shadow: 0px 2px 0px #d0d0d0;
}
.pricing_table.favorite .pt_header {
    padding: 22px 0px 30px;
    background: url('../images/elements/pricing_hdf.png') repeat-x top left;
}
.pricing_table.favorite .pt_price {
    color: #5dcee3;
    text-shadow: 0px 2px 0px #569a97;
}
.pricing_table.favorite .pt_button {
    margin: 20px auto 40px;
}
.pricing_table .pt_header {
    font-size: 34px;
    line-height: 1em;
    color: #fff;
    padding: 30px 0px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 0px 2px 0px #317775;
    font-weight: 700;
    background: url('../images/elements/pricing_hd.png') repeat-x top left;
    border-bottom: 2px solid #e5e5e5;
}
.pricing_table .pt_price {
    font-size: 59px;
    font-weight: 700;
    color: #81cdca;
    text-shadow: 0px 2px 0px #569a97;
    text-align: center;
    line-height: 1em;
    padding: 15px 0px 20px;
}
.pricing_table .pt_data {
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    background: #f4f4f4;
}
.pricing_table .pt_data li {
    padding: 20px 0px;
    border-bottom: 1px solid #dfdfdf;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1em;
}
.pricing_table .pt_button {
    display: block;
    padding: 15px;
    text-align: center;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    width: 120px;
    border: 4px solid #e7e7e7;
    text-shadow: 0px 1px 0px #c04b17;
    margin: 20px auto 50px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: url('../images/elements/pricing_bt.png') repeat-x top left;
}
.pricing_table .pt_button:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.pricing_table_2.favorite .pt_button {
    background: #000;
    border: 5px solid #000;
}
.pricing_table_2 .pt_button:hover,
.pricing_table_2.favorite .pt_button:hover {
    background: #fff;
    border: 5px solid #ccc;
    color: #000;
}
.pricing_table_2 .pt_button {
    position: absolute;
    display: block;
    padding: 8px 14px;
    text-align: center;
    background: #22948f;
    font-weight: 700;
    font-size: 18px;
    line-height: 1em;
    text-transform: uppercase;
    color: #fff;
    left: 0;
    right: 0;
    width: 120px;
    border: 5px solid #185755;
    margin: -14px auto 50px;
}
.pricing_table_2 {
    margin-bottom: 50px;
    background: #fff;
    position: relative;
    border-bottom: 2px solid #d0d0d0;
    text-align: center;
}
.pricing_table_2 .pt_data {
    margin: 0px auto 40px;
}
.pricing_table_2 .pt_header {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 1em;
    color: #fff;
    padding: 25px 0px;
    text-transform: uppercase;
    font-family: Aleo-Regular, 'Enriqueta', serif;
    text-align: center;
    text-shadow: 0px 1px 0px #000;
    font-weight: 400;
    background: #000;
}
.pricing_table_2.favorite .pt_header {
    background: #cb354d;
    text-shadow: 0px 1px 0px #a22a3e;
}
.pricing_table_2.favorite .pt_price {
    background: #df465f;
}
.pricing_table_2 .pt_price {
    font-size: 59px;
    font-weight: 400;
    color: #fff;
    background: #4c4c4c;
    text-align: center;
    line-height: 1em;
    padding: 30px 0px 10px;
}
.pricing_table_2 .pt_data li {
    padding: 15px 0px;
    border-top: 1px solid #dfdfdf;
    color: #666;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1em;
}
/* ========================= PRICING TABLES ========================= */



/* ========================= FAQ ========================= */
.accordion-heading .accordion-toggle {
    padding: 0px;
}
.accordion-inner {
    color: #000;
    border-top: 0px solid #ccc;
    margin-bottom: 20px;
    padding: 8px 8px 8px 80px;
}
.accordion-heading span {
    display: block;
    height: 22px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #202020;
    padding-left: 50px;
    text-transform: uppercase;
    background: url('../images/elements/faq_bg.png') no-repeat 0px 0px;
    font-weight: 700;
    margin: 10px 0px 0px 30px;
    line-height: 1em;
    font-size: 14px;
    padding-top: 8px;
}
.accordion-heading.active span {
    background: url('../images/elements/faq_bg.png') no-repeat 0px -30px;
    color: #22948f;
}
.accordion-heading {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.accordion-heading .accordion-toggle {
    font-size: 30px;
    text-transform: none;
    color: #202020;
    font-family: Aleo-Regular, 'Enriqueta', serif;
    line-height: 1em;
    padding: 0px;
    margin: 0px;
}
.accordion-group {
    border: 0px solid #ccc;
}
/* ========================= FAQ ========================= */



/* ========================= ACCORDION ========================= */
.accordion_v2 {
    margin-bottom: 30px;
}
.accordion_v2 .accordion-heading {
    border-bottom: 0px solid #fff;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.accordion_v2 .accordion-inner {
    padding: 0px 20px 0px 50px;
}
.accordion_v2 .accordion-heading span {
    background: url('../images/elements/acorddion_bg.png') no-repeat 0px 0px;
    height: 26px;
    margin: 0px;
}
.accordion_v2 .accordion-heading.active span {
    background: url('../images/elements/acorddion_bg.png') no-repeat 0px -34px;
}
/* ========================= ACCORDION ========================= */




/* ========================= SKILLS ========================= */
.skills {
    margin-bottom: 28px;
    text-align: center;
}
.skills h3 {
    text-align: center;
    margin-bottom: 30px;
}
.skills .skill_cover {
    background: #62afac; /* ATTENTION */
    border: 12px solid #c0d7d6; /* ATTENTION */
    padding: 12px;
    border-radius: 200px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
    position: relative;
    margin: 0px 10px 52px;
}
.skills .skill_cover .skill {
    border: 3px solid #fff;
    background: #22948f;
    color: #fff;
    font-weight: 700;
    text-align: center;
    width: 75px;
    border-radius: 100px;
    height: 45px;
    padding-top: 30px;
    line-height: 1em;
}
.skills .skill_cover span {
    color: #303030;
    font-size: 19px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-family: Aleo-Bold, 'Enriqueta', serif;
    position: absolute;
    margin: 40px 0px 0px 0px;
    text-align: center;
    left: 0;
    right: 0;
}
/* ========================= SKILLS ========================= */




/* ========================= START PROJECT ========================= */
.start_project {
    background: #fff;
    padding: 30px 0px;
}
.start_project h3 {
    text-align: center;
    margin-bottom: 20px;
}
.start_project h5 {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin: 40px auto 20px;
}
.start_project p {
    margin-bottom: 5px;
    color: #9d9d9d;
    line-height: 1em;
    font-size: 14px;
}
.select_line {
    width: 100%;
    padding: 10px 3%;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin-bottom: 15px;
    outline: none;
}
.input_line {
    width: 94%;
    padding: 10px 3%;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin-bottom: 15px;
    outline: none;
}
.input_area {
    width: 94%;
    padding: 10px 3%;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin-bottom: 15px;
    outline: none;
    resize: vertical;
    height: 130px;
}
.input_button {
    text-align: center;
    color: #fff;
    width: 240px;
    background: #22948f;
    font-weight: 700;
    margin: 0px auto;
    padding: 15px;
    display: block;
    text-transform: uppercase;
}
.input_button:hover {
    background: #333;
}
/* ========================= START PROJECT ========================= */




/* ========================= COUNTDOWN ========================= */
.countdown_page {
    background: url('../images/elements/countdown_bg.png') repeat-x;
    padding: 50px;
}
.countdown_page .countdown_title {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 41px;
    text-shadow: 0px 1px 0px #2da97a;
    text-align: center;
    margin-bottom: 60px;
    padding: 0px;
    line-height: 1em;
}
.countdown_page .search {
    width: 300px;
    margin: 60px auto 10px;
}
.countdown_page .countdown_text form {
    margin-bottom: 30px;
}
.countdown_page .countdown_text {
    margin: 30px auto 80px;
    text-align: center;
    width: 500px;
    color: #000;
    font-size: 27px;
    font-family: Aleo-Bold, 'Enriqueta', serif;
}
.countdown_page .countdown_text span {
    color: #60e9b3;
}
.countdown_page .countdown_text p {
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 700;
    margin-top: 20px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.countdown_page .countdown_text p a {
    color: #fff;
    display: block;
}
.countdown_page .countdown_text p a:hover {
    color: #333;
}


/* COUNTDOWN TIMER */
.countdown_timer {
    margin: 0px auto;
    text-align: center;
    font-size: 0px;
}
.countdown_timer li {
    border: 5px solid #59cca4;
    background: #47c69a;
    padding: 30px 20px;
    color: #fff;
    min-width: 90px;
    min-height: 70px;
    font-size: 45px;
    text-transform: uppercase;
    margin: 0px 10px;
    position: relative;
    line-height: 1em;
    font-weight: 700;
    text-shadow: 0px 1px 0px #389b7c;
    display: inline-block;
    margin-bottom: 40px;
    *zoom: 1;
    *display: inline;
}
.countdown_timer li span {
    display: block;
    text-align: center;
    color: #e7e553;
    font-size: 21px;
    line-height: 1em; 
}
.countdown_timer li .countdown_progress {
    border: 4px solid #eeeeee;
    background: #fff;
    box-shadow: 0px 2px 0px #28a48f;
    width: 100px;
    height: 10px;
    position: absolute;
    margin: -42px auto 0px;
    left: 0;
    right: 0;
    overflow: hidden;
}
.countdown_timer li .countdown_progress span {
    background: url('../images/elements/countdown_progress.png') repeat-x;
    height: 100%;
    display: block;
}
/* ========================= COUNTDOWN ========================= */




/* ========================= MAP ========================= */
.map {
    margin-bottom: 20px;
    overflow: hidden;
    margin-right: 20px;
    min-height: 664px;
}
.map iframe {
    width: 100%;
    min-height: 664px;
    border-bottom: 2px solid #d0d0d0;
}
/* ========================= MAP ========================= */




/* ========================= PAGINATION ========================= */
.page-numbers {
    display: block;
    font-size: 0px;
}
.page-numbers li {
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
    float: left;
    text-transform: uppercase;
    text-align: center;
    *zoom: 1;
    *display: inline;
    font-size: 14px;
    color: #dddddd;
    font-weight: 700;
    height: 45px;
    min-width: 38px;
    line-height: 45px;
}
.page-numbers li span {
    color: #dddddd;
    font-size: 14px;
    font-weight: 800;
}
.page-numbers li b {
    padding: 0 5px;
}
.page-numbers li a {
    padding: 0 15px;
    display: block;
    color: #a9a9a9;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    line-height: 45px;
}
.page-numbers li a.active,
.page-numbers li a:hover {
    color: #22948f;
    border-bottom: 1px solid #22948f;
}

.pagination-box {
    margin-top: 42px;
}

.post-pagination {
    overflow: hidden;
}

.post-pagination ul {
    display: table;
    margin: 0 auto;
}

.post-pagination ul li {
    background: none;
    color: #666666;
}

.post-pagination ul li a {
    color: #0088cc;
}

.entry-content form {
    background: rgba(0,0,0,0.05);
    padding: 21px;
    border: 1px solid rgba(0,0,0,0.05);
}

.entry-content form input {
    padding: 10px;
    border: 1px solid #d0d0d0;
}

.entry-content form input[type=submit] {
    font-weight: 800;
    color: #9d9d9d;
}
/* ========================= PAGINATION ========================= */



/* ========================= PATH ========================= */
.path {
    background: #fff;
    padding: 32px 0px 40px;
    margin-bottom: 40px;
}
.path h1 {
    color: #000;
    font-family: Aleo-Regular, 'Enriqueta', serif;
    font-size: 59px;
    line-height: 1em;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}
.path h1 span {
    padding-left: 30px;
}
.path h1 span img {
    max-height: 50px;
    width: auto;
    margin-top: -10px;
}
.path .path_line {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
}
.path .path_line a {
    color: #000;
    font-weight: 700;
}
.path .path_line a:hover {
    text-decoration: underline;
}

/* ========================= PATH ========================= */


/* ========================= SOCIALS ========================= */
.socials {
    text-align: right;
}
.socials li {
    margin-left: 10px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.socials li a {
    background: #adadad;
    border-radius: 3px;
    padding-top: 2px;
    display: block;
    height: 24px;
    text-align: center;
    width: 26px;
}
.socials li a:hover {
    background: #000;
}
.share_it {
    margin: 30px 0px;
}
.share_it:hover div {
    display: inline-block;
    opacity: 1;
    filter: alpha(opacity=100);
} 
.share_it div {
    display: inline-block;
    padding: 5px; 
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 1px 0px #a2a2a2;
    text-align: center;
    border-radius: 3px;
    opacity: 0;
    filter: alpha(opacity=0);
    *zoom: 1;
    *display: inline;
}
.share_it > span {
    font-family: Aleo-Regular, 'Enriqueta', serif;
    padding: 11px 20px;
    display: inline-block;
    line-height: 1em;
    background: #fff;
    border: 1px solid #d2d2d2;
    box-shadow: 0px 1px 0px #a2a2a2;
    text-align: center;
    color: #000;
    border-radius: 3px;
    vertical-align: top;
    cursor: pointer;
    *zoom: 1;
    *display: inline;
}
.share_it .socials_2 li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    height: 22px;
}
.share_it .socials_2 li a {
    background: #000;
    display: block;
    padding: 2px 3px 3px 3px;
    border-radius: 3px;
    margin: 0px 2px;
}
.share_it .socials_2 li a:hover {
    background: #22948f;
}
/* ========================= SOCIALS ========================= */

/* ========================= FLICKR ========================= */
.flickr_widget {
    margin-bottom: 10px;
    font-size: 0px;
    line-height: 0px;
}
.flickr_widget li {
    list-style: none;
    display: inline-block;
    margin: 0px 10px 10px 0px;
    width: 100px;
    height: 90px;
    overflow: hidden;
    *zoom: 1;
    *display: inline;
    vertical-align: top;
    position: relative;
}
.flickr_widget li img {
    width: 96px;
    min-height: 86px;
}
.flickr_widget li a {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
    border: 2px solid #000;
}
.flickr_widget li a:hover {
    border: 2px solid #fff;
}
/* ========================= FLICKR ========================= */


/* ========================= CONTACT INFO ========================= */
.contact_widget {
    margin-bottom: 10px;
}
.contact_widget li {
    background: url('../images/elements/contact_sprite.png') no-repeat;
    padding: 0px 0px 0px 30px;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.contact_widget li a {
    color: #fff;
    text-decoration: underline;
}
.contact_widget li a:hover {
    color: #22948f;
    text-decoration: none;
}
.contact_widget li.phone {
    background-position: 0px 1px;
}
.contact_widget li.fax {
    background-position: 0px -30px;
}
.contact_widget li.mail {
    background-position: 0px -62px;
}
.contact_widget li.location {
    background-position: 0px -93px;
}
.contact_widget_2 {
    margin-bottom: 40px;
}
.contact_widget_2 li {
    background: url('../images/elements/contact_sprite2.png') no-repeat;
    padding: 0px 0px 0px 30px;
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #848484;
    font-weight: 600;
}
.contact_widget_2 li a {
    color: #848484;
    text-decoration: underline;
}
.contact_widget_2 li a:hover {
    color: #22948f;
    text-decoration: none;
}
.boxed_fluid.black_version .contact_widget_2 li.phone,
.contact_widget_2 li.phone {
    background-position: 0px 1px;
}
.boxed_fluid.black_version .contact_widget_2 li.fax, 
.contact_widget_2 li.fax {
    background-position: 0px -30px;
}
.boxed_fluid.black_version .contact_widget_2 li.mail,
.contact_widget_2 li.mail {
    background-position: 0px -62px;
}
.boxed_fluid.black_version .contact_widget_2 li.location,
.contact_widget_2 li.location {
    background-position: 0px -93px;
}
/* ========================= CONTACT INFO ========================= */



/* ========================= CONTACT FORM ========================= */
.contact_form {
    margin-bottom: 30px;
}
.contact_form p {
    margin-bottom: 3px;
    color: #9d9d9d;
    line-height: 1em;
    font-size: 14px;
}
.contact_form .contact_line {
    width: 94%;
    padding: 10px 3%;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin-bottom: 15px;
    outline: none;
}
.contact_form .contact_area {
    width: 94%;
    padding: 10px 3%;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin-bottom: 15px;
    outline: none;
    resize: vertical;
    height: 130px;
}
/* ========================= CONTACT FORM ========================= */




/* ========================= NEWSLETTER ========================= */
.newsletter_widget {
    margin-bottom: 30px;
    position: relative;
}
.newsletter_widget .newsletter_line {
    outline: none;
    width: 90%;
    border: 1px solid #000;
    padding: 6px 5%;
    height: 20px;
}
.newsletter_widget .newsletter_line.s_error {
    border: 1px solid red;
    color: red;
}
.newsletter_widget .newsletter_button {
    background: #7f7f7f url('../images/elements/newsletter_bg.png') no-repeat center 5px;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0;
    margin: 1px -2px 0px 0px;
}
.newsletter_widget .newsletter_button:hover {
    background: #5f5f5f url('../images/elements/newsletter_bg.png') no-repeat center -27px;
}
#result_container{
    color: #fff;
}
/* ========================= NEWSLETTER ========================= */


/* ========================= TWITTER ========================= */
.twitter_widget {
    margin-bottom: 20px;
}
.twitter_widget li {
    padding: 0px 0px 0px 55px;
    background: url('../images/elements/twitter_bird.png') no-repeat 0px 5px;
    min-height: 30px;
    margin-bottom: 20px;
    color: #fff;
}
.twitter_widget li a {
    color: #22948f;
}
.twitter_widget li a:hover {
    text-decoration: underline;
}
.twitter_widget li span {
    display: block;
    font-weight: 700;
    font-style: italic; 
}
/* ========================= TWITTER ========================= */










/* ========================= BLOG FULL WIDTH ========================= */
.blog_article {
    background: #fff;
    margin-bottom: 30px;    
}
.blog_article .entry-cover {
    text-align: center;
}
.blog_article .entry-cover img {
    max-width: 100%;
    height: auto;
}
.blog_fw .blog_article .entry-cover iframe {
    width: 100%;
    height: 530px;
    max-width: 100%;
}
.blog_article .entry-header {
    padding: 20px 60px 20px;
    margin: 0px;
    color: #1e1e1e;
}
.blog_article .entry-header h3 {
    margin: 0px;
}
.blog_article .entry-header a {
    color: #1e1e1e;
}
.blog_article .entry-header a:hover {
    color: #22948f;
}
.blog_article .entry-header span {
    display: block;
    color: #b3b3b3;
    font-style: italic;
}
.blog_article .entry-content {
    padding: 20px 60px 10px;   
    margin: 0px;
}
.blog_article .entry-content p {
    color: #121212;
    margin: 0px 0px 10px 0px;
}
.blog_article .entry-footer {
    border-top: 1px solid #e0e0e0;
    padding: 20px 60px;  
}
.blog_article .entry-footer ul {
    margin: 0px;
    padding: 0px;
}
.blog_article .entry-footer ul li {
    display: inline-block;
    *zoom: 1;
    font-weight: 600;
    *display: inline;
}
.blog_article .entry-footer ul li a {
    color: #303030;
    display: block;
    padding: 0px 0px 0px 25px; 
    background: url('../images/elements/blog_sprite.png') no-repeat;
}
.blog_article .entry-footer ul li a:hover {
    color: #22948f;
}
.blog_article .entry-footer ul li a.blog_icon_1 {
    background-position: 0px -110px;
}
.blog_article .entry-footer ul li a.blog_icon_2 {
    background-position: 0px -73px;
}
.blog_article .entry-footer ul li .blog_icon_3 {
    background: url('../images/elements/blog_sprite.png') no-repeat 0px 2px;
    color: #303030;
    display: block;
    padding: 0px 0px 0px 25px;
}
.blog_article .entry-footer ul li .blog_icon_4 {
    background: url('../images/elements/blog_sprite.png') no-repeat 0px -34px;
    color: #303030;
    display: block;
    padding: 0px 0px 0px 25px;
}
.blog_article .entry-footer ul li span a {
    display: inline-block;
    padding: 0px;
    background: none;
}
.blog_fw .blog_article .entry-footer ul li.comm_last {
    float: right;
}
.blog_ws .blog_article .entry-cover iframe {
    width: 100%;
    height: 300px;
    max-width: 100%;
}
.blog_ws .comments-area {
    margin-top: -50px;
}
.blog_ws .blog_article {
    background: none;
    padding-bottom: 30px;
    margin-bottom: 40px;
}
.blog_ws .blog_article .button_white {
    background: none;
}
.blog_ws .blog_article .button_white:hover {
    background: #22948f;
    border: 3px solid #22948f;
    box-shadow: 0px 0px 0px #ccc;
}
.blog_ws .blog_article .entry-footer,
.blog_ws .blog_article .entry-content {
    padding: 20px 0px;
}
.blog_ws .blog_article .entry-header {
    padding: 20px 0px 0px 0px;
}
.blog_ws .blog_article .entry-footer {
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin-top: 20px;
}
.blog_ws .blog_article .entry-footer ul li {
    margin-right: 15px;
}
.blog_article .share_it {
    margin: 0px 0px 30px 0px;
}
.comment-form p {
    color: #9d9d9d;
    margin: 0px 0px 1px 0px;
}
.comment-form {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d0d0d0;
}
.commentlist {
    padding-bottom: 10px;
}
.commentlist li {
    margin-bottom: 20px;
}

.commentlist li .comment-respond {
    margin-top: 42px;
}
.commentlist li div.comment {
    border-bottom: 4px solid #d0d0d0;
    background: #fff;
    min-height: 90px;
    display: block;
    padding: 20px;
}
.commentlist li .comment .avatar {
    float: left;
    display: block;
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 100px;
    position: relative;
}
.commentlist li .comment .avatar img {
    max-width: 85px;
    height: auto;
}
.commentlist li .comment .comment_info {
    display: block;
    color: #111;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 120px;
    padding-right: 20px;
}
.commentlist li .comment .comment_info span {
    padding-left: 20px;
    color: #b3b3b3;
}
.commentlist li .comment .comment_info a.comment-reply-link, .comment-edit-link {
    float: right;
    display: block;
    background: #7f7f7f;
    padding: 4px 10px 6px;
    color: #fff;
    font-style: normal;
    font-size: 11px;
    line-height: 1em;
}

.comment-edit-link {
    position: absolute;
    bottom: 10px;
}

.commentlist li .comment .comment_info a.comment-reply-link:hover, .comment-edit-link:hover {
    background: #000;
}
.commentlist li .comment p {
    margin: 0px;
    padding-left: 120px;
    padding-right: 20px;
}
.commentlist li .children {
    margin: 20px 0px 0px 50px;
}
/* ========================= BLOG FULL WIDTH ========================= */
.blog_m .blog_article .entry-header {
    padding: 20px 20px 20px;
    border-bottom: 1px solid #e0e0e0;
}
.blog_m .blog_article .entry-content {
    padding: 20px 20px 10px;
    margin: 0px;
    line-height: 1.4em;
}
.blog_m .blog_article .entry-header h3 {
    font-size: 14px;
}
.blog_m .blog_article .entry-footer {
    padding: 20px;
}
.blog_m .blog_article .entry-footer ul li.comm_last {
    float: right;
}
.blog_m .blog_article .entry-cover iframe {
    width: 100%;
    height: 174px;
    max-width: 100%;
}

.read-more {
    display: block;
    margin-top: 21px;
    max-width: 100px;
}
/* ========================= BLOG MANSORY ========================= */


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



/* ========================= TESTIMONIAL ========================= */
.testimonial {
    border-bottom: 4px solid #d0d0d0;
    background: #fff url('../images/elements/testimonial_bg.png') no-repeat top right;
    min-height: 90px;
    display: block;
    padding: 20px;
    margin: 30px 0px 40px;
}
.testimonial .avatar {
    float: left;
    display: block;
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-right: 20px;
    text-align: center;
    border-radius: 100px;
}
.testimonial .avatar img {
    max-width: 85px;
    height: auto;
}
.testimonial .testimonial_info {
    display: block;
    color: #111;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 120px;
    padding-right: 20px;
}
.testimonial .testimonial_info span {
    padding-left: 20px;
    color: #b3b3b3;
}
.testimonial p {
    margin: 0px;
    padding-left: 120px;
    padding-right: 20px;
}

/* TESTIMONIALS */
.testimonials {
    border-bottom: 4px solid #d0d0d0;
    background: #fff url('../images/elements/testimonial_arrow.png') no-repeat 54px 42px;
    min-height: 90px;
    display: block;
    padding: 20px 20px 40px;
    margin: 30px 0px 40px;
}
.testimonials .testimonials_title {
    font-family: Aleo-Regular, 'Enriqueta', serif;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    padding: 5px 70px 7px;
    line-height: 1em;
    background: #1e1e1e url('../images/elements/testimonials_title.png') no-repeat top left;
    margin: -20px -20px 30px;
}
.testimonials .avatar {
    float: left;
    display: block;
    width: 85px;
    height: 85px;
    overflow: hidden;
    margin-right: 20px;
    text-align: center;
    border-radius: 100px;
}
.testimonials .avatar img {
    max-width: 85px;
    height: auto;
}
.testimonials .testimonial_info {
    display: block;
    color: #111;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 120px;
    padding-right: 20px;
}
.testimonials .testimonial_info span {
    padding-left: 20px;
    color: #b3b3b3;
}
.testimonials p {
    margin: 0px;
    color: #303030;
    padding-left: 120px;
    padding-right: 20px;
}
/* ========================= TESTIMONIAL ========================= */



/* ========================= RIGHT PAGINIATION ARROWS ========================= */
.r_p_a {
    float: right;
    font-size: 0px;
    margin: -5px 30px 0px 0px;
}
.r_p_a li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.r_p_a li a {
    width: 30px;
    height: 30px;
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.r_p_a li a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.r_p_a li .test_left {
    background: url(../images/elements/arrow_left.png) no-repeat;
}
.r_p_a li .test_right {
    background: url(../images/elements/arrow_right.png) no-repeat;
}
/* ========================= RIGHT PAGINIATION ARROWS ========================= */




/* ========================= EVENTS ========================= */
.event {
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
    margin-bottom: 40px;
    padding-bottom: 50px;
}
.event .event_cover {
    text-align: center;
}
.event .event_title {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #d0d0d0;
    padding: 20px;
    margin-bottom: 20px;
}
.event .event_title span {
    display: block;
    color: #f25252;
}
.event .event_title a {
    color: #000;
}
.event .event_title a:hover {
    color: #22948f;
}
.event .button_white {
    margin-left: 20px;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.event p {
    padding: 0px 20px 20px 20px;
}
.events_s .event {
    margin: 0px 5px;
    border-bottom: 0px solid #ccc;
}
.events_s p {
    padding: 0px 0px 5px;
}
.events_s .button_white {
    margin-left: 0px;
    margin-top: 10px;
}
.events_s .event .event_title {
    padding: 20px 0px;
}
.events_s .share_it {
    margin-top: -20px;
    margin-bottom: 60px;
}
/* ========================= EVENTS ========================= */



/* ========================= OUR TEAM ========================= */
.our_team_bg {
    margin-bottom: 40px;
}
.our_team_bg .our_team {
    margin-bottom: 0px;
}
.boxed_fluid.black_version .our_team_bg .our_team {
    background: #22948f;
}
.boxed_fluid.black_version .our_team_bg .our_team  .single_team .single_team_title,
.boxed_fluid.black_version .our_team_bg .our_team p,
.boxed_fluid.black_version .our_team_bg .our_team h3 {
    color: #fff;
}
.our_team.team_bg {
    background: #cfcfcf;
}
.our_team {
    padding: 0px 0px 40px;  
    margin-bottom: 40px;
}
.our_team .container {
    padding-top: 40px;
    background: url('../images/elements/team_bg.png') no-repeat top right;
}
.our_team h3 {
    margin-bottom: 40px;
    text-align: center;
}
.our_team .all_team a {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.our_team .all_team a img {
    max-width: 100%;
    height: auto;
    border: 3px solid #fff;
}
.our_team .all_team a img:hover {
    border: 3px solid #303030;
}
.our_team .single_team {
    margin-bottom: 40px;
}
.our_team .single_team .single_team_cover {
    text-align: center;
    padding: 0px 4px;
}
.our_team .single_team .single_team_cover img {
    max-width: 100%;
    height: auto;
    border: 3px solid #fff;
}
.our_team .single_team .single_team_title {
    color: #000;
    font-style: italic;
    margin-bottom: 30px;
    font-weight: 600;
}
.our_team .single_team .single_team_title span {
    font-weight: 700;
    display: block;
    color: #000;
    font-style: normal;
    text-transform: uppercase;
}
.our_team .single_team .socials {
    float: none;
    text-align: left;
    margin-top: 40px;
    margin-bottom: 40px;
}
.our_team .single_team .socials li {
    margin: 0px 5px 0px 0px;
}
.our_team .single_team .socials li a {
    background: #777;
}
.our_team .single_team .socials li a:hover {
    background: #000;
}
/* ========================= OUR TEAM ========================= */




/* ========================= CLIENTS ========================= */
.clients {
    margin-bottom: 0px; /* ATTENTION */
}
.clients .clients_box {
    position: relative;
    margin-top: 60px;
}
.clients h3 {
    text-align: center;
}
.clients .r_p_a {
    margin: -50px 0px 0px 0px;
}
.clients .client_box {
    margin: 0px;
    font-size: 0px;
    padding: 0px;  
    text-align: center;
}
.clients .client_box li {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    margin: 0px 6px 10px;
}
.clients-box {
    overflow: hidden;
    padding-left: 35px;
    margin-bottom: 40px;
}
.clients .client_box,
.clients .client_box li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}
.clients .client_box li {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: rotateY(-360deg) scale(0);
    -moz-transform: rotateY(-360deg) scale(0);
    -o-transform: rotateY(-360deg) scale(0);
    -ms-transform: rotateX(-360deg) scale(0);
    transform: rotateY(-360deg) scale(0);
}


/* ========================= CLIENTS ========================= */



/* ========================= RECENT POSTS ========================= */
.recent_posts h3 {
    text-align: center;
    margin-bottom: 40px;
}
.recent_posts .recent_post .recent_post_cover {
    margin-bottom: 20px;
    text-align: center;
}
.recent_posts .recent_post .recent_post_cover img {
    max-width: 100%;
    height: auto;
}
.recent_posts .recent_post .recent_post_title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #303030;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.5em;
}
.recent_posts .recent_post .recent_post_title a {
    color: #303030;
}
.recent_posts .recent_post .recent_post_title a:hover {
    color: #22948f;
}
.recent_posts .recent_post p {
    text-align: center;
    margin: 0px;
}
/* ========================= RECENT POSTS ========================= */




/* ========================= SLIDER ========================= */
.slider {
    margin: 0px 0px 40px 0px;
    overflow:hidden;
    background:#fff;
    margin-left:auto;
    margin-right:auto;
}
.slider .carousel-control {
    z-index:2;
}
.slider .carousel {
    margin-bottom:0px !important;
}
.slider .carousel-control {
    position: absolute;
    top: 5px;
    width: 50px !important;
    height: 50px !important;
    margin-top: -25px;
    font-size: 60px !important;
    font-weight: normal !important;
    line-height: 40px !important;
    color: white;
    text-align: center;
    background: #222;
    border: 3px solid white;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.slider:hover .carousel-control {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.slider .carousel-control.left {
    left: 15px;
}
.slider .carousel-control.right {
    right: 15px;
}
.rs_mainslider {
    position: relative;
}
.rs_mainslider ul.rs_mainslider_items {
    position: relative;
    list-style: none;
    overflow: hidden;
}
.rs_mainslider ul.rs_mainslider_items li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    margin-bottom: -5px;
}
.rs_mainslider ul.rs_mainslider_items li.rs_mainslider_items_active {
    position: relative;
    z-index: 1;
}
.rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_image {
    opacity: 0;
    filter: alpha(opacity=0);
    max-width:none;
    width:100%;
    height:auto;
}
.rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_text {
    position: absolute;
    top: 130px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
/*.rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_text span,*/
.rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_text p {
    color: white;
    background: rgba(0,0,0,0.7);
    font-size: 30px;
    line-height: 1.7em;
    text-transform: uppercase;
    padding: 2px 14px 4px;
    margin: 0;
    display: inline;
}
.rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_text p:after{
    content: "\A";
    white-space: pre;
}
.rs_mainslider .rs_mainslider_left_container {
    position: absolute;
    left: 15px;
    z-index: 2;
}
.rs_mainslider .rs_mainslider_left_container .rs_mainslider_left {
    background: url(../images/elements/arrow_left.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}
.rs_mainslider .rs_mainslider_right_container {
    position: absolute;
    right: 15px;
    z-index: 2;
}
.rs_mainslider .rs_mainslider_right_container .rs_mainslider_right {
    background: url(../images/elements/arrow_right.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    cursor: pointer;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
}
.rs_mainslider .rs_mainslider_dots {
    border-radius: 5px;
    padding: 0px 2px;
}
.rs_mainslider .rs_mainslider_dots_container {
    position: absolute;
    bottom: 30px;
    left: 0;
    z-index: 2;
}
.rs_mainslider .rs_mainslider_dots_container ul.rs_mainslider_dots {
    list-style: none;
}
.rs_mainslider .rs_mainslider_dots_container ul.rs_mainslider_dots li {
    float: left;
    width: 7px;
    height: 7px;
    background: #fff;
    border: 5px solid #d1d1d1;
    margin: 3px;
    cursor: pointer;
}
.rs_mainslider .rs_mainslider_dots_container ul.rs_mainslider_dots li.rs_mainslider_dots_active {
    background: #303030;
    border: 5px solid #fff;
}
.rs_center_vertical_container {
    top: 50%;
}
.rs_center_vertical_container .rs_center_vertical {
    margin-top: -50%;
}
.rs_center_horizontal_container {
    margin-left: 50%;
}
.rs_center_horizontal_container .rs_center_horizontal {
    margin-left: -50%;
    float: left;
}
@-moz-document url-prefix() {
    .rs_mainslider ul.rs_mainslider_items li .rs_mainslider_items_text span {
    line-height: 43px;
}
}
/* ========================= SLIDER ========================= */




/* ========================= SERVICES ========================= */
.services h3 {
    text-align: center;
    margin-bottom: 30px;
}
.boxed_fluid.black_version .services_provided h3.black,
.services_provided .black {
    color: #000;
    font-weight: 400;
    font-size: 30px;
    text-transform: none;
    margin-bottom: 20px;
}
.services_provided span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Aleo-Bold, 'Enriqueta', serif;
    text-align: center;
    margin-bottom: 50px;
}
.services_provided .service_one {
    margin-bottom: 30px;
}
.services_provided .service_one .service_one_cover {
    border-radius: 300px;
    background: #fff;
    float: left;
    position: relative;
    height: 140px;
    width: 140px;
    text-align: center;
}
.services_provided .service_one .service_one_cover img {
    margin-top: 53px;
    height: 32px;
}
.services_provided .service_one span {
    display: block;
    padding-left: 160px;
    color: #fff;
    text-align: left;
    text-transform: none;
    font-size: 30px;    
    font-family: Aleo-Bold, 'Enriqueta', serif;
    margin-bottom: 20px;
}
.services_provided .service_one p {
    margin: 0px;
    padding-left: 160px;
    color: #fff;
}
.service {
    background: #fff;
    border-bottom: 2px solid #d0d0d0;
    margin: 0px 0px 40px 0px;
    padding: 15px 0px 25px;
    position: relative;
}
.service:hover .service_activ {
    background: #000;
}
.service .service_activ {
    display: block;
    position: absolute;
    width: 30px;
    right: 0;
    margin: -15px 0px 0px 0px;
    padding: 0px;
    height: 22px;
    background: #22948f;
}
.service .service_icon {
    text-align: center;
    margin-bottom: 5px;
}
.service .service_icon img {
    max-width: 100%;
}
.service span {
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #303030;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}
.service p {
    color: #303030;
    padding: 0px 20px;
    text-align: center;
}
.related_services {
    margin-bottom: 30px;
}
.related_services img {
    margin: 0px auto 15px;
}
.related_services h3 {
    margin-bottom: 15px;
}
.related_services h3 a {
    color: #303030;
}
.related_services h3 a:hover {
    color: #22948f;
}
.related_services .span5 {
    margin-right: 15px;
}
.services_provided {
    margin-bottom: 40px;
    padding: 40px 0px;
    background: url('../images/elements/services_bg.png') repeat;
}
.services_provided h3 {
    text-align: center;
    margin-bottom: 40px;
    color: #fff;
}
/* ========================= SERVICES ========================= */





/* ========================= FOOTER ========================= */
.footer {
    background: #060606 url('../images/elements/header_bg.png') repeat-x;
    padding: 45px 0px;
}
.footer .widget-title {
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0px 1px 0px #000;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    display: block;
    color: #fff;
}
.footer_bottom {
    padding: 20px 0px;
    background: #fff;
    font-size: 10px;
    color: #6a6a6a;
    text-transform: uppercase;
    font-weight: 700;
}
.footer_bottom p {
    padding: 5px 0px 0px 0px;
    margin: 0px;
}
.footer_bottom p span {
    padding: 0px 0px 0px 20px;
}
.footer_bottom a {
    color: #6a6a6a;
    text-decoration: underline;
}
.footer_bottom a:hover {
    color: #000;
    text-decoration: none;
}
/* ========================= FOOTER ========================= */


/* ========================= CALENDAR ========================= */
.calendar {
    background: #fff;
    margin-bottom: 30px;
}
.calendar .calendar_cover {
    text-align: center;
}
.calendar .calendar_cover img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.calendar .calendar_header  {
    background: #fff;
    padding: 40px 80px;
    position: relative;
    overflow: hidden;
}
.calendar .calendar_header h2,
.calendar .calendar_header h3 {
    text-align: right;

}
.calendar .calendar_header h3 {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    margin: 0px;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
.calendar .calendar_header h2 {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    margin: 0px;
}
.calendar .calendar_header nav {
    float: left;
    position: relative;
}
.calendar .calendar_header nav span {
    position: absolute;
    top: 40px;
    background: #e8e8e8;
    border: 1px solid #ccc;
    width: 26px;
    height: 26px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 20px;
    line-height: 26px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.calendar .calendar_header nav span:first-child {
    left: 5px;
}
.calendar .calendar_header nav span:last-child {
    right: -70px;
}
.calendar .calendar_header nav span:before {
    font-family: 'fontawesome-selected';
    color: #ef4f69;
    position: absolute;
    text-align: center;
    width: 100%;
}
.calendar .calendar_header nav span.custom-prev:before {
    content: '\25c2';
}
.calendar .calendar_header nav span.custom-next:before {
    content: '\25b8';
}
.calendar .calendar_header nav span:hover:before {
    color: #495468;
}

.fc-calendar {
    width: 100%;
    height: 100%;
}
.fc-calendar .fc-head {
    height: 30px;
    line-height: 30px;
    background: #ccc;
    color: #fff;
}
.fc-calendar .fc-body {
    position: relative;
    width: 100%;
    height: 100%;
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    padding-bottom: 5px;
}

.fc-calendar .fc-row {
    width: 100%;
}

.fc-four-rows .fc-row  {
    height: 25%;
}

.fc-five-rows .fc-row  {
    height: 20%;
}

.fc-six-rows .fc-row {
    height: 16.66%;
    height: -moz-calc(100%/6);
    height: -webkit-calc(100%/6);
    height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
    float: left;
    height: 100%;
    width:  14.28%; /* 100% / 7 */
    width: -moz-calc(100%/7);
    width: -webkit-calc(100%/7);
    width: calc(100%/7);
    position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
    width:  14.2%;
}

.fc-calendar .fc-row > div {

    overflow: hidden;
    position: relative;
}

.fc-calendar .fc-head > div {
    text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #ddd;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
    bottom: 5px;
    right: 5px;
    text-align: right;
}

.fc-calendar .fc-row > div > span.fc-weekday {
    padding-left: 5px;
    display: none;
}

.fc-calendar .fc-row > div.fc-today {
    background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
    opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
    border-right: none;
}

.fc-calendar .fc-row:last-child {
    border-bottom: none;
}
/* Custom calendar elements */




.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #22948f;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    cursor: pointer;
    line-height: 13px;
    padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
    content: 'x';
    font-size: 18px;
    color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
    font-size: 22px;
    padding: 10px 30px;
    display: block;
}

.custom-content-reveal h4 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 3px;
    color: #777;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    border-top: 5px solid #22948f;
    box-shadow: 0 1px rgba(255,255,255,0.9);
    margin-bottom: 30px;
}

.custom-content-reveal span {
    color: #888;
}

.custom-content-reveal a {
    color: #22948f;
}

.custom-content-reveal a:hover {
    color: #333;
}

/* Modifications */
.fc-content div {
    display: none;
}
.fc-calendar-container {
    height: 400px;
    width: auto;
    padding: 30px 0px;
    background: #fff;
    box-shadow: inset 0 1px rgba(255,255,255,0.8);
}

.fc-calendar .fc-head {
    background: transparent;
    color: #303030;
    font-weight: bold;
    font-family: Aleo-Bold, 'Enriqueta', serif;
    text-transform: uppercase;
    font-size: 21px;
}

.fc-calendar .fc-row > div {
    background: #fff;
    cursor: pointer;
}
.fc-calendar .fc-row > div:hover {
    background: #f1f1f1;
}
.fc-calendar .fc-row > div:empty {
    background: transparent;
}

.fc-calendar .fc-row > div > span.fc-date {
    top: 50%;
    left: 50%;
    text-align: center;
    margin: -10px 0 0 -15px;
    color: #303030;
    font-weight: 400;
    pointer-events: none;
    font-family: Aleo-Bold, 'Enriqueta', serif;
}

.fc-calendar .fc-row > div.fc-today {
    background: #fcdcdc;
    box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-today > span.fc-date {
    color: #f25252;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-content:after {
    content: '\00B7';
    text-align: center;
    width: 20px;
    margin-left: -10px;
    position: absolute;
    color: #DDD;
    font-size: 70px;
    line-height: 20px;
    left: 50%;
    bottom: 3px;
}

.fc-calendar .fc-row > div.fc-today.fc-content:after {
    color: #b02c42;
}

.fc-calendar .fc-row > div.fc-content:hover:after{
    color: #22948f;
}

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{
    color: #fff;
}

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
    display: none;
    font-size: 22px;
}

@media screen and (max-width: 400px) {
    .fc-calendar-container {
        height: 300px;
    }
    .fc-calendar .fc-row > div > span.fc-date {
        font-size: 15px;
    }
}
/* ========================= CALENDAR ========================= */




/* ========================= RESPONSIVE ========================= */

/* Large desktop */
@media (max-width: 767px) {
    .responsive-menu {
        display: block;
        padding: 10px 0;
        cursor: pointer;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        color: white;
        text-align: center;
    }
    .error_404 .search {
        width: 100% !important;
        margin: 0px auto;
    }
}

@media (min-width: 992px) {
    .responsive-menu {
        display: none;
    }
    .menu>ul {
        display: block !important;
    }
}
@media (max-width: 979px) {
     .boxed .boxed_fluid { width: 100%; }
}



/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .header .menu ul li.current_page_item a,
    .header .menu ul li a:hover,
    .header .menu ul li:hover a {
        padding: 18px 30px 28px;
    }
    .header .menu ul li a {
        padding: 18px 30px 33px;
    }
    .skills .skill_cover {
        margin-bottom: 60px;
    }
    .rs_mainslider_items_text {
        display: none;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .rs_mainslider_items_text {
        display: none;
    }
    body {
        padding-left: 0px;
        padding-right: 0px;
    }
    body .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo {
        text-align: center;
    }
    .tabs .tab-content .tab_image {
        margin-bottom: 10px;
    }
    .skills .skill_cover {
        margin-bottom: 60px;
    }
    .recent_post {
        margin-bottom: 40px;
    }
    .footer_bottom {
        text-align: center;
    }
    .footer_bottom .socials {
        text-align: center;
        margin-top: 10px;
    }
    .our_team .single_team .single_team_cover {
        margin-bottom: 20px;
    }
    .clients .client_box {
        position: relative;
    }
    .clients .client_box li {
        position: absolute;
        top: 0;
    }
    .header .menu ul {
        float: none;
        width: 100%;
    }
    .menu ul{
        display: none;
    }
    .header .menu ul li {
        float: none;
        margin: 0px;
        padding: 0px;
        display: block;
    }
    .header .menu ul li a:hover,
    .header .menu ul li.current_page_item a,
    .header .menu ul li a,
    .header .menu ul li:hover a {
        text-align: center;
        padding: 10px 0px;
    }
    .header .menu ul li .children li:hover .children,
    .header .menu ul li .sub-menu li:hover .sub-menu {
        position: relative;
        float: none;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .rs_mainslider_items_text {
        display: none;
    }
    .header .menu ul {
        float: none;
        display: none;
        width: 100%;
    }
    .header .menu ul li {
        float: none;
        margin: 0px;
        padding: 0px;
        display: block;
    }
    .header .menu ul li a:hover,
    .header .menu ul li.current_page_item a,
    .header .menu ul li a,
    .header .menu ul li:hover a {
        text-align: center;
        padding: 10px 0px;
    }
    
    .header .menu ul li .children li:hover .children,
    .header .menu ul li .sub-menu li:hover .sub-menu {
        position: relative;
        float: none;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0px;
    }
    .our_team .single_team .single_team_cover {
        margin-bottom: 20px;
    }
    .logo {
        text-align: center;
    }
    .tabs .tab-content .tab_image {
        margin-bottom: 10px;
    }
    .skills .skill_cover {
        margin-bottom: 60px;
    }
    .recent_post {
        margin-bottom: 40px;
    }
    .footer_bottom {
        text-align: center;
    }
    .footer_bottom .socials {
        text-align: center;
        margin-top: 10px;
    }
}


/* ========================= RESPONSIVE ========================= */

/* AS STYLING [START] */

.arrows_wrapper{
    position: absolute;
    right: 0;
}

.r_p_a{
    position: relative;
    z-index: 2;
}
.testimonials{
    position: relative;
}
.testimonials .testimonial-item{
    position: absolute;
    top: 0;
    opacity: 0;
    height: 0;
    width: 0;
    float: left;
    visibility: hidden;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.testimonials .testimonial-item.active{
    position: relative;
    opacity: 1;
    z-index: 1;
    visibility: visible;
    height: auto;
    width: auto;
}

/* GALLERY SWIPEBOX */
html.swipebox {
    overflow: hidden!important;
}

#swipebox-overlay img {
    border: none!important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
}

#swipebox-slider .slide {
    background: url("../images/swipebox/loader.gif") no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
    background:none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding:5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


#swipebox-slider .slide .swipebox-video-container .swipebox-video{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{
    width: 100%!important; 
    height: 100%!important;
    position: absolute;
    top: 0; left: 0;
}

#swipebox-action, #swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
}

#swipebox-action {
    bottom: -50px;
}
#swipebox-action.visible-bars {
    bottom: 0;
}

#swipebox-action.force-visible-bars {
    bottom: 0!important;
}

#swipebox-caption {
    top: -50px;
    text-align: center;
}
#swipebox-caption.visible-bars {
    top: 0;
}

#swipebox-caption.force-visible-bars {
    top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
    background-image: url("../images/swipebox/icons.png");
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
}

#swipebox-action #swipebox-close {
    background-position: 15px 12px;
    left: 40px;
}

#swipebox-action #swipebox-prev {
    background-position: -32px 13px;
    right: 100px;
}

#swipebox-action #swipebox-next {
    background-position: -78px 13px;
    right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

#swipebox-slider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
    0% {
    margin-left: 0px;
}

50% {
    margin-left: -30px;
}

100% {
    margin-left: 0px;
}
}

@-moz-keyframes leftSpring {
    0% {
    margin-left: 0px;
}

50% {
    margin-left: 30px;
}

100% {
    margin-left: 0px;
}
}

@-webkit-keyframes rightSpring {
    0% {
    margin-left: 0px;
}

50% {
    margin-left: -30px;
}

100% {
    margin-left: 0px;
}
}

@-webkit-keyframes leftSpring {
    0% {
    margin-left: 0px;
}

50% {
    margin-left: 30px;
}

100% {
    margin-left: 0px;
}
}

@media screen and (max-width: 800px) {
    #swipebox-action #swipebox-close {
        left: 0;
    }

    #swipebox-action #swipebox-prev {
        right: 60px;
    }

    #swipebox-action #swipebox-next {
        right: 0;
    }
}


/* Skin 
--------------------------*/
#swipebox-overlay {
    background: #0d0d0d;
}

#swipebox-action, #swipebox-caption {
    text-shadow: 1px 1px 1px black;
    background-color: #0d0d0d;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(#0d0d0d, #000000);
    background-image: -moz-linear-gradient(#0d0d0d, #000000);
    background-image: -o-linear-gradient(#0d0d0d, #000000);
    background-image: linear-gradient(#0d0d0d, #000000);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 0.95;
}

#swipebox-action {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#swipebox-caption {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: white!important;
    font-size: 15px;
    line-height: 43px;
    font-family: Helvetica, Arial, sans-serif;
}

/* AS STYLING [END] */

/* color/layout changer */
body.animated_change *{
    -webkit-transition: background-color 1s, color 1s, width 1s, height 1s;
    -moz-transition: background-color 1s, color 1s, width 1s, height 1s;
    -ms-transition: background-color 1s, color 1s, width 1s, height 1s;
    -o-transition: background-color 1s, color 1s, width 1s, height 1s;
    transition: background-color 1s, color 1s, width 1s, height 1s;
}
.color_scheme{
    left: -197px;
    -webkit-transition: left 0.4s;
    -moz-transition: left 0.4s;
    -ms-transition: left 0.4s;
    -o-transition: left 0.4s;
    transition: left 0.4s;
}

/* portfolio filters */
.portfolio>.filter+.row.animated_height,
.events>.filter+.row.animated_height{
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}
.portfolio>.filter+.row>.span4,
.events>.filter+.row>.span4{
    z-index: 0;
}
.portfolio>.filter+.row>.span4.active,
.events>.filter+.row>.span4.active{
    z-index: 1;
}

/* portfolio hover */
.portfolio .portfolio_item .item_hover{
    padding-top: 0;
    height: auto;
    margin: auto;
}
.portfolio .portfolio_item .item_hover .item_hover_wrapper>a,
.portfolio .portfolio_item .item_hover>a{
    display: inline-block;
}
.portfolio .portfolio_item .item_hover.item_hover_full{
    height: 100%;
}
.portfolio .portfolio_item .item_hover .item_hover_wrapper{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* our team */
.all_team>.row>.span2>.row,
.all_team>.row-fluid>.span2>.row-fluid{
    display: none;
}

/* ===== COLOR CHANGE ===== */
.color_scheme select:focus {
    border: 1px solid #22948f;
}
.input_button,
.skills .skill_cover .skill,
.share_it .socials_2 li a:hover,
.pricing_table_2 .pt_button,
.custom-content-reveal span.custom-content-close,
.service .service_activ,
.our_team_bg,
.button_color {
    background: #22948f;
}
.boxed_fluid.black_version .blog_article .entry-header a:hover,
.boxed_fluid.black_version .contect_bg .accordion_v2 .accordion-heading.active span,
.widget ul li a:hover,
a:hover,
.blog_article .entry-header a:hover,
.twitter_widget li a,
.blog_article .entry-footer ul li a:hover,
.contact_widget_2 li a:hover,
.contact_widget li a:hover,
.accordion-heading.active span,
.error_404 .error_text span span,
.header .menu ul li .children li .children li a:hover,
.header .menu ul li .sub-menu li .sub-menu li a:hover,
.header .menu ul li .children li:hover a,
.header .menu ul li .sub-menu li:hover a,
.event .event_title a:hover,
.fc-calendar .fc-row > div.fc-content:hover:after,
.custom-content-reveal a,
.related_services h3 a:hover,
.recent_posts .recent_post .recent_post_title a:hover,
.header .menu ul li .children li a:hover,
.header .menu ul li .sub-menu li a:hover,
.portfolio .portfolio_item .item_hover .item_tags li a,
.tabs .tab-content .tab_title a:hover {
    color: #22948f;
}
.header .menu ul li.current_page_item a,
.header .menu ul li a:hover,
.header .menu ul li:hover a {
    border-bottom: 5px solid #22948f;
}
.tabs .tab_nav li.active a,
.custom-content-reveal h4,
.header .menu ul li .children li:hover .children,
.header .menu ul li .sub-menu li:hover .sub-menu {
    border-top: 5px solid #22948f;
}
.page-numbers li a.active,
.page-numbers li a:hover,
.filter li a.active,
.filter li a:hover {
    color: #22948f;
    border-bottom: 1px solid #22948f;
}
.blog_ws .blog_article .button_white:hover {
    background: #22948f;
    border: 3px solid #22948f;
}
/* ===== COLOR CHANGE ===== */


/* ================== Comments paged ================== */
.comment-navigation {
    margin: 42px 0 21px;
}
.comment-navigation ul{
    overflow: hidden;
}

.comment-navigation ul li {
    float: left;
    width: 50%;
    min-height: 1px;
}

.comment-navigation ul li a {
    background: #ffffff;
    display: block;
    padding: 21px;
    border-bottom: 2px solid #d0d0d0;
    text-align: center;
}

.comment-navigation ul li a:hover {
    background: rgba(255,255,255, 0.8);
}

.comment-navigation ul li.nav-next a {
    border-left: 1px solid #eeeeee
}

/* Comment intro */
.comment-form p.comment-notes {
    color: #303030;
    margin-bottom: 21px;
}

/* Monster Widget */

.footer .widget > ul, .footer .widget select {
    background: #222222;
    color: #666666;
    border-bottom: 2px solid #000000;
}

.footer .widget > ul ul {
    background: none;
}

.footer .widget ul li {
    border-bottom: 1px solid #333333;
    color: #22948F;
}

.footer .widget ul li a {
    color: #999999;
}

.footer .widget p {
    color: #666666;
}

.footer .widget .tagcloud a {
    background: #1f1f1f;
    color: #000000;
    border-bottom-color: #000000;
}

.footer .widget .tagcloud a:hover {
    background: #4a4a4a;
}

.footer .widget #wp-calendar {
    background: #222222;
    border-color: #000000;
}

.footer .widget #wp-calendar caption {
    border: none;
}

.footer .widget #wp-calendar tbody tr td {
    border-color: #000000;
    color: #666666;
}

.footer .widget #wp-calendar thead tr th {
    background: #000000;
    color: #666666;
}
.footer .widget #wp-calendar thead tr {
    border: none;
}

.widget select {
    width: 100%;
    padding: 7px;
    border-bottom: 2px solid #d0d0d0;
}

#wp-calendar {
    width: 100%;
    background: #ffffff;
    border-bottom: 2px solid #d0d0d0;
    position: relative;
}
#wp-calendar caption {
    text-align: center;
    padding: 7px;
    background: #1e1e1e;
    border: 1px solid #e8e8e8;
    color: #ffffff;
}

#wp-calendar thead tr {
    border-left: 1px solid #e8e8e8;
}

#wp-calendar thead tr th {
    padding: 5px;
    background: #f6f6f6;
    text-align: center;
}

#wp-calendar tbody tr td {
    padding: 5px;
    text-align: center;
    border: 1px solid #e8e8e8;
}

#wp-calendar tfoot {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#wp-calendar tfoot td {
    position: absolute;
    top: 7px;  
}

#wp-calendar tfoot td a {
    color: #5e5e5e;
}

#wp-calendar tfoot td a:hover {
    color: #22948f;
}

#wp-calendar tfoot #prev {
    left: 7px;
}

#wp-calendar tfoot #next {
    right: 7px;
}

.widget_pages ul ul {
    border: none;
    margin-bottom: 0;
}

.widget_pages ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.main-sidebar .twitter_widget li {
    color: #3e3e3e;
    position: relative;
    background: none;
}

.black_version .main-sidebar .twitter_widget li {
    color: #eeeeee;
}

.black_version .main-sidebar .widget > ul {
    background: rgba(255,255,255, 0.4);
}
.main-sidebar .twitter_widget li:before {
    content: '';
    width: 50px;
    height: 50px;
    display: block;
    background: #999999 url('../images/elements/twitter_bird.png') no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1), inset 100px 180px 0 -180px rgba(255,255,255, 0.1);
    box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1), inset 100px 180px 0 -180px rgba(255,255,255, 0.1);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.main-sidebar .newsletter_widget input {
    border-color: rgba(0,0,0,0.2);
}

.main-sidebar .contact_widget {
    background: #ffffff;
    margin-bottom: 21px;
    padding: 10.5px;
    position: relative;
    border-bottom: 2px solid #d0d0d0;
}

.main-sidebar .contact_widget:before {
    content: '';
    display: block;
    width: 35px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #1E1E1E;
}

.main-sidebar .contact_widget li {
    color: #333333;
    position: relative;
}

.main-sidebar .contact_widget li a {
    color: #0088CC;
}

.main-sidebar .flickr_widget  {
    background: #ffffff;
}

.main-sidebar .flickr_widget li {
    background: #ffffff;
    width: 33.3333333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}

.main-sidebar .flickr_widget li a {
    border: none;
}

.main-sidebar .flickr_widget {
    margin-bottom: 21px;
}

.home_page_slider .rev_slider_wrapper{
    margin-bottom: 40px !important;
}
.menu{
    z-index: 9999;
    position: relative;
}



/* fixes */
.portfolio .span12 .portfolio_item .item_hover.item_hover_full, .gallery .span12 .gallery_item .item_hover{
    z-index: 1;
}
.portfolio .span12 .portfolio_item .item_image, .gallery .span12 .gallery_item .item_image{
    height: 169px;
    position: relative;
    z-index: 0;
}
.portfolio .span12 .portfolio_item .item_image img, .gallery .span12 .gallery_item .item_image img{
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.span8 .portfolio .span12, .span8 .gallery .span12 {
    margin-left: 0px !important
}



/* project slider extension */
.rs_mainslider .rs_mainslider_left_container,
.rs_mainslider .rs_mainslider_right_container,
.rs_mainslider .rs_mainslider_dots_container{
    display: none;
}
.rs_mainslider.rs_mainslider_visible .rs_mainslider_left_container,
.rs_mainslider.rs_mainslider_visible .rs_mainslider_right_container,
.rs_mainslider.rs_mainslider_visible .rs_mainslider_dots_container{
    display: block;
}

.boxed_fluid.black_version .span8 .filter li a {
    color: #464646;
}



/* recent posts - list mode */
.electra_recent_posts_list a{
    color: inherit;
    text-transform: uppercase;
}
.electra_recent_posts_list .row-fluid{
    margin-bottom: 20px;
}
.electra_recent_posts_list{
    padding-top: 0;
    padding-bottom: 0;
}