/*
Theme Name: Shard
Version: 2.0.2
Author: ab-themes
Author URI: http://www.ab-themes.com
Description: Fully Responsive Multipurpose WordPress Theme
Theme URI: http://themeforest.net/user/ab-themes/portfolio?ref=ab-themes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, gray, green, orange, pink, purple, red, white, yellow, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, custom-colors, custom-menu, full-width-template, theme-options, translation-ready


[Table of contents]

1. CSS RESET
2. Global styles
	2.1. Inner columns
	2.2. Clearfix
3. Header
	3.1. Main menu
	3.2. Header Style 2
	3.3. Header Style 1 & 2 Inverted
	3.4. Header Style 3
	3.5. Mega Menu
	3.6. Title/Breadcrumbs Bar
4. Slider place
5. Blog
	5.1. Blog Timeline
	5.2. Blog Posts
	5.3. Post Comments
	5.4. Post Pagination
6. Videos
7. Contact Form 7
8. Widgets
	8.1. Search
	8.2. Categories
	8.3. Tag Cloud
	8.4. Flickr stream
	8.5. Contact Info Widget
9. Pages
	9.1. Portfolio
	9.2. Contact Page - Contact Info
	9.3. About us page
	9.4. 404 page
10. Other
	10.1. AB testimonials
11. Footer
/*-----------------------------------------------------------------*/
/* 1. CSS RESET
/*-----------------------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,a{
    font: inherit;
    font-size: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display: block;
}

html{
    min-height: 100%;
    margin: 0;
    padding: 0;
}

img{
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: none;
}

input[type='text'],
input[type='password'],
input[type='email'],
textarea,
select{
    font: inherit;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

/*-----------------------------------------------------------------*/
/* 2. Global styles
/*-----------------------------------------------------------------*/
body{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    color: #555;
}

.preloader{
    visibility: hidden;
}

.boxed_body_wrapper{
    width: 1290px;
    margin: 0 auto;
    background: #fff;
}

#jpreOverlay{
    background-color: #000;
}

#jpreSlide{
    display: none;
}

#jpreLoader{
    width: 50%;
    height: 25px;
}

#jpreBar{
    border-top: 1px solid #aaa;
}

#jprePercentage{
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
    font-size: 40px;
    text-align: center;
    color: #aaa;
}

::selection{
    color: #fff;
    background: #ff3b30;
}

a{
    -webkit-transition: all 180ms ease-in;
       -moz-transition: all 180ms ease-in;
    	-ms-transition: all 180ms ease-in;
    	 -o-transition: all 180ms ease-in;
            transition: all 180ms ease-in;
    text-decoration: none;
    color: #ff3b30;
}

a:hover{
    color: #555;
}

p{
    font-weight: 300;
    margin-bottom: 24px;
}

hr{
    display: block;
    height: 1px;
    margin-bottom: 11px;
    padding: 0;
    border: 0;
    border-color: #e1e9e9;
    background-color: #e1e9e9;
}

section{
    padding: 75px 0 40px 0;
}

ul,
ol{
    margin-left: 20px;
}

h1,
h6{
	font-family: Lato, sans-serif;
    font-weight: 300;
    margin-bottom: 11px;
    color: #202024;
}

h2,
h3,
h4{
	font-family: Lato, sans-serif;
    font-weight: 700;
    margin-bottom: 31px;
    color: #202024;
}

h1{
    font-size: 35px;
    line-height: 42px;
}

h2{
    font-size: 30px;
    line-height: 36px;
}

h3{
    font-size: 24px;
    line-height: 29px;
}

h4{
    font-size: 20px;
    line-height: 24px;
}

h5{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #c0c0c0;
}

h6{
    font-size: 14px;
    line-height: 16px;
}

pre{
    white-space:      pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space:   -o-pre-wrap;
    word-wrap: break-word;
}

#page_subtitle{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}

.dnd_section_dd.typo_shortcodes h2,
.tcvpb_section_tc.typo_shortcodes h2,
h4{
    margin-bottom: 14px;
}

.dnd_section_dd.typo_shortcodes h4,
.tcvpb_section_tc.typo_shortcodes h4{
    margin-top: -14px;
}

.dnd_section_dd.typo_shortcodes i,
.tcvpb_section_tc.typo_shortcodes i{
    color: #ff3b30;
}

.dnd_section_dd.section_after_slider h2,
.tcvpb_section_tc.section_after_slider h2{
    margin-bottom: 17px;
}

.dnd_section_dd.section_why_choose_shard h2,
.tcvpb_section_tc.section_why_choose_shard h2{
    margin-bottom: 63px;
}

.dnd_section_dd.section_why_choose_shard h4,
.tcvpb_section_tc.section_why_choose_shard h4{
    margin-bottom: 48px;
}

.tcvpb_section_tc.typo_shortcodes h2,
h4{
    margin-bottom: 14px;
}

.tcvpb_section_tc.typo_shortcodes h4{
    margin-top: -14px;
}

.tcvpb_section_tc.typo_shortcodes i{
    color: #ff3b30;
}

.tcvpb_section_tc.section_after_slider h2{
    margin-bottom: 17px;
}

.tcvpb_section_tc.section_why_choose_shard h2{
    margin-bottom: 63px;
}

.tcvpb_section_tc.section_why_choose_shard h4{
    margin-bottom: 48px;
}

.project_planner_alternative h2{
    margin: 43px 6px 13px 0;
}

.process_section .tcvpb_container > div{
    position: relative;
}

.process_section .tcvpb_container > div:after{
    font-family: 'icomoon';
    font-size: 11px;
    position: absolute;
    top: 50px;
    right: -20px;
    display: block;
    content: '\69';
}

.process_section .tcvpb_container > div:last-child:after{
    display: none;
}

.tcvpb_section_tc.alternative_section_without_border{
    border-bottom: none;
}

.tcvpb_section_tc.alternative_section_with_buttons_first{
    padding-top: 6px;
    padding-bottom: 40px;
}

.tcvpb_section_tc.section_after_slider{
    padding-top: 81px;
    padding-bottom: 34px;
}

.tcvpb_section_tc.section_after_slider a{
    margin-top: 11px;
    margin-bottom: 0;
}

#related_portfolio{
    padding-bottom: 75px;
}

#related_portfolio h3{
    text-align: center;
}

.project_planner_alternative p{
    margin-right: 6px;
    margin-bottom: 17px;
}

.tcvpb_section_tc.stats_expert_alternative.section_with_header h3,
.dnd_section_dd.stats_expert_alternative.section_with_header h3{
    color: #fff;
}

.tcvpb_section_tc.stats_expert_alternative.section_with_header h3{
    color: #fff;
}

.section_gray_body .dnd_section_content{
    padding: 55px 0;
    background: #f4f4f4;
}

.section_gray_body .tcvpb_section_content{
    padding: 55px 0;
    background: #f4f4f4;
}

.section_body_fullwidth .dnd_section_content .dnd_container,
.section_body_fullwidth .tcvpb_section_content .tcvpb_container{
    width: 100%;
}

.section_body_fullwidth .tcvpb_section_content .tcvpb_container{
    width: 100%;
}

.dnd_section_dd.startup_image_section p,
.tcvpb_section_tc.startup_image_section p{
    line-height: 19px;
    margin-bottom: 17px;
}

.tcvpb_section_tc.startup_image_section p{
    line-height: 19px;
    margin-bottom: 17px;
}

.tcvpb_section_tc.stats_expert_alternative.section_with_header h3{
    color: #fff;
}

.section_gray_body .tcvpb_section_content{
    padding: 55px 0;
    background: #f4f4f4;
}

.section_body_fullwidth .tcvpb_section_content .tcvpb_container{
    width: 100%;
}

.tcvpb_section_tc.startup_image_section p{
    line-height: 19px;
    margin-bottom: 17px;
}

.small_text{
    font-size: 14px;
    font-weight: 300;
    margin-top: -6px;
    margin-bottom: 0;
}

input,
select,
textarea{
	font-family: Lato, sans-serif;
    font-size: 14px;
    line-height: 26px;
    /*color: #c0c0c0;*/
    color:#000;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    outline: none;
    background: #fafcfc;
}

input,
select{
    margin-bottom: 12px;
    padding: 9px 0 9px 20px;
}

textarea{
    margin-bottom: 36px;
    padding: 8px 0 8px 20px;
}

button,
input[type='submit']{
	font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 20px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ff3b30;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    outline: none;
    background: #ff3b30;
}

button:hover,
input[type='submit']:hover{
    border-color: #555;
    background: #555;
}

.placeholder{
    font-style: italic;
    color: #c0c0c0;
}

::-webkit-input-placeholder{
    color: #c0c0c0;
}

:-moz-placeholder{
    opacity: 1;
    color: #c0c0c0;
}

::-moz-placeholder{
    opacity: 1;
    color: #c0c0c0;
}

:-ms-input-placeholder{
    color: #c0c0c0;
}

strong,
.strong{
    font-weight: bold;
}

.underlined{
    display: inline-block;
    background: url('images/underlined_bg.png') bottom repeat-x;
}

.italic{
    font-style: italic;
}

.highlighted,
.search-highlight{
    display: inline-block;
    padding: 0 3px;
    background: #f1eb3c;
}

.color_highlight{
    color: #ff3b30;
}

.bold{
    font-weight: 700;
}

.dnd_dropcap,
.tcvpb_dropcap{
    position: relative;
    top: 0;
}

.tcvpb_dropcap{
    position: relative;
    top: 0;
}

.section_color_background{
    margin-bottom: 0;
    background: #ff3b30;
}

.leading_line{
    margin-bottom: 80px !important;
}

.leading_line:after{
    position: relative;
    bottom: -40px;
    display: block;
    width: 70px;
    height: 5px;
    content: '';
    background: #ff3b30;
}

.center_aligned.leading_line:after{
    left: 50%;
    margin-left: -35px;
}

.right_aligned.leading_line:after{
    left: 100%;
    margin-left: -70px;
}

.last_child{
    margin-right: 0 !important;
}

.content_with_left_sidebar{
    float: right !important;
}

.span12.content_with_right_sidebar{
    padding-right: 0;
}

.alignleft,
.left_aligned{
    text-align: left;
}

.alignright,
.right_aligned{
    text-align: right;
}

.center_aligned,
.aligncenter{
    text-align: center;
}

.no_padding_bottom{
    padding-bottom: 0;
}

.no_padding_top{
    padding-top: 0;
}

.padding_reduced_both{
    padding: 40px 0;
}

.wp-caption.aligncenter{
    width: 100% !important;
}

.margin_bottom{
    margin-bottom: 40px;
}

sub{
    font-size: smaller;
    vertical-align: sub;
}

sup{
    font-size: smaller;
    vertical-align: super;
}

table{
    line-height: 2;
    width: 100%;
    margin: 0 0 40px;
}

th{
    font-weight: 700;
}

.pattern_overlayed{
    position: relative;
    color: #fff !important;
}

.pattern_overlayed:before{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: #002037;
    background: rgba(0,32,55,0.9);
}

.pattern_overlayed .dnd_container,
.pattern_overlayed .tcvpb_container{
    position: relative;
    z-index: 1;
}

.pattern_overlayed_dotted,
.pattern_overlayed_dotted_2,
.pattern_overlayed_lined{
    position: relative;
    color: #fff !important;
}

.pattern_overlayed_dotted:before,
.pattern_overlayed_dotted_2:before,
.pattern_overlayed_lined:before,
.pattern_overlayed_lined_h:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.pattern_overlayed .tcvpb_container,
.pattern_overlayed_dotted .tcvpb_container,
.pattern_overlayed_dotted_2 .tcvpb_container,
.pattern_overlayed_lined .tcvpb_container{
    position: relative;
    z-index: 1;
}

.pattern_overlayed_dotted:before{
    background: rgba(0,0,0,0.65);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII=');
}

.pattern_overlayed_dotted_2:before{
    opacity: 0.15;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpiZGBg+A8EjECagQnK+A/mMEAAWAYgwADf9ggBN+tpvAAAAABJRU5ErkJggg==');
}

.pattern_overlayed_lined:before{
    background: rgba(0,0,0,0.30);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII=');
}

.pattern_overlayed_lined_h:before{
    background: rgba(0,0,0,0.30);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAYSURBVHjaYmZgYPjPzMDAoAcAAAD//wMABl8BNN6Jh64AAAAASUVORK5CYII=');
}

/*-------- 2.1. Inner columns --------*/
.container,
.dnd_container,
.tcvpb_container{
    width: 1170px;
    margin: 0 auto;
}

.content .dnd_container,
.content_with_right_sidebar .dnd_container,
.content_with_left_sidebar .dnd_container,
.content .tcvpb_container,
.content_with_right_sidebar .tcvpb_container,
.content_with_left_sidebar .tcvpb_container{
    width: 100%;
}

.content_with_right_sidebar .dnd_section_dd,
.content_with_left_sidebar .dnd_section_dd,
.content_with_right_sidebar .tcvpb_section_tc,
.content_with_left_sidebar .tcvpb_section_tc{
    padding: 0;
}

.row{
    width: 100%;
}

.row:before,
.row:after{
    line-height: 0;
    display: table;
    content: '';
}

.row:after{
    clear: both;
}

.row > [class*='span']{
    display: block;
    float: left;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: 20px;
    margin-left: 2.564102564102564%;
}

.row > [class*='span']:first-child{
    margin-left: 0;
}

.row .span12{
    width: 100%;
}

.row .span11{
    width: 91.45299145299145%;
}

.row .span10{
    width: 82.90598290598291%;
}

.row .span9{
    width: 74.35897435897436%;
}

.row .span8{
    width: 65.81196581196581%;
}

.row .span7{
    width: 57.26495726495726%;
}

.row .span6{
    width: 48.71794871794872%;
}

.row .span5{
    width: 40.17094017094017%;
}

.row .span4{
    width: 31.62393162393162%;
}

.row .span3{
    width: 23.07692307692308%;
}

.row .span2{
    width: 14.52991452991453%;
}

.row .span1{
    width: 5.982905982905983%;
}

.half,
.third,
.fourth,
.fifth{
    float: left;
}

.alpha{
    margin-left: 0 !important;
}

.half{
    width: 50%;
}

.third{
    width: 33.33333%;
}

.fourth{
    width: 25%;
}

.fifth{
    width: 20%;
}

.left{
    float: left !important;
}

.right{
    float: right !important;
}

.no_margin{
    margin: 0;
}

.no_padding{
    padding: 0;
}

.bottom_margin{
    margin-bottom: 40px;
}

.wp-caption{
    max-width: 100% !important;
}

/*-------- 2.2. Clearfix --------*/
.clearfix:before,
.clearfix:after{
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 0;
    content: '\0020';
}

.clearfix:after{
    clear: both;
}

/*-----------------------------------------------------------------*/
/* 3. Header
/*-----------------------------------------------------------------*/
#ABdev_main_header{
    position: relative;
    z-index: 9999;
    width: 100%;
    padding: 0;
    background: #334271;
}

#topbar_and_header.fixed #ABdev_main_header{
    position: fixed;
    top: 0;
    left: 0;
}

body.admin-bar #topbar_and_header.fixed #ABdev_main_header{
    top: 32px;
}

#ABdev_main_header.fixed{
    position: fixed;
    top: 0;
    left: 0;
}

body.admin-bar #ABdev_main_header.fixed{
    top: 32px;
}

#ABdev_header_spacer{
    height: 101px;
}

#ABdev_topbar{
    position: relative;
    z-index: 9999;
    width: 100%;
    min-height: 48px;
    padding: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    background: #ececec;
}

#ABdev_menu_search{
    position: relative;
    display: inline-block;
    width: 170px;
    margin-left: 13px;
}

#ABdev_menu_search input{
    font-size: 14px;
    margin: 0;
    padding: 4px 0 4px 10px;
    border: none;
}

#ABdev_menu_search .placeholder{
    color: #555;
}

#ABdev_menu_search ::-webkit-input-placeholder{
    color: #555;
}

#ABdev_menu_search :-moz-placeholder{
    opacity: 1;
    color: #555;
}

#ABdev_menu_search ::-moz-placeholder{
    opacity: 1;
    color: #555;
}

#ABdev_menu_search :-ms-input-placeholder{
    color: #555;
}

#ABdev_menu_search .submit{
    position: absolute;
    top: 6px;
    right: 5px;
    cursor: pointer;
}

#ABdev_menu_search .submit i{
    color: #ff3b30;
}

#ABdev_menu_search .submit:hover i{
    color: #555;
}

#ABdev_main_slider{
    position: relative;
    padding: 0;
    background: #f2f3f4;
    background-size: cover;
}

.ABdev_main_slider_scroll_info{
	font-family: Lato, sans-serif;
    text-transform: uppercase;
}

.pattern_overlayed #ABdev_main_slider_content{
    z-index: 1;
}

#main_logo_textual{
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    color: #fff;
}

#main_logo_tagline{
    font-size: 12px;
    margin: 0;
    color: #fff;
}

#logo{
    position: relative;
    float: left;
    padding: 25px 30px 25px 0;
}

#logo:before{
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    width: 5000px;
    height: 100%;
    content: '';
    background-color: #FFF !important;
    /*background-color: #ff3b30;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) {
#ABdev_main_header #main_logo {
    display: block !important;
    width: 125px !important;
}

#ABdev_main_slider { display: none; }

#logo { float:none !important; }

div#logo:after {
    content: "203.367.7444";
    color: #000;
    font-size: 22px;
    z-index: 9999;
    float: left;
    position: absolute;
    top: 25px;
    left: 155px;
}

div#text-3 {
    display: none;
}

}

.boxed_body_wrapper #logo:before{
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30px;
    width: 260px;
    height: 100%;
    content: '';
    background-color: #FFF !important;
    /*background-color: #ff3b30;*/
}

#logo .logo_inner{
    position: relative;
    z-index: 1;
}

/*-------- 3.1. Main menu --------*/
#ABdev_menu_toggle{
    display: none;
    cursor: pointer;
}

nav > ul{
    position: relative;
    float: right;
    margin: 0;
    margin-top: 30px;
    list-style: none;
}

nav > ul > li{
    line-height: 14px;
    float: left;
}

nav > ul > li a{
	font-family: Lato, sans-serif;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: #202024;
}

nav > ul > li > a{
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px 19px;
    text-transform: uppercase;
    color: #aaa;
}

nav > ul > li > a:last-child{
    margin-right: 0;
}

nav > ul > li > a > i{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 19px !important;
}

nav > ul > li span{
    display: block;
}

nav > ul ul{
    position: absolute;
    z-index: 2001;
    display: none;
    min-width: 228px;
    margin: 0;
    margin-top: 30px;
    list-style: none;
    border-top: 2px solid #ff3b30;
    background: #ececec;
    box-shadow: 0 0 20px 0 rgba( 0, 0, 0, 0.1 );
}

#dz_main_header.sticky_header_low nav > ul ul{
    margin-top: 10px;
}

nav > ul > li > ul:before{
    position: absolute;
    z-index: 2004;
    top: -36px;
    left: 0;
    display: block;
    width: 228px;
    min-width: 228px;
    height: 36px;
    content: '';
}

#dz_main_header.sticky_header_low nav > ul > li > ul:before{
    top: -15px;
    height: 15px;
}

nav > ul li:hover > ul,
nav > ul li.sfHover > ul{
    z-index: 2003;
    display: block;
}

nav > ul ul li{
    position: relative;
    padding: 3px 0;
    border-bottom: 1px solid #c0c0c0;
}

nav > ul ul li a{
    width: 100%;
    padding: 10px 13px 10px 13px;
    text-align: left;
}

nav > ul ul li:hover{
    background: #fff;
}

nav > ul ul li:hover a{
    color: #202024;
}

nav > ul ul ul{
    position: absolute;
    z-index: 2002;
    top: 0;
    left: 100%;
    margin-top: -2px;
    margin-left: 0;
}

nav > ul ul ul:before{
    position: absolute;
    top: 0;
    left: -11px;
    width: 11px;
    height: 100px;
    content: '';
}

.sf-arrows .sf-with-ul:after{
    font-family: 'icomoon';
    position: relative;
    top: 2px;
    float: right;
    margin-left: 5px;
    content: '\69';
    color: #aaa;
}

.sf-arrows ul .sf-with-ul:after{
    top: 0;
    content: '\69';
}

.sf-arrows ul li:hover .sf-with-ul:after{
    color: #fff;
}

.sf-arrows > li:hover > .sf-with-ul:after{
    color: #d84949;
}

.sf-arrows .current_menu_ancestor .sf-with-ul:after{
    color: #333;
}

nav > ul > li:hover > a,
nav > ul > .current-menu-item > a,
nav > ul > .current-post-ancestor > a,
nav > ul > .current-menu-ancestor > a{
    color: #fff;
}

#magic-line,
#portfolio_magic-line{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    margin-left: 5px;
    border: 1px solid #c0c0c0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

#portfolio_magic-line{
    height: 34px;
    border: 1px solid #ff3b30;
}

/*-------- 3.2. Header Style 2 --------*/
#topbar_and_header.th_style_2 nav > ul{
    margin: 14px 0;
}

#topbar_and_header.th_style_2 nav > ul .menu-depth-1{
    margin-top: 14px;
}

#topbar_and_header.th_style_2 nav > ul > li > ul:before{
    top: -20px;
    height: 20px;
}

#topbar_and_header.th_style_2 input{
    font-size: 14px;
    font-style: italic;
}

#topbar_and_header.th_style_2 #header_phone_email_info{
    padding-top: 4px;
    padding-left: 205px;
    color: #c0c0c0;
}

#topbar_and_header.th_style_2 #header_phone_email_info a{
    color: #888;
}

#topbar_and_header.th_style_2 #header_phone_email_info a:hover{
    color: #ff3b30;
}

#topbar_and_header.th_style_2 #header_phone_email_info i{
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

#topbar_and_header.th_style_2 #header_phone_email_info span{
    font-size: 14px;
    margin-right: 30px;
    padding-right: 30px;
    color: #888;
    border-right: 1px solid #d6d6d6;
}

#topbar_and_header.th_style_2 #header_phone_email_info span:last-child{
    margin-right: 0;
    padding-left: 0;
    border: none;
}

#topbar_and_header.th_style_2  #logo:before{
    background-color: transparent;
}

#topbar_and_header.th_style_2 #logo{
    position: absolute;
    top: -48px;
    float: left;
    padding: 0;
}

#topbar_and_header.th_style_2 #header_social_search .social_link{
    margin-right: 14px;
}

#topbar_and_header.th_style_2 #header_social_search .social_link i{
    position: relative;
    top: 2px;
    color: #888;
}

#topbar_and_header.th_style_2 #header_social_search .social_link:hover i{
    color: #ff3b30;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a,
#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info span{
    color: #c0c0c0;
}

#topbar_and_header.th_style_2.th_style_invert #header_phone_email_info a:hover,
#topbar_and_header.th_style_2.th_style_invert #header_social_search .social_link i:hover{
    color: #ff3b30;
}

/*-------- 3.3. Header Style 1 & 2 Inverted --------*/
#topbar_and_header.th_style_invert #ABdev_topbar{
    background: #202024;
}

#topbar_and_header.th_style_invert #ABdev_main_header{
    background: #ececec;
}

#topbar_and_header.th_style_invert #logo:before{
    display: none;
}

#topbar_and_header.th_style_invert nav > ul > li a{
    color: #555;
}

#topbar_and_header.th_style_invert nav > ul > li:hover > a,
#topbar_and_header.th_style_invert nav > ul > .current-menu-item > a,
#topbar_and_header.th_style_invert nav > ul > .current-post-ancestor > a,
#topbar_and_header.th_style_invert nav > ul > .current-menu-ancestor > a{
    color: #202024;
}

#topbar_and_header.th_style_invert nav > ul > .current-menu-item{
    border-color: #202024;
}

#topbar_and_header.th_style_invert #magic-line{
    border-color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_phone_email_info{
    padding-top: 4px;
    color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info a{
    color: #888;
}

#topbar_and_header.th_style_1 #header_phone_email_info span{
    font-size: 14px;
    margin-right: 30px;
    padding-right: 30px;
    color: #888;
    border-right: 1px solid #d6d6d6;
}

#topbar_and_header.th_style_1 #header_phone_email_info span:last-child{
    margin-right: 0;
    padding-left: 0;
    border: none;
}

#topbar_and_header.th_style_1 #header_phone_email_info i{
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 10px;
}

#topbar_and_header.th_style_1 #header_social_search{
    padding-top: 2px;
    cursor: default;
}

#topbar_and_header.th_style_1 #header_social_search .social_link{
    margin-right: 14px;
    color: #888;
}

#topbar_and_header.th_style_1 #header_social_search .social_link i{
    position: relative;
    top: 2px;
    color: #888;
}

#topbar_and_header.th_style_1.th_style_invert #header_social_search .social_link i,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info span,
#topbar_and_header.th_style_1.th_style_invert #header_phone_email_info a{
    color: #c0c0c0;
}

#topbar_and_header.th_style_1 #header_social_search .social_link:hover i,
#topbar_and_header.th_style_1 #header_phone_email_info a:hover{
    color: #ff3b30;
}

#fixed_header_spacer{
    position: static;
    top: 0;
    left: 0;
    width: 100%;
}

body.admin-bar #fixed_header_spacer{
    top: 32px;
}

/*-------- 3.4. Header Style 3 --------*/
#topbar_and_header.th_style_3 nav > ul{
    float: left;
    margin-top: 0;
}

#topbar_and_header.th_style_3 nav > ul ul{
    margin-top: 0;
    margin-left: 5px;
}

#topbar_and_header.th_style_3 nav > ul ul ul{
    margin-top: -2px;
    margin-left: 0;
}

#topbar_and_header.th_style_3 nav > ul > li > ul:before{
    top: -6px;
    height: 6px;
}

#topbar_and_header.th_style_3 nav > ul > li > a{
    padding: 18px 19px;
}

#topbar_and_header.th_style_3 nav > ul > li:hover > a,
#topbar_and_header.th_style_3 nav > ul > .current-menu-item > a{
    color: #fff;
}

#topbar_and_header.th_style_3 #logo:before{
    display: none;
}

#topbar_and_header.th_style_3 #magic-line{
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: #ff3b30;
}

#topbar_and_header.th_style_3 #ABdev_menu_search{
    font-size: 14px;
    font-style: italic;
    float: right;
    margin: 10px 0 10px 0;
}

#topbar_and_header.th_style_3.th_style_invert #header_social_search span,
#topbar_and_header.th_style_3.th_style_invert #header_social_search span a,
#topbar_and_header.th_style_3.th_style_invert #header_social_search .social_link{
    color: #c0c0c0;
}

#topbar_and_header.th_style_3 #header_social_search span{
    font-size: 14px;
    padding: 0 30px;
    color: #888;
    border-right: 1px solid #888;
}

#topbar_and_header.th_style_3 #header_social_search span i{
    position: relative;
    top: 3px;
    padding-right: 10px;
}

#topbar_and_header.th_style_3 #header_social_search span a,
#topbar_and_header.th_style_3 #header_social_search .social_link{
    color: #888;
}

#topbar_and_header.th_style_3 #header_social_search .social_link{
    margin-left: 14px;
}

#topbar_and_header.th_style_3 #header_social_search span:hover a,
#topbar_and_header.th_style_3 #header_social_search .social_link i:hover{
    color: #ff3b30;
}

/*-------- 3.5. Mega Menu --------*/
.sf-mega{
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: 0;
    display: none;
    width: 1170px;
    padding-top: 30px;
    color: #202024;
    box-shadow: 4px 5px 8px 0 rgba( 0, 0, 0, 0.1 );
}

#topbar_and_header.th_style_2 .sf-mega{
    padding-top: 14px;
}

#topbar_and_header.th_style_3 .sf-mega{
    right: auto;
    left: 0;
    margin-left: 0!important;
    padding: 0;
}

.sf-mega-inner{
    border-top: 2px solid #ff3b30;
    background: #ececec;
}

nav > ul .sf-mega ul{
    min-width: 0;
}

nav > ul li:hover > .sf-mega,
nav > ul li.sfHover > .sf-mega{
    display: block;
}

.sf-mega li,
.sf-mega ul{
    position: static !important;
    display: block !important;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}

nav > ul .sf-mega li:hover{
    background: none;
}

nav > ul .sf-mega-inner{
    display: table !important;
    width: 100%;
}

nav > ul .sf-mega-inner > ul{
    display: table-row !important;
}

nav > ul .sf-mega-inner > ul > li{
    display: table-cell !important;
    padding-top: 8px;
    vertical-align: top;
    border-right: 1px solid #c0c0c0;
}

nav > ul .sf-mega-inner > ul > li:last-child{
    border-right: none;
}

.sf-mega li,
.sf-mega li{
    border-bottom: none;
}

nav > ul .sf-mega-inner > ul > li > a{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 11px;
    text-transform: uppercase;
    color: #202024;
}

nav > ul .sf-mega-inner > ul > li > ul > li a{
    font-size: 14px;
    color: #202024;
}

nav > ul .sf-mega-inner a{
    margin-bottom: 1px;
    padding: 13px 18px 13px 18px;
    text-transform: none;
}

nav > ul .sf-mega-inner a:hover{
    background: #fff;
}

nav > ul > .mega1 .sf-mega-inner > ul > li{
    width: 100%;
}

nav > ul > .mega2 .sf-mega-inner > ul > li{
    width: 50%;
}

nav > ul > .mega3 .sf-mega-inner > ul > li{
    width: 33.33333333333333%;
}

nav > ul > .mega4 .sf-mega-inner > ul > li{
    width: 25%;
}

nav > ul > .mega5 .sf-mega-inner > ul > li{
    width: 20%;
}

nav > ul > .mega6 .sf-mega-inner > ul > li{
    width: 16.66666666666667%;
}

nav > ul > .mega7 .sf-mega-inner > ul > li{
    width: 14.28571428571429%;
}

nav > ul .sf-mega-inner .description_menu_item{
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    padding: 20px;
}

nav > ul .sf-mega-inner .description_menu_item a{
    font-size: inherit;
    line-height: inherit;
    display: inline;
    padding: 0;
    color: #ff3b30;
}

nav > ul .sf-mega-inner .description_menu_item a:hover{
    color: #202024;
    background: none;
}

/*-------- 3.6. Title/Breadcrumbs Bar --------*/
#title_breadcrumbs_bar{
	font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    overflow: hidden;
    padding: 72px 0;
    background: #777e8e;
}

#title_breadcrumbs_bar h1{
    line-height: 35px;
    margin-bottom: 10px;
    color: #fff;
    font-weight:bold;
}

#title_breadcrumbs_bar .tbb_breadcrumbs{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#title_breadcrumbs_bar .tbb_breadcrumbs .container{
    position: relative;
}

#title_breadcrumbs_bar .breadcrumbs{
    line-height: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
}

#title_breadcrumbs_bar .breadcrumbs .breadcrumbs_inner{
    font-size: 16px;
    position: relative;
}

#title_breadcrumbs_bar .breadcrumbs:before{
    position: absolute;
    left: -20px;
    width: 5000px;
    height: 100%;
    content: '';
    background-color: #ff3b30;
}

#title_breadcrumbs_bar .breadcrumbs{
    font-size: 13px;
    color: #fff;
}

#title_breadcrumbs_bar .breadcrumbs a,
#title_breadcrumbs_bar .breadcrumbs .current{
    font-size: 16px;
    color: #fff;
}

#title_breadcrumbs_bar .breadcrumbs i{
    font-size: 8px;
    top: 0;
}

#title_breadcrumbs_bar .bokah_circle{
    position: absolute;
    width: 100px;
    height: 100px;
    opacity: .08;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px #fff;
}

#title_breadcrumbs_bar .bokah_circle_1{
    width: 70px;
    height: 70px;
    opacity: .04;
}

#title_breadcrumbs_bar .bokah_circle_2{
    width: 100px;
    height: 100px;
    opacity: .05;
}

#title_breadcrumbs_bar .bokah_circle_3{
    width: 125px;
    height: 125px;
    opacity: .06;
}

#title_breadcrumbs_bar .bokah_circle_4{
    width: 150px;
    height: 150px;
    opacity: .07;
}

#title_breadcrumbs_bar .bokah_circle_5{
    width: 200px;
    height: 200px;
    opacity: .08;
}

#title_breadcrumbs_bar .bokah_circle_6{
    width: 270px;
    height: 270px;
    opacity: .07;
}

#title_breadcrumbs_bar .bokah_circle_7{
    width: 350px;
    height: 350px;
    opacity: .05;
}

/*-----------------------------------------------------------------*/
/* 4. Slider place
/*-----------------------------------------------------------------*/
#frontpage_slider{
    margin: 0;
    padding: 0;
}

.tp-leftarrow.tparrows,
.tp-rightarrow.tparrows{
    width: 44px;
    height: 44px;
    text-align: center;
    background: #fff !important;
    border-radius: 0;
}

.tp-leftarrow.tparrows{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tp-rightarrow.tparrows{
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.tp-leftarrow.tparrows:hover,
.tp-rightarrow.tparrows:hover{
    background: #ff3b30 !important;
}

.tp-leftarrow.tparrows:before,
.tp-rightarrow.tparrows:before{
    font-family: 'icomoon';
    font-size: 16px;
    line-height: 44px;
    display: block;
    width: 100%;
    height: 100%;
    content: '\6b' !important;
    text-align: center;
    color: #505558;
    margin-left: 0 !important;
}

.tp-leftarrow.tparrows:hover:before,
.tp-rightarrow.tparrows:hover:before{
    color: #fff !important;
}

.tp-rightarrow.tparrows:before{
    content: '\69' !important;
    margin-right: 0 !important;
}

.tp-bullets .tp-bullet{
    background: none;
    width: 7px;
    height: 7px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.tp-bullets .tp-bullet:hover,
.tp-bullets .tp-bullet.selected{
    background-color: #fff;
}

/*-----------------------------------------------------------------*/
/* 5. Blog
/*-----------------------------------------------------------------*/
.sidebar_left{
    margin-left: 0 !important;
}

/*-------- 5.1. Blog Timeline --------*/
#timeline_posts{
    overflow: hidden;
    background: url('images/timeline_line.png') center top repeat-y;
}

.timeline_post{
    position: absolute;
    top: -2000px;
    float: left;
    width: 535px;
    margin-bottom: 40px;
    transition: top 1s;
    background: #ececec;
}

.timeline_post h3{
    margin-bottom: 0;
    padding: 25px 25px 0 25px;
}

.timeline_post h3 a{
    color: #202024;
}

.timeline_post h3 a:hover{
    color: #ff3b30;
}

.timeline_post_first{
    width: 535px;
}

.timeline_appended{
    -webkit-transition: top 0s, opacity 1s;
       -moz-transition: top 0s, opacity 1s;
        -ms-transition: top 0s, opacity 1s;
         -o-transition: top 0s, opacity 1s;
            transition: top 0s, opacity 1s;
}

.timeline_postmeta{
    font-size: 13px;
    line-height: 13px;
    padding: 13px 15px 12px 15px;
}

.timeline_postmeta_soundcloud{
    padding: 8px 15px 12px 15px;
}

.timeline_postmeta a{
    font-size: 14px;
    float: right;
    padding-left: 10px;
    color: #555;
}

.timeline_postmeta a:hover{
    color: #ff3b30;
}

.timeline_postmeta p{
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}

.timeline_postmeta i{
    margin-right: 6px;
    color: #c0c0c0;
}

.timeline_postmeta .timeline_icon{
    float: right;
    padding-left: 10px;
    color: #555;
}

.timeline_content{
    padding: 17px 25px 1px 25px;
}

.timeline_content p{
    font-size: 14px;
}

.timeline_post .post-readmore{
    padding: 22px 22px 0 22px;
}

.timeline_post .post-readmore p{
    margin-bottom: 22px;
}

.timeline_post_left:after,
.timeline_post_right:after{
    position: absolute;
    display: block;
    width: 5px;
    height: 5px;
    content: '';
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #ff3b30;
}

.timeline_post_left:after{
    top: 33px;
    right: -53px;
}

.timeline_post_right:after{
    top: 74px;
    left: -52px;
}

.timeline_post_left:before,
.timeline_post_right:before{
    position: absolute;
    display: block;
    content: '';
}

.timeline_post_left:before{
    top: 24px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #ececec;
}

.timeline_post_right:before{
    top: 65px;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 12px solid #ececec;
    border-bottom: 12px solid transparent;
}

#timeline_loading{
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.timeline_loading_loader{
    background: url('images/ajax-loader.gif') center 40px no-repeat;
}

/*-------- 5.2. Blog Posts --------*/
.post_content{
    position: relative;
    min-height: 200px;
}

.post_wrapper{
    margin-bottom: 40px;
}

.post_content p:last-child{
    margin-bottom: 0;
}

.post_content .post_main:before{
    position: absolute;
    top: 23px;
    left: -12px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-top: 12px solid transparent;
    border-right: 12px solid #ececec;
    border-bottom: 12px solid transparent;
}

.post_content .post_badges .post_date .post_day{
    font-size: 20px;
    font-weight: 300;
    display: block;
    padding-bottom: 5px;
    text-align: right;
}

.post_content .post_badges .post_date .post_our_minute{
    font-size: 22px;
    font-weight: 300;
    color: #323232;
}

.post_content .post_badges .post_date .post_am_pm{
    font-size: 22px;
    font-weight: 400;
    padding-left: 5px;
    color: #323232;
}

.blog_classic_layout .post_content .post_main:before,
.post_content .post_main.post_main_alternative:before{
    display: none;
}

.post_content .postmeta_under_image section{
    border-bottom: none;
}

.post_content .postmeta_under_image{
    position: relative;
    padding-top: 37px;
    background-color: #fff;
}

.post_content .postmeta_under_image.no_featured_post_media{
    padding-top: 0;
}

.post_content .post_main{
    position: relative;
    margin-left: 200px;
    background-color: #ececec;
}

.post_content .author_and_categories_badges{
    position: absolute;
    left: -195px;
    width: 170px;
    text-align: right;
}

.post_content .author_and_categories_badges .posted_by_author{
    font-size: 18px;
}

.post_content .author_and_categories_badges .posted_by_author strong{
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}

.post_content .no_featured_post_media .author_and_categories_badges{
    margin-top: 124px;
}

.post_content .author_and_categories_badges .posted_by_author strong{
    font-weight: 400;
    text-align: right;
}

.post_content .author_and_categories_badges .categories{
    font-size: 18px;
    font-weight: 300;
    padding-top: 10px;
    list-style-type: none;
    text-align: right;
}

.post_content .author_and_categories_badges .categories ul li{
    padding-top: 5px;
    list-style-type: none;
    text-align: right;
}

.post_content .author_and_categories_badges .categories ul li a{
    font-size: 20px;
    font-weight: 400;
    color: #505558;
}

.post_content .author_and_categories_badges .categories ul li:hover a{
    color: #ff3b30;
}

.blog_category_index .post_main{
    margin-left: 200px;
}

.blog_category_index .post_content .post_main .post_main_inner{
    font-size: 14px;
    padding: 0 26px;
}

.blog_category_index .post_content .post_main p{
    font-size: 14px;
    margin-bottom: 25px;
}

.post_content .post_main h3.post_main_title{
    margin-bottom: 18px;
    padding: 22px 26px 0 0;
}

.post_content .post_main h3.post_main_title a{
    font-size: 24px;
    font-weight: 700;
    color: #202024;
}

.post_content .post_main h3.post_main_title a:hover{
    color: #ff3b30;
}

.post_content .postmeta_under_image h3{
    margin-bottom: 32px;
    padding: 0;
}

.post_content .postmeta_under_image p{
    padding: 0;
}

.post_content .post_badges{
    position: relative;
    float: left;
    width: 170px;
    text-align: left;
    color: #505558;
}

.post_content .post_badges i{
    font-size: 32px;
    float: right;
    margin-bottom: 13px;
    padding: 19px;
    color: #fff;
    border-radius: 3px;
    background: #ff3b30;
}

.post_content .post_main:after{
    position: absolute;
    top: 70px;
    left: -65px;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    background: #c0c0c0;
}

.post_content .post_badges .post_author{
    display: block;
    margin-bottom: 8px;
    padding-bottom: 16px;
}

.post_content .post_badges .post_date{
    font-size: 13px;
    display: block;
    float: left;
    margin-top: 11px;
    color: #555;
}

.post_content .post_badges_single{
    position: relative;
    float: left;
    width: 170px;
    text-align: left;
    color: #505558;
}

.post_content .post_badges_single i{
    font-size: 32px;
    float: right;
    margin-bottom: 13px;
    padding: 19px;
    color: #fff;
    border-radius: 3px;
    background: #ff3b30;
}

.post_content .post_badges_single .post_date{
    font-size: 13px;
    display: block;
    float: left;
    margin-top: 11px;
}

.post_content .post_badges_single .post_date .post_day{
    font-size: 20px;
    font-weight: 300;
    display: block;
    padding-bottom: 5px;
    text-align: right;
    text-transform: lowercase;
}

.post_content .post_badges_single .post_our_minute{
    font-size: 22px;
    font-weight: 300;
    color: #323232;
}

.post_content .post_badges_single .post_am_pm{
    font-size: 16px;
    font-weight: 400;
    padding-left: 5px;
    color: #323232;
}

.post_meta_tags{
    font-size: 13px;
    text-align: right;
}

.post_meta_tags a{
    color: #555;
}

.post_meta_tags a:hover{
    color: #ff3b30;
}

.post_meta_tags i{
    font-size: 12px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    margin-left: 10px;
    color: #555;
}

.post_main .postmeta-above,
.post_main .postmeta-under{
    position: relative;
    display: block;
    text-align: right;
}

.post_main .postmeta-above a,
.post_main .post-readmore a{
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
    padding: 9px 10px 9px 10px;
    color: #555;
}

.post_main_soundcloud .post-readmore a{
    padding-top: 4px;
}

.post_main .postmeta-above a:hover,
.post_main .post-readmore a:hover{
    color: #ff3b30;
}

.post_main .post-readmore i{
    font-size: 5px;
    margin-left: 5px;
}

.post_main .postmeta-above i{
    font-size: 5px;
    position: absolute;
    top: 18px;
    right: 83px;
    color: #555;
}

.post_main .postmeta-above p{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 0;
}

.post_main .postmeta-above .post_meta_comments{
    margin: 0;
}

.post_main .postmeta-under{
    margin: 17px 0 40px 0;
    padding: 40px 0;
}

.post_main .postmeta-under p{
    margin-bottom: 0;
}

.post_meta_share{
    float: left;
}

.post_meta_tags{
    float: right;
}

.post_meta_share a{
    line-height: 32px;
    left: 0;
    display: inline-block;
    width: 76px;
    height: 32px;
    margin-left: 2px;
    text-align: center;
    color: #555;
    border-radius: 3px;
    background: #ececec;
}

.post_meta_share span{
	font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 300;
    position: relative;
    top: -1px;
    margin-right: 10px;
    color: #505558;
}

.post_meta_share a:hover i{
    color: #fff;
}

.post_meta_share i{
    font-size: 16px !important;
    top: 0 !important;
    padding-right: 5px;
}

.postmeta_under_text_tags{
    font-style: italic;
    text-transform: uppercase;
}

.post_meta_share .post_share_facebook:hover{
    color: #fff;
    background: #3b5998;
}

.post_meta_share .post_share_twitter:hover{
    color: #fff;
    background: #4099ff;
}

.post_meta_share .post_share_googleplus:hover{
    color: #fff;
    background: #d34836;
}

.post_meta_share .post_share_linkedin:hover{
    color: #fff;
    background: #0e76a8;
}

.post_about_author{
    margin-bottom: 40px;
}

.post_about_author img{
    float: left;
    margin-right: 30px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.post-readmore{
    text-align: right;
}

.post-readmore i{
    font-size: 5px;
    position: absolute;
    right: 94px;
    bottom: 17px;
    color: #555;
}

.post_excerpt{
    line-height: 38px;
    margin-top: -4px;
}

.sticky .post_content .post_badges i{
    background: #202024;
}

.sticky .post_content .post_main{
    background-color: #ddd;
}

.blog_classic_layout .post_content .post_main{
    margin-left: 0;
    background: #fff;
}

.blog_classic_layout .post_content .post_main:after,
.post_content .post_main_alternative:after{
    display: none;
}

.blog_classic_layout .post_content .post_main img,
.blog_classic_layout .post_content .post_main iframe,
.blog_classic_layout .post_content .post_main .videoWrapper-vimeo,
.blog_classic_layout .post_content .post_main .videoWrapper-youtube{
    margin-bottom: 23px;
}

.blog_classic_layout .post_content .post_main h3,
.blog_classic_layout .post_content .post_main p{
    padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore{
    margin-bottom: 24px;
    padding-top: 9px;
    border-top: 1px solid #ececec;
}

.blog_classic_layout .post_content .post_main .post-readmore p{
    float: left;
    margin: 0;
    padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore a{
    padding: 0 10px 9px 10px;
}

.blog_classic_layout .post_content .post_main .post-readmore p a{
    padding: 0;
}

.blog_classic_layout .post_content .post_main .post-readmore .date_icon,
.blog_classic_layout .post_content .post_main .post-readmore .tags_icon{
    font-size: 15px;
    position: relative;
    bottom: 0;
    left: 0;
    margin-right: 8px;
    margin-left: 0;
    color: #c0c0c0;
}

.blog_classic_layout .post_content .post_main .post-readmore .tags_icon{
    margin-left: 30px;
}

/*-------- 5.3. Post Comments --------*/
#comments_section{
    padding-top: 75px;
    padding-bottom: 0;
    padding-left: 200px;
    border-top: 1px solid #ececec;
}

#comments_section ul,
#comments_section ol{
    margin-left: 0;
    list-style: none;
}

.comment p{
    margin-bottom: 0;
    text-align: left;
}

#comments_section .logged-in-as,
#comments_section .comment-notes{
    margin-bottom: 22px;
}

.comment{
    position: relative;
    min-height: 70px;
    margin-bottom: 40px;
}

.comment .children{
    padding-left: 50px;
}

.children .comment:last-child{
    margin-bottom: 0;
}

.comment .avatar{
    position: absolute;
    top: 0;
    left: -100px;
    width: 70px;
    height: 70px;
    border-radius: 3px;
}

.comment .comment-text{
    padding: 10px 0 35px 0;
    border-bottom: 1px solid #e6ebed;
}

.comment .children{
    padding-top: 40px;
}

.comment .comment-author{
	font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #555;
}

.comment time{
    font-size: 13px;
    font-style: italic;
    float: right;
    color: #c0c0c0;
}

.comment .comment-text .reply,
.comment .comment-text .reply a{
    font-size: 13px;
    font-weight: 300;
    text-transform: lowercase;
    color: #ff3b30;
}

.comment .reply a:hover{
    color: #555;
}

.comment .reply{
    float: right;
    margin-top: 23px;
    padding-left: 5px;
    background: #fff;
}

.comment .reply a:hover,
.comment .edit-link a:hover{
    color: #ff3b30;
}

#respond{
    padding-top: 30px;
}

#respond .comment-form{
    position: relative;
    padding-bottom: 71px;
}

#respond #comment{
    margin-bottom: 35px;
    margin-left: 16px;
}

#respond .comment-form-comment{
    margin-bottom: 0;
}

#respond .form-submit{
    display: block;
    margin-bottom: 0;
}

#respond #comment-submit{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    float: right;
    margin: 0;
    background: #ff3b30;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#respond #comment-submit:hover{
    border-color: #505558;
    background: #505558;
}

#respond input[type='text']{
    width: 100%;
    height: 42px;
    margin-bottom: 0;
    border-radius: 3px;
    background: #fff;
}

#respond .comment_fields{
    float: left;
    width: 50%;
}

#respond .comment_fields p{
    width: 95%;
    margin-right: 1% !important;
    margin-bottom: 41px;
}

#respond .comment-form-comment{
    float: right;
    width: 50%;
}

body.logged-in #respond .comment-form-comment{
    float: none;
    width: 100%;
}

#respond .comment-form-comment textarea{
    width: 95%;
    height: 126px;
    border-radius: 3px;
    background: #fff;
}

body.logged-in #respond .comment-form-comment textarea{
    width: 100%;
}

body.logged-in #respond #comment{
    margin-left: 0;
}

/*-------- 5.4. Post Pagination --------*/
#blog_pagination{
    padding-top: 72px;
    text-align: right;
}

#blog_pagination .blog_pagexofy{
    font-size: 22px;
    line-height: 48px;
}

#blog_pagination .page-numbers{
    font-size: 22px;
    line-height: 14px;
    display: inline-block;
    margin: 0;
    padding: 13px 9px 13px 9px;
    color: #505558;
}

#blog_pagination .page-numbers.current,
#blog_pagination .page-numbers:hover{
    color: #ff3b30;
}

#blog_pagination .prev{
    margin-right: 10px;
}

#blog_pagination .next{
    margin-left: 10px;
    padding-right: 0;
}

#blog_pagination .prev i,
#blog_pagination .next i{
    font-size: 14px;
    position: relative;
    top: -1px;
}

#inner_post_pagination > span,
#inner_post_pagination > a{
    font-size: 14px;
    line-height: 14px;
    float: left;
    margin: 0;
    padding: 13px 16px 13px 16px;
    color: #505558;
    border-top: 1px solid #e6ebed;
    border-right: 1px solid #e6ebed;
    border-bottom: 1px solid #e6ebed;
    background: #f5f7f8;
}

#inner_post_pagination > a{
    background: #fff;
}

#inner_post_pagination > a span{
    border: none;
}

#inner_post_pagination > a:hover{
    color: #ff3b30;
    background: #505558;
}

#inner_post_pagination > span:first-child,
#inner_post_pagination > a:first-child{
    border-left: 1px solid #e6ebed;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#inner_post_pagination > span:last-child,
#inner_post_pagination > a:last-child{
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*-----------------------------------------------------------------*/
/* 6. Videos
/*-----------------------------------------------------------------*/
.videoWrapper-youtube{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 0;
    padding-bottom: 56.25%;
}

.videoWrapper-youtube iframe,
.videoWrapper-youtube object,
.videoWrapper-youtube embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper-vimeo{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 30px;
    padding-bottom: 53%;
}

.videoWrapper-vimeo iframe,
.videoWrapper-vimeo object,
.videoWrapper-vimeo embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-----------------------------------------------------------------*/
/* 7. Contact Form 7
/*-----------------------------------------------------------------*/
.contact_form_row{
    padding-top: 51px;
}

.wpcf7 input{
    margin: 0 0 30px 0;
    margin-top: 0;
}

.wpcf7 input[type='text']{
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.wpcf7 textarea{
    margin: 0 0 30px 0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.wpcf7 input[type='file']{
    padding-right: 20px;
}

.wpcf7 input[type='checkbox']{
    width: 12px;
    height: 12px;
    margin: 0 10px 0 0;
    padding: 0;
}

.wpcf7-response-output{
    margin-top: 20px;
}

.wpcf7-not-valid-tip{
    width: auto !important;
    padding: 4px 8px !important;
    color: #fff !important;
    border: none !important;
    background: #858585 !important;
}

.wpcf7-validation-errors{
    margin: 20px 0 40px 0 !important;
    margin-bottom: 40px !important;
    padding: 19px !important;
    color: #d04544 !important;
    border: none !important;
    background: #ffe9e9 !important;
}

#dz_contact_form_submit{
    width: 100%;
    height: 55px;
    margin-top: 0;
    -webkit-border-radius: 2px !important;
       -moz-border-radius: 2px !important;
            border-radius: 2px !important;
    background: #ff3b30 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

div.wpcf7 .ajax-loader{
    position: relative;
    top: -20px;
    left: 50%;
    margin-left: -8px;
}

.contact_section_alternative .wpcf7 textarea{
    font-style: italic;
    height: 208px;
    margin-bottom: 35px;
    padding: 9px 0 9px 14px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact_section_alternative .wpcf7-text,
.contact_section_alternative .wpcf7-email{
    font-style: italic;
    margin-bottom: 41px;
    padding: 9px 0 9px 14px;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact_section_alternative .wpcf7-submit{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 20px !important;
    float: right;
    margin-bottom: 80px;
    padding: 10px 41px !important;
    cursor: pointer;
    -webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
       -moz-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
        -ms-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
         -o-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
            transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    border: none !important;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #ff3b30 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact_section_alternative .wpcf7-submit:hover{
    -webkit-transition: background 180ms, color 180ms, border-color 180ms;
       -moz-transition: background 180ms, color 180ms, border-color 180ms;
        -ms-transition: background 180ms, color 180ms, border-color 180ms;
         -o-transition: background 180ms, color 180ms, border-color 180ms;
            transition: background 180ms, color 180ms, border-color 180ms;
    background: #505558 !important;
}

.wpcf7 .wpcf7-list-item{
    display: block;
}

.wpcf7 .project_description{
    width: 100%;
    height: 228px;
}

.wpcf7 .drag_and_drop{
    width: 100%;
    height: 205px;
    margin-bottom: 0;
    border: 3px dashed #c0c0c0;
    background: #ececec;
}

.wpcf7 .start_date,
.wpcf7 .due_date{
    font-size: 24px;
    height: 196px;
    text-align: center;
    color: #555;
    border-radius: 0;
    background: #ececec;
}

.wpcf7 .choose_date input{
    width: 15px;
    height: 15px;
    margin: 0 10px 0 0;
    padding: 0;
}

.wpcf7 .select_budget{
    color: #555;
    background: #ececec;
}

/*-----------------------------------------------------------------*/
/* 8. Widgets
/*-----------------------------------------------------------------*/
.sidebar_right{
    padding-left: 12px;
}

.sidebar_left{
    padding-right: 12px;
}

.widget input{
    margin-bottom: 0;
}

.sidebar-widget-heading h5,
#reply-title{
	font-family: Lato, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    display: block;
    margin-bottom: 18px;
    padding-bottom: 10px;
    text-align: left;
    color: #202024;
}

#comments-title{
    margin-bottom: 70px;
}

.widget{
    margin-bottom: 77px;
}

aside .widget a{
    color: #555;
}

aside .widget a:hover{
    color: #ff3b30;
}

.widget ul{
    margin-left: 0;
    list-style: none;
}

.widget ul.children{
    padding-left: 20px;
}

.widget ul.children li{
    border-bottom: none;
}

.widget_categories ul li{
    border-bottom: 1px solid #ececec;
}

.widget_categories ul li,
.widget_pages ul li,
.widget_nav_menu ul li{
    position: relative;
    padding: 5px 0;
}

.widget_categories ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before{
    position: relative;
    bottom: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    padding-right: 9px;
    content: '';
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ff3b30;
}

/*-------- 8.1. Search --------*/
.widget_search form{
    position: relative;
}

.widget_search a{
    cursor: pointer;
}

.widget_search i{
    font-size: 12px;
    position: absolute;
    top: 15px;
    right: 10px;
    color: #ff3b30;
}

.widget_search i:hover{
    color: #c0c0c0;
}

.widget_search input{
    font-size: 16px;
    font-style: italic;
    height: 42px;
    padding: 10px 20px;
    border-radius: 3px;
    background: #fff;
}

.search_results_content_item{
    position: relative;
    padding-left: 41px;
}

.search_resuls_number{
	font-family: Lato, sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: 19px;
    position: absolute;
    top: 0;
    left: 0;
}

.search_results_content_item h4{
    margin-bottom: 12px;
}

#search_results_sum_title{
    margin-bottom: 50px;
}

/*-------- 8.2. Categories --------*/
aside.sidebar .widget_pages li,
aside.sidebar .widget_recent_entries li,
aside.sidebar .widget_archive li,
aside.sidebar .widget_nav_menu li,
aside.sidebar .widget_meta li,
aside.sidebar .widget_rss li,
aside.sidebar .widget_categories li{
    text-align: left;
}

aside.sidebar .widget_nav_menu li.menu-item-has-children{
    padding-bottom: 0;
    border: none;
}

aside.sidebar .widget_nav_menu li ul{
    margin-top: 7px;
    margin-bottom: 0;
}

aside.sidebar .widget_nav_menu li ul li{
    padding-left: 20px;
}

aside.sidebar .widget_rss .rsswidget{
	font-family: Lato, sans-serif;
    font-size: 18px;
    color: #505558;
}

aside.sidebar .widget_rss .rss-date{
    display: block;
}

aside.sidebar .widget_rss .rssSummary{
    font-size: 13px;
}

/*-------- 8.3. Tag Cloud --------*/
.tagcloud a{
    font-size: 16px !important;
    line-height: 16px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 7px 11px 7px 11px;
    color: #555;
    border: 1px solid #ececec;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #ececec;
}

.tagcloud a:hover{
    color: #fff !important;
    background: #ff3b30;
}

.tagcloud:after{
    display: block;
    clear: both;
    height: 0;
    content: '';
}

#dz_main_footer .tagcloud a{
    border: 1px solid #5f5f5e;
}

#dz_main_footer .tagcloud a:hover{
    color: #434342;
    border-color: #929292;
}

/*-------- 8.4. Flickr stream --------*/
#main_footer .flickr_stream a{
    position: relative;
    float: left;
}

aside.sidebar .flickr_stream a{
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
}

aside.sidebar .flickr_stream a:nth-child(3n+0){
    margin-right: 10px;
}

aside.sidebar .flickr_stream a:nth-child(4n+0){
    margin-right: 0;
}

.flickr_stream a{
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.flickr_stream a:after{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 200%;
    height: 0;
    content: '';
    -webkit-transition: height 300ms;
       -moz-transition: height 300ms;
        -ms-transition: height 300ms;
         -o-transition: height 300ms;
            transition: height 300ms;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
         -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: rgb(32,32,36);
    background: rgba(32,32,36,0.9);
}

.flickr_stream a:hover:after{
    height: 200%;
    -webkit-transition: all 400ms;
       -moz-transition: all 400ms;
        -ms-transition: all 400ms;
         -o-transition: all 400ms;
            transition: all 400ms;
}

#main_footer .flickr_stream img{
    width: 80px;
    height: 80px;
}

aside.sidebar .flickr_stream img{
    width: 82px;
    height: 82px;
}

/*-------- 8.5. Contact Info Widget --------*/
.contact_info_widget{
    font-weight: 300;
}

.contact_info_widget > div > span{
    display: inline-block;
    width: 70px;
}

.contact_info_widget .contact_info_widget_email{
    margin-bottom: 22px;
}

/*-----------------------------------------------------------------*/
/* 9. Pages
/*-----------------------------------------------------------------*/
/*-------- 9.1. Portfolio --------*/
#ABdev_latest_portfolio{
    margin-bottom: 40px;
}

.portfolio_item{
    color: #929292;
}

.portfolio_item,
.portfolio_item .overlayed{
    position: relative;
    text-align: center;
}

.portfolio_item h4{
    position: relative;
    z-index: 1;
    margin: 0 0 27px 0;
}

.portfolio_item h4 a{
	font-family: Lato, sans-serif;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}

.portfolio_item h4 a:hover{
    color: #ff3b30;
}

.portfolio_item .overlayed .overlay{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
         -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
    opacity: 0;
    color: #fff;
    filter: alpha(opacity=0);
}

.portfolio_item .overlayed .overlay > *{
    position: relative;
    z-index: 1;
}

.portfolio_item .overlayed .overlay .overlay_title{
	font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-top: 49px;
    margin-bottom: 17px;
    color: #fff;
}

.portfolio_item .overlayed .overlay .portfolio_item_tags{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

.portfolio_item:hover .overlayed .overlay{
    opacity: 1;
    filter: alpha(opacity=100);
}

.portfolio_item .overlayed .overlay:after{
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    display: block;
    width: 200%;
    height: 0;
    content: '';
    -webkit-transition: all 300ms;
       -moz-transition: all 300ms;
        -ms-transition: all 300ms;
         -o-transition: all 300ms;
            transition: all 300ms;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
       -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
         -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
    opacity: 0;
    background: rgb(32,32,36);
    background: rgba(32,32,36,0.9);
}

.portfolio_item:hover .overlayed .overlay:after{
    height: 300%;
    opacity: 1;
}

.portfolio_item .dnd-button,
.portfolio_item .tcvpb-button{
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    color: #fff;
    border: 1px solid #ff3b30;
}

.portfolio_item .dnd-button i,
.portfolio_item .tcvpb-button i{
    margin-left: 9px;
}

.portfolio_item .dnd-button:after,
.portfolio_item .tcvpb-button:after{
    background: #ff3b30;
}

.portfolio_item .tcvpb-button{
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    color: #fff;
    border: 1px solid #ff3b30;
}

.portfolio_item .tcvpb-button i{
    margin-left: 9px;
}

.portfolio_item .tcvpb-button:after{
    background: #ff3b30;
}

.single_portfolio_meta{
    margin-bottom: 33px;
    color: #929292;
}

.single_portfolio_meta .icon-calendar{
    margin-left: 30px;
}

.portfolio_item_meta h2{
    margin-bottom: 18px;
    border-bottom: 0;
}

.portfolio_item_meta .portfolio_item_meta_label{
    font-weight: 700;
    color: #555;
}

.portfolio_item_meta .portfolio_item_meta_data{
    position: relative;
    padding-top: 6px;
    padding-left: 71px;
    text-align: left;
}

.portfolio_item_meta p:last-child{
    padding-top: 40px;
    border-top: 1px solid #ececec;
}

.portfolio_item_meta p:nth-child(10){
    padding-bottom: 11px;
}

.portfolio_item_image{
    margin-bottom: 18px;
}

.portfolio_item_view_link{
    padding: 22px 0 50px 0;
    text-align: center;
}

.portfolio_item_view_link a{
	font-family: Lato, sans-serif;
    font-weight: 300;
    display: inline-block;
    padding: 8px 30px;
    color: #202024;
    border: 1px solid #ff3b30;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #fff;
}

.portfolio_item_view_link a:hover,
.portfolio_item_view_link a:hover i{
    -webkit-transition: all 180ms ease-in;
       -moz-transition: all 180ms ease-in;
        -ms-transition: all 180ms ease-in;
         -o-transition: all 180ms ease-in;
            transition: all 180ms ease-in;
    color: #ff3b30;
}

.portfolio_item_view_link a i{
    font-size: 13px;
    padding-left: 9px;
    -webkit-transition: all 180ms ease-in;
       -moz-transition: all 180ms ease-in;
        -ms-transition: all 180ms ease-in;
         -o-transition: all 180ms ease-in;
            transition: all 180ms ease-in;
    color: #202024;
}

.portfolio_share_social a:first-child{
    margin-left: 0;
}

.portfolio_single_column_item{
    margin-bottom: 80px;
}

.portfolio_single_column_item .portfolio-readmore .more-link{
    margin-top: 0;
}

.portfolio_single_column_item h2 a{
    margin-bottom: 18px;
    color: #202024;
    border-bottom: 0;
}

.portfolio_single_column_item h2:hover a{
    color: #ff3b30;
}

.portfolio_single_column_item h5{
    margin-bottom: 27px;
}

.portfolio_single_detail{
    margin-bottom: 24px;
    padding-top: 6px;
}

.portfolio_item_meta .portfolio_item_meta_label{
    display: inline-block;
    width: 90px;
}

.portfolio_item_meta .portfolio_item_meta_data{
    padding: 0;
}

.isotope-item{
    z-index: 2;
}

.isotope-hidden.isotope-item{
    z-index: 1;
    pointer-events: none;
}

.isotope,
.isotope .isotope-item{
    -webkit-transition-duration: .8s;
       -moz-transition-duration: .8s;
        -ms-transition-duration: .8s;
         -o-transition-duration: .8s;
            transition-duration: .8s;
}

.isotope{
    -webkit-transition-property: height, width;
       -moz-transition-property: height, width;
        -ms-transition-property: height, width;
         -o-transition-property: height, width;
            transition-property: height, width;
}

.isotope .isotope-item{
    -webkit-transition-property: -webkit-transform, opacity;
       -moz-transition-property:    -moz-transform, opacity;
        -ms-transition-property:     -ms-transform, opacity;
         -o-transition-property:      -o-transform, opacity;
            transition-property:         transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition{
    -webkit-transition-duration: 0s;
       -moz-transition-duration: 0s;
        -ms-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s;
}

#filters{
    margin: 0;
    margin-bottom: 50px;
    list-style: none;
}

#filters.portfolio_filter{
    position: relative;
}

#filters li{
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    list-style: none;
}

#filters li:nth-of-type(2){
    padding-left: 0;
}

#filters li a{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    padding: 5px 21px 5px 21px;
    color: #555;
    border: 1px solid transparent;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

#filters i{
    font-size: 9px;
    top: 0;
    margin-right: 10px;
    margin-left: 15px;
}

.portfolio_item_4{
    display: block;
    float: left;
    width: 25%;
}

.portfolio_item_3{
    display: block;
    float: left;
    width: 33.33333333333333%;
}

.more_portfolio_link{
    margin: 42px 0 30px 0;
    text-align: center;
}

.more_portfolio_link a{
	font-family: Lato, sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding: 10px 30px 12px 30px;
    color: #505558;
    border: 1px solid #e6ebed;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.more_portfolio_link a:hover{
    color: #fff;
    border: 1px solid #505558;
    background: #505558;
}

.home_version_2_recent_works .more_portfolio_link a{
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #ff3b30;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

.home_version_2_recent_works .more_portfolio_link a:hover{
    background: #ff3b30;
}

.portfolio-readmore{
    margin-top: 30px;
}

.portfolio-readmore .more-link{
    margin-top: 30px;
}

#single_portfolio_pagination{
    min-height: 64px;
    margin-top: 70px;
}

#single_portfolio_pagination a{
	font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 20px;
    color: #505558;
    border: 1px solid #e6ebed;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}

#single_portfolio_pagination a i{
    font-size: 10px;
    color: #bec6cb;
}

#single_portfolio_pagination .prev,
#single_portfolio_pagination .next{
    margin-top: -22px;
}

#single_portfolio_pagination .prev i{
    margin-right: 8px;
}

#single_portfolio_pagination .next i{
    margin-left: 8px;
}

#single_portfolio_pagination a:hover{
    color: #fff;
    border: 1px solid #505558;
    background: #505558;
}

#single_portfolio_pagination .next{
    float: right;
}

/*-------- 9.2. Contact Page - Contact Info --------*/
.contact_page_info{
    position: relative;
    padding-left: 72px;
    text-align: left;
}

.contact_page_info span{
    line-height: 32px;
    position: absolute;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #242e35;
}

.contact_page_info i{
    position: relative;
    top: -2px;
}

.dnd_section_dd.contact_section_alternative strong,
.tcvpb_section_tc.contact_section_alternative strong{
    float: left;
}

.tcvpb_section_tc.contact_section_alternative strong{
    float: left;
}

/*-------- 9.3. About us page --------*/
.section_stats{
    padding: 37px 0 0 0;
}

/*-------- 9.4. 404 page --------*/
#page404{
    margin-bottom: 76px;
    text-align: center;
    border-bottom: none;
}

#page404 .big_404{
	font-family: Lato, sans-serif;
    font-size: 270px;
    font-weight: 700;
    line-height: 270px;
    padding-top: 20px;
    color: #ececec;
}

#page404 .error{
	font-family: Lato, sans-serif;
    font-size: 75px;
    font-weight: 300;
    line-height: 75px;
    padding-top: 12px;
    color: #ececec;
}

#page404 .text_404{
    padding-bottom: 7px;
    text-align: left;
}

#page404 h2{
	font-family: Lato, sans-serif;
    font-size: 75px;
    font-weight: 700;
    line-height: 60px;
    padding-top: 56px;
}

#page404 h4{
    padding: 25px 0 59px 0;
}

#page404 h2,
h4,
li{
    text-align: left;
}

#page404 ul{
    margin-left: 0;
}

#page404 ul li{
    margin-bottom: 8px;
}

/*-----------------------------------------------------------------*/
/* 10. Other
/*-----------------------------------------------------------------*/
/*-------- 10.1. AB testimonials --------*/
.ABt_testimonials_slide	.testimonial_small .source a{
    display: block;
}

.ABt_testimonials_slide	.testimonial_small p{
    border-bottom: 5px solid #ececec;
}

.ABt_testimonials_slide	.testimonial_small img{
    width: 60px;
    height: 60px;
    border-radius: 3px;
}

/*-----------------------------------------------------------------*/
/* 11. Footer
/*-----------------------------------------------------------------*/
#main_footer{
    color: #555;
}

#main_footer h4{
    margin-bottom: 34px;
}

#main_footer a{
    font-weight: 300;
}

#main_footer a:hover{
    color: #202024;
}

#main_footer p{
    margin-bottom: 22px;
}

#footer_columns{
    padding-top: 77px;
    background: #ececec;
}

#main_footer .widget_pages li,
#main_footer .widget_recent_entries li,
#main_footer .widget_archive li,
#main_footer .widget_nav_menu li,
#main_footer .widget_meta li,
#main_footer .widget_rss li,
#main_footer .widget_categories li{
    line-height: 20px;
    margin-bottom: 10px;
}

#main_footer .widget_pages li a,
#main_footer .widget_recent_entries li a,
#main_footer .widget_archive li a,
#main_footer .widget_nav_menu li a,
#main_footer .widget_meta li a,
#main_footer .widget_rss li a,
#main_footer .widget_categories li a{
    color: #555;
}

#main_footer .widget_pages li a:hover,
#main_footer .widget_recent_entries li a:hover,
#main_footer .widget_archive li a:hover,
#main_footer .widget_nav_menu li a:hover,
#main_footer .widget_meta li a:hover,
#main_footer .widget_rss li a:hover,
#main_footer .widget_categories li a:hover{
    color: #ff3b30;
}

#footer_copyright{
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    overflow-x: hidden;
    padding-bottom: 40px;
    color: #202024;
    background:#fff;
}

#footer_copyright_text{
    float: left;
    padding-top: 15px;
    color: #c0c0c0;
}

#footer_social{
    float: right;
    margin-right: 30px;
    padding-top: 15px;
}

#footer_social a{
    margin-left: 14px;
}

#footer_social i{
    color: #c0c0c0;
}

#footer_social i:hover{
    color: #ff3b30;
}

#footer_logo{
    position: relative;
    float: right;
    width: 23.07692307692308%;
    padding: 11px 0 14px 24px;
}

#footer_logo:before{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 5000px;
    height: 100%;
    content: '';
    background-color:#FFF !important;
    /*background-color: #ff3b30;*/
}

#footer_logo .footer_logo_inner{
    position: relative;
    z-index: 1;
}

.tp-caption:hover .tp-video-play-button {
    display: none;
}

.google-map { padding-bottom:0px !important; }