/*
Template Name: tema HTML
Version: 1.0.0
Author: ab-themes
Author URI: http://www.ab-themes.com
[Table of contents]
1. CSS RESET
2. Elements
2.1. Animation Box
2.2. Columns & sections
2.3. Abbreviation
2.4. jQuery UI helpers
2.5. Tabs
2.6. Accordion
2.7. Toggle
2.8. Tables
2.9. Alert boxes
2.10. Blockquote
2.11. UL
2.12. Follow us links
2.13. Stats Excerpt
2.14. Knob
2.15. Team
2.16. Posts
2.17. Priceboxes
2.18. Progress bar
2.19. Service boxes
2.20. Divider
2.21. Pullquote
2.22. Tooltip
2.23. Source Code
2.24. RSS Feed
2.25. Children
2.26. Sitemap
2.27. Google Map
2.28. Dropcap
2.29. Videos
2.30. Clear
2.31. Callout Boxes
2.32. Buttons
2.33. Custom Section Classes
3. Global styles
3.1. Inner columns
3.2. Clearfix
4. Header
4.1. Main menu
4.2. Header Style 2
4.3. Header Style 1 & 2 Inverted
4.4. Header Style 3
4.5. Mega Menu
4.6. Title/Breadcrumbs Bar
5. Slider place
6. Blog
6.1. Blog Timeline
6.2. Blog Posts
6.3. Post Comments
6.4. Post Pagination
7. Videos
8. Contact Form 7
9. Widgets
9.1. Search
9.2. Categories
9.3. Tag Cloud
9.4. Flickr stream
9.5. Contact Info Widget
10. Pages
10.1. Portfolio
10.2. Contact Page - Contact Info
10.3. About us page
10.4. 404 page
11. Other
11.1. AB testimonials
12. 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,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: 0px;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
label:hover{
text-decoration: none;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
min-height: 100%;
margin: 0;
padding: 0;
}
/*-----------------------------------------------------------------*/
/* 2. Elements
/*-----------------------------------------------------------------*/
/********** 2.1. Shortcode: Animation Box *************************************************************/
.tema-animo,
.tema-animo-children > *{
visibility: hidden;
padding: 11px 0 6px 0;
}
.home_version_2_welcome .tema-animo{
padding: 0;
text-align: center;
padding-top: 68px;
}
.tema_section_dd.startup_image_section .implecation_store{
float: left;
padding-right: 60px;
padding-top: 95px;
}
.tema_section_dd.startup_image_section .phone_in_hand{
padding: 0;
margin-top: -30px;
}
/********** 2.2. Shortcode: Columns & sections *************************************************************/
.tema_container{
width: 100%;}
.tema_container:before,
.tema_container:after{
display: table;
line-height: 0;
content: "";
}
.tema_container:after{
clear: both;
}
.section_body_fullwidth .tema_section_content .tema_container{
width: 100%;
}
.tema_section_dd{
position: relative;
overflow:hidden;
padding-top: 0px;
padding-bottom: 20px;
/*border-bottom: 1px solid #ececec;*/
}
.tema_section_dd > *{
z-index: 1;
position: relative;
}
.tema_video_background{
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 0;
visibility: hidden;
}
.tema_video_background .mejs-container{
background:none !important;
}
.tema_video_background .mejs-overlay-loading{
display: none !important;
}
.tema-parallax{
background-position: 50% top;
background-attachment:fixed;
-webkit-background-size: cover;
background-size: cover;
}
.tema_container [class*="column_dd_span"]{
display: block;
float: left;
min-height: 20px;
margin-left: 2.564102564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.section_no_column_margin .tema_container [class*="column_dd_span"],
.tema_container [class*="column_dd_span"]:first-child{
margin-left: 0;
}
.tema_column_dd_span12 {width: 100%;}
.tema_column_dd_span11 {width: 91.45299145299145%;}
.tema_column_dd_span10 {width: 82.90598290598291%;}
.tema_column_dd_span9 {width: 74.35897435897436%;}
.tema_column_dd_span8 {width: 65.81196581196581%;}
.tema_column_dd_span7 {width: 57.26495726495726%;}
.tema_column_dd_span6 {width: 48.71794871794872%;}
.tema_column_dd_span5 {width: 40.17094017094017%;}
.tema_column_dd_span4 {width: 31.62393162393162%;}
.tema_column_dd_span3 {width: 23.07692307692308%;}
.tema_column_dd_span2 {width: 14.52991452991453%;}
.tema_column_dd_span1 {width: 5.982905982905983%;}
.section_no_column_margin .tema_column_dd_span12 {width: 100%;}
.section_no_column_margin .tema_column_dd_span11 {width: 91.6666666666665%;}
.section_no_column_margin .tema_column_dd_span10 {width: 83.3333333333334%;}
.section_no_column_margin .tema_column_dd_span9 {width: 74.9999999999999%;}
.section_no_column_margin .tema_column_dd_span8 {width: 66.6666666666665%;}
.section_no_column_margin .tema_column_dd_span7 {width: 58.3333333333332%;}
.section_no_column_margin .tema_column_dd_span6 {width: 49.9999999999999%;}
.section_no_column_margin .tema_column_dd_span5 {width: 41.6666666666665%;}
.section_no_column_margin .tema_column_dd_span4 {width: 33.3333333333332%;}
.section_no_column_margin .tema_column_dd_span3 {width: 24.9999999999999%;}
.section_no_column_margin .tema_column_dd_span2 {width: 16.6666666666665%;}
.section_no_column_margin .tema_column_dd_span1 {width: 8.3333333333332%;}
.section_equalize_5 .tema_column_dd_span3,
.section_equalize_5 .tema_column_dd_span2{
width: 17.95084476%;
}
.section_equalize_5 .tema_container [class*="column_dd_span"]{
margin-left: 2.564102564102564%;
}
.section_no_column_margin.section_equalize_5 .tema_container [class*="column_dd_span"],
.section_equalize_5 .tema_container [class*="column_dd_span"]:first-child{
margin-left: 0;
}
.section_no_column_margin.section_equalize_5 .tema_column_dd_span3,
.section_no_column_margin.section_equalize_5 .tema_column_dd_span2{
width: 20%;
}
.tema_section_dd header,
.tema_section_dd footer{
text-align: center;
}
.tema_section_dd header h3,
.column_title_left{
font-family: Lato;
font-weight: 700;
display: inline-block;
color: #202024;
font-size: 30px;
line-height: 30px;
margin-bottom: 32px;
position: relative;
}
.tema_section_dd.section_title_left header h3,
.column_title_left{
border-bottom: 1px solid #e6ebed;
display: block;
text-align: left;
padding-bottom: 10px;
}
.tema_section_dd.section_title_left header h3:after,
.column_title_left:after{
bottom: -2px;
left: 0;
margin-left: 0;
}
.column_title_left{
margin-bottom: 40px;
}
.tema_section_dd header p{
font-family: Lato;
margin-bottom: 40px;
padding: 0 165px;
font-weight: 300;
}
.tema_section_dd.we_love_our_works.section_with_header header p{
padding: 0;
}
.tema_section_dd.we_love_our_works.section_with_header header i{
color: #6b0303;
font-size: 32px;
}
.tema_section_dd.pattern_overlayed{
color: #fff;
}
.tema_section_dd.pattern_overlayed header h3{
color: #fff;
}
.tema_section_dd.aligncenter.section_with_header{
border-bottom: none;
padding-bottom: 14px;
}
.tema_section_dd.section_why_choose_tema{
border-bottom: none;
}
.tema_section_dd.section_why_choose_tema .tema_column_dd_span7{
margin-left: -7px;
margin-top: -32px;
margin-bottom: -34px;
}
.tema_section_dd.section_with_images{
padding-bottom: 30px;
padding-top: 60px;
}
.tema_section_dd.startup_image_section{
border-bottom: none;
}
.tema_section_dd.contact_section_alternative{
border-bottom: none;
}
/********** 2.3. Shortcode: Abbreviation *************************************************************/
.tema-abbr{
border-bottom: 1px dotted #666;
cursor: help;
}
/********** 2.4. jQuery UI helpers *************************************************************/
.ui-helper-reset {
padding: 0;
outline: 0;
font-size: 100%;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
/********** 2.5. Shortcode: Tabs *************************************************************/
.tema-tabs {
position: relative;
margin-bottom: 30px;
clear: both;
}
.tema-tabs .ui-tabs-nav{
margin: 0;
}
.tema-tabs .ui-tabs-nav li {
list-style: none;
float: left;
display: block;
white-space: nowrap;
margin: 0;
padding: 0;
border-top: 1px solid #ececec;
border-left: 1px solid #ececec;
background: #fff;
font-size: 16px;
line-height: 16px;
position: relative;
font-family: Lato;
font-weight: bold;
}
.tema-tabs .ui-tabs-nav li a{
text-decoration: none;
text-align: center;
clear:both;
box-sizing: border-box;
display: block;
padding: 15px 20px;
width: 100%;
height: 100%;
cursor: pointer;
outline: none;
color: #555;
}
.tema-tabs .ui-tabs-nav li:hover{
background-color: #ececec ;
}
.tema-tabs .ui-tabs-nav li.ui-tabs-active {
position: relative;
}
.tema-tabs .ui-tabs-nav li.ui-tabs-active:after{
content: "";
display: block;
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: -1px;
left: 0;
}
.tema-tabs .ui-tabs-nav li.ui-tabs-active a{
color: #6b0303;
cursor: default;
}
.tema-tabs .ui-tabs-nav li:last-child{
border-right: 1px solid #ececec;
}
.tema-tabs .tema-tabs-wrapper{
border: 1px solid #f3f3f3;
height: 100%;
}
.tema-tabs .ui-tabs-panel {
display: block;
border-width: 0;
border-top: 1px solid #ccc;
padding: 10px 30px 10px 35px;
}
.ui-tabs-hide {
display: none;
}
/* bottom positioned tabs */
.tema-tabs-position-bottom .ui-tabs-nav {
border-bottom: none;
position: absolute;
bottom:-47px;
}
.tema-tabs-position-bottom .ui-tabs-nav li {
border-top: none;
border-bottom: 1px solid #ececec;
}
.tema-tabs-position-bottom .ui-tabs-panel {
padding: 30px 25px;
}
.tema-tabs-position-bottom .ui-tabs-nav li.ui-tabs-active:after{
top: -1px;
bottom: auto;
}
/* left or right positioned tabs */
.tema-tabs-vertical .ui-tabs-nav li a{
padding: 15px;
text-align: right;
}
/* left positioned tabs */
.tema-tabs-position-left .tema-tabs-wrapper{
margin-left: 200px;
}
.tema-tabs-position-left .ui-tabs-nav {
width: 200px;
float: left;
margin-bottom: 30px;
}
.tema-tabs-position-left .ui-tabs-nav li{
float: none;
line-height: 14px;
border-right: none;
}
.tema-tabs-position-left .ui-tabs-nav li:last-child{
border-bottom: 1px solid #ececec;
border-right: none;
}
.tema-tabs-position-left .ui-tabs-nav li.ui-tabs-active{
background: #fff;
}
.tema-tabs-position-left .ui-tabs-nav li.ui-tabs-active:after{
content: "";
display: block;
width: 1px;
height: 100%;
background: #fff;
position: absolute;
bottom: auto;
left: auto;
right: -1px;
top: 0;
}
/* right positioned tabs */
.tema-tabs-position-right .tema-tabs-wrapper{
margin-right: 200px;
}
.tema-tabs-position-right .ui-tabs-nav {
width: 200px;
float: right;
margin-bottom: 30px;
}
.tema-tabs-position-right .ui-tabs-nav li{
float: none;
line-height: 14px;
border-left: none;
border-right: 1px solid #ececec;
}
.tema-tabs-position-right .ui-tabs-nav li a{
text-align: left;
}
.tema-tabs-position-right .ui-tabs-nav li:last-child{
border-bottom: 1px solid #ececec;
border-left: none;
}
.tema-tabs-position-right .ui-tabs-nav li.ui-tabs-active{
background: #fff;
}
.tema-tabs-position-right .ui-tabs-nav li.ui-tabs-active:after{
content: "";
display: block;
width: 1px;
height: 100%;
background: #fff;
position: absolute;
bottom: auto;
right: auto;
left: -1px;
top: 0;
}
/* Bellow width break point */
.tema-tabs.tema-tabs-fullwidthtabs .ui-tabs-nav li {
margin-right: 0px;
width: 100%;
margin-left: 0;
float: none;
text-align: left;
padding: 5px 15px;
border: 1px solid #ececec;
border-bottom:none;
}
.tema-tabs.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active{
background: #f9f9f9;
}
.tema-tabs.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
display: none;
}
.tema-tabs-position-bottom.tema-tabs-fullwidthtabs .ui-tabs-nav {
position: relative;
}
.tema-tabs-position-bottom.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
display: none;
}
.tema-tabs-position-bottom.tema-tabs-fullwidthtabs .ui-tabs-panel {
padding: 0;
}
.tema-tabs-position-left.tema-tabs-fullwidthtabs .ui-tabs-nav,
.tema-tabs-position-right.tema-tabs-fullwidthtabs .ui-tabs-nav {
margin: 0;
border-bottom:none;
border-right: 1px solid #eeeeee;
width: 100%;
position: relative;
padding-bottom: 20px;
}
.tema-tabs-position-left.tema-tabs-fullwidthtabs .ui-tabs-nav li,
.tema-tabs-position-right.tema-tabs-fullwidthtabs .ui-tabs-nav li{
float: none;
text-align: left;
line-height: 37px;
padding: 5px 15px;
margin-right: 0;
margin-left: 0;
}
.tema-tabs-position-left.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active,
.tema-tabs-position-right.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active{
background: #f9f9f9;
}
.tema-tabs-position-left.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after,
.tema-tabs-position-right.tema-tabs-fullwidthtabs .ui-tabs-nav li.ui-tabs-active:after{
display: none;
}
.tema-tabs-position-left.tema-tabs-fullwidthtabs .ui-tabs-panel,
.tema-tabs-position-right.tema-tabs-fullwidthtabs .ui-tabs-panel{
margin-left: 0px;
margin-right: 0px;
padding-top:0;
}
/********** 2.6. Shortcode: Accordion *************************************************************/
.tema-accordion{
margin-bottom: 30px;
}
.tema-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
color:#202024;
font-weight:normal;
padding: 10px 0 10px 20px;
margin-top: 1px;
font-size: 20px;
font-weight: 700;
background: #ececec;
text-align: left;
}
.tema-accordion .ui-accordion-header:hover{
color:#6b0303;
}
.tema-accordion .ui-accordion-header-active {
color:#6b0303;
}
.tema-accordion .ui-accordion-header:first-child{
margin-top: 0;
}
.tema-accordion .ui-accordion-content {
overflow: auto;
background: #fff;
border-top: 0;
padding: 12px 11px 25px 21px;
text-align: left;
}
.tema-accordion .ui-accordion-header-icon{
display: block;
width: 14px;
height: 14px;
position: absolute;
right: 19px;
top: 16px;
}
.tema-accordion .ui-icon-triangle-1-s,
.tema-accordion .ui-icon-triangle-1-e{
background:none;
width:auto;
height:auto;
font-style:normal;
font-family: 'icomoon';
font-size: 14px;
line-height: 14px;
margin-right: 11px;
}
.tema-accordion .ui-icon-triangle-1-s:before{
content:'\64';
}
.tema-accordion .ui-icon-triangle-1-e:before{
content:'\65'
}
.tema-accordion.tema-accordion-style-2 .ui-accordion-header{
background: #fff;
font-size: 16px;
}
.tema-accordion.tema-accordion-style-2 .ui-accordion-header-active{
color:#202024;
}
.tema-accordion.tema-accordion-style-2 .ui-icon-triangle-1-s,
.tema-accordion.tema-accordion-style-2 .ui-icon-triangle-1-e{
color: #c0c0c0;
}
/********** 2.7. Shortcode: Toggle *************************************************************/
.tema-toggle{
margin-bottom: 40px;
}
.tema-toggle .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
border: 1px solid #ececec;
color:#202024;
font-weight:normal;
padding: 10px 0 10px 20px;
font-size: 20px;
font-weight: 700;
background: #ececec;
text-align: left;
}
.tema-toggle .tema-accordion-body{
padding-bottom: 16px;
text-align: left;
}
.tema-accordion:last-child{
margin-bottom: 5px;
}
/********** 2.8. Shortcode: Tables *************************************************************/
.tema-table table{
margin-bottom: 30px;
border-collapse:collapse;
border: 1px solid #d6d6d6;
}
.tema-table th{
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #505558;
text-align: left;
border: 1px solid #d6d6d6;
background: #ececec;
padding: 10px 30px;
}
.tema-table td{
border: 1px solid #d6d6d6;
padding: 15px 30px;
}
.tema-table.tema-table-alternative th{
color: #fff;
background: #6b0303;
}
.tema-table-condensed table{
}
.tema-table-hover table tr,
.tema-table-striped table tr,
.tema-table-condensed table tr{
border-top: 1px solid #eee !important;
}
.tema-table-hover table th,
.tema-table-striped table th,
.tema-table-condensed table th,
.tema-table-hover table td,
.tema-table-striped table td,
.tema-table-condensed table td{
padding: 2px 10px;
}
.tema-table-striped table tr:nth-child(2n+1){
background: #f9f9f9;
}
.tema-table-hover table tr:hover{
background: #efefef;
}
/********** 2.9. Shortcode: Alert boxes *************************************************************/
.tema_alert_success,
.tema_alert_info,
.tema_alert_warning,
.tema_alert_error{
margin-bottom: 40px;
padding: 8px 14px;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tema_alert_warning{
margin-bottom: 5px
}
.tema_alert_success i,
.tema_alert_info i,
.tema_alert_warning i,
.tema_alert_error i{
margin-right: 7px;
}
.tema_alert_success,
.tema_alert_success .tema_alert_box_close{
background: #e9f5ea;
color: #72a477;
border: 1px solid #cbe1cd;
}
.tema_alert_info,
.tema_alert_info .tema_alert_box_close{
background: #e9f2f5;
color: #69aecb;
border: 1px solid #cbdce1;
}
.tema_alert_warning,
.tema_alert_warning .tema_alert_box_close{
background: #f5f0e9;
color: #ae7c36;
border: 1px solid #e7d5c0;
}
.tema_alert_error,
.tema_alert_error .tema_alert_box_close{
background: #f5e9e9;
color: #d3432c;
border: 1px solid #e5c9c9;
}
.tema_alert_success .tema_alert_box_close,
.tema_alert_info .tema_alert_box_close,
.tema_alert_warning .tema_alert_box_close,
.tema_alert_error .tema_alert_box_close{
border: none;
background: none;
cursor: pointer;
position: absolute;
top: 7px;
right: 7px;
font-size: 8px;
}
/********** 2.10. Shortcode: Blockquote *************************************************************/
.tema_blockquote{
font-size: 24px;
font-style: italic;
line-height: 29px;
border-left: 3px solid #6b0303;
padding: 12px 0 12px 32px;
margin-bottom: 40px;
}
.tema_blockquote p{
font-weight: 400;
}
.tema_blockquote p>small{
margin-top: 20px;
}
.tema_blockquote small{
font-size: 16px;
display: block;
color: #bbc5cb;
}
.tema_blockquote small small{
font-size: 13px;
line-height: 24px;
color: #91a6b1;
}
/********** 2.11. Shortcode: UL *************************************************************/
.tema_shortcode_ul{
list-style: none !important;
}
.tema_shortcode_ul li{
list-style: none !important;
margin-bottom: 14px;
font-weight: 300;
display: block;
padding-left: 30px;
position: relative;
}
.tema_shortcode_ul li:last-child{
margin-bottom: 40px;
}
.tema_shortcode_ul li i{
font-size: 18px;
position: absolute;
left: 0;
right: 0;
}
/********** 2.12. Shortcode: Follow us links *************************************************************/
.tema_follow_us{
font-size: 16px;
}
.tema_follow_us a{
margin-right: 10px;
text-decoration: none;
display: inline-block;
background: #f5f7f8;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#888;
margin-bottom: 20px;
}
.tema_follow_us a:hover{
text-decoration: none;
background: #999;
color:#fff;
}
.tema_follow_us .tema_socialicon_facebook:hover{background: #3B5998;}
.tema_follow_us .tema_socialicon_twitter:hover{background: #4099FF;}
.tema_follow_us .tema_socialicon_googleplus:hover{background: #d34836;}
.tema_follow_us .tema_socialicon_linkedin:hover{background: #0e76a8;}
.tema_follow_us .tema_socialicon_youtube:hover{background: #c4302b;}
.tema_follow_us .tema_socialicon_pinterest:hover{background: #c8232c;}
.tema_follow_us .tema_socialicon_github:hover{background: #171515;}
.tema_follow_us .tema_socialicon_feed:hover{background: #ee802f;}
.tema_follow_us .tema_socialicon_behance:hover{background: #1769ff;}
.tema_follow_us .tema_socialicon_blogger_blog:hover{background: #f57d00;}
.tema_follow_us .tema_socialicon_delicious:hover{background: #3399ff;}
.tema_follow_us .tema_socialicon_designcontest:hover{background: #5faad2;}
.tema_follow_us .tema_socialicon_deviantart:hover{background: #4e6252;}
.tema_follow_us .tema_socialicon_digg:hover{background: #000;}
.tema_follow_us .tema_socialicon_dribbble:hover{background: #ea4c89;}
.tema_follow_us .tema_socialicon_dropbox:hover{background: #007ee5;}
.tema_follow_us .tema_socialicon_emailalt:hover{background: #ed1c16;}
.tema_follow_us .tema_socialicon_flickr:hover{background: #ff0084;}
.tema_follow_us .tema_socialicon_forrst:hover{background: #5b9a68;}
.tema_follow_us .tema_socialicon_instagram:hover{background: #3f729b;}
.tema_follow_us .tema_socialicon_lastfm:hover{background: #c3000d;}
.tema_follow_us .tema_socialicon_myspace:hover{background: #313131;}
.tema_follow_us .tema_socialicon_picasa:hover{background: #9a45a0;}
.tema_follow_us .tema_socialicon_skype:hover{background: #00aff0;}
.tema_follow_us .tema_socialicon_stumbleupon:hover{background: #f74425;}
.tema_follow_us .tema_socialicon_vimeo:hover{background: #44bbff;}
.tema_follow_us .tema_socialicon_zerply:hover{background: #9dcc7a;}
/********** 2.13. Shortcode: Stats Excerpt *************************************************************/
.tema_stats_excerpt{
color: #202024;
text-align: center;
position: relative;
padding-top: 45px;
margin-bottom: 73px;
}
.tema_stats_excerpt i{
color: #6b0303;
font-size: 64px;
line-height: 64px;
top: 0;
display: block;
margin-bottom: 14px;
}
.tema_stats_excerpt .tema_stats_number,
.tema_stats_excerpt .tema_stats_number_sign{
font-size: 68px;
line-height: 68px;
font-weight: 100;
font-family: Lato;
}
.tema_stats_excerpt p{
font-size: 24px;
font-weight: 300;
font-family: Lato;
margin-top: 19px;
}
.pattern_overlayed .tema_stats_excerpt{
color: #fff;
}
.pattern_overlayed .tema_stats_excerpt i{
color: #fff;
}
.tema_section_dd.stats_expert_alternative.section_with_header{
border-bottom: none;
}
.tema_section_dd.stats_expert_alternative .tema_stats_excerpt {
color: #fff;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative{
padding-left: 70px;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt{
margin-bottom: 0px;
padding-bottom: 23px;
text-align: left;
padding-top: 0;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt i{
margin-bottom: 0;
float: left;
color: #fff;
margin-right: 38px;
height: 100px;
width: 100px;
padding: 20px 24px;
font-size: 48px;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt .icon-twitter{
background-color: #5bc8ec;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt .icon-facebook{
background-color: #4d6299;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt .icon-googleplus{
background-color: #dc4a38;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt span{
font-family: Lato;
color: #202024;
font-size: 36px;
font-weight: 300;
}
.tema_section_dd .tema_column_dd_span4.our_fan_alternative .tema_stats_excerpt p{
font-family: Lato;
color: #555555;
font-size: 22px;
font-weight: 300;
margin-bottom: 0;
margin-top: -13px;
}
.tema_section_dd.startup_alternative{
padding-top: 80px;
}
/********** 2.14. Shortcode: Knob *************************************************************/
.tema_knob_wrapper{
text-align: center;
margin-bottom: 30px;
}
.tema_knob_inner_wrap{
position: relative;
text-align: center;
margin-bottom: 17px;
}
.tema_knob_wrapper input{
display: none;
}
.tema_knob_wrapper h3{
font-size: 20px;
margin-bottom: 0;
font-weight: 300;
}
.tema_knob_wrapper .tema_knob_number_sign{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
font-size: 32px;
font-family: Lato;
font-weight: 300;
z-index: 2;
color: rgb(101, 101, 101);
visibility: visible;
line-height: 500px;
}
/********** 2.15. Shortcode: Team *************************************************************/
.our_team_alternative .tema_container .tema_column_dd_span3{
margin-left: 0;
}
.tema_team_member{
text-align: center;
}
.tema_team_member .tema_overlayed{
position: relative;
line-height: 1;
display: inline-block;
}
.tema_team_member .tema_overlayed .tema_overlay{
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
z-index: 0;
filter: alpha(opacity=0);
opacity: 0;
-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;
}
.tema_team_member .tema_overlayed .tema_overlay *{
z-index: 1;
}
.tema_team_member:hover .tema_overlayed .tema_overlay{
filter: alpha(opacity=100);
opacity: 1;
}
.tema_team_member .tema_overlayed .tema_overlay:after{
display: block;
content: '';
position: absolute;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
transition: height 300ms;
width: 200%;
height: 0;
top: 50%;
left: 50%;
background: rgba(32,32,36,0.9);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.tema_team_member .tema_overlayed .tema_overlay:hover:after {
height: 300%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.tema_team_member .tema_overlayed .tema_overlay p{
position: absolute;
width: 100%;
top: 66px;
}
.tema_team_member .tema_overlayed .tema_overlay p a{
color: #fff;
text-decoration: none;
}
.tema_team_member .tema_overlayed .tema_overlay p a:hover{
color: #cee6e6;
}
.tema_team_member .tema_overlayed .tema_overlay i{
font-size: 25px;
margin: 0 8px;
}
.tema_team_member .tema_team_member_name{
display: block;
font-weight: 300;
font-size: 30px;
color: #fff;
padding-bottom: 13px;
}
.section_body_fullwidth .tema_team_member .tema_team_member_position{
display: block;
font-size: 16px;
color: #fff;
font-weight: 700;
padding-bottom: 70px;
}
.tema_team_member .tema_team_member_position{
display: block;
font-size: 16px;
color: #fff;
font-weight: 700;
padding-bottom: 20px;
}
.tema_team_member .tema-button{
border: 1px solid #6b0303;
color: #fff;
margin:0px;
position: relative;
display: inline-block;
width: auto;
height: auto;
}
.tema_team_member .tema-button:after{
background: #6b0303;
}
.tema_team_member .tema_overlayed .tema_overlay .tema_team_member_modal_link:hover{
color: #6b0303;
}
.tema_team_member_modal{
display: none;
position: fixed;
top: 150px;
left: 25%;
right: 25%;
height: auto;
background: #fff;
z-index: 999999;
overflow-y: auto;
padding: 40px;
text-align: left;
box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.5);
}
.tema_team_member_modal h4,
.tema_team_member_modal .tema_team_member_position{
text-align: left;
}
.tema_team_member_modal h4{
font-size: 30px;
font-weight: 700;
}
.tema_team_member_modal .tema_team_member_position{
color: #6b0303;
font-size: 20px;
font-weight: 300;
}
.tema_team_member_modal .tema_container{
width:100%;
margin-left: auto;
margin-right: auto;
}
.tema_team_member_modal_close{
width: 16px;
height: 16px;
font-size: 16px;
line-height: 16px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.tema_team_member_modal_opened .tema_column_dd_span4 img{
margin-top: 85px;
}
.tema_team_member_social_under{
margin-top: 20px;
}
.tema_team_member_social_under a{
margin-right: 16px;
color: #000;
}
.tema_team_member_social_under a:hover i{
color: #6b0303;
}
.tema_team_member_new:hover{
opacity: 0.9;
background-color: rgba(32, 32, 36, 0.9);
-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;
}
/********** 2.16. Shortcode: Posts *************************************************************/
.tema_posts_shortcode{
margin-bottom: 44px;
position: relative;
}
.tema_post_single{
position: relative;
}
.tema_post_single:last-of-type{
margin-bottom: 0px;
}
.tema_latest_news_shortcode_thumb{
float: left;
margin-right: 30px;
}
.tema_latest_news_shortcode_thumb img{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tema_latest_news_time{
display: block;
position: absolute;
top: 0px;
left: 0;
text-align: center;
color: #fff;
background: #6b0303;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tema_latest_news_time .day{
display: block;
font-size: 21px;
}
.tema_latest_news_time .month{
display: block;
text-transform: lowercase;
font-size: 13px;
}
.tema_latest_news_time .year{
display: none;
}
.tema_post_single.without_thumbnail .tema_latest_news_shortcode_content{
padding-left: 87px;
}
.tema_posts_shortcode_style1 .tema_post_single{
position: relative;
margin-bottom: 25px;
}
.tema_posts_shortcode_style1 .go_to_blog{
padding-left: 200px;
}
.tema_posts_shortcode_style1 .tema_latest_news_shortcode_thumb img{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 70px;
height: 70px;
margin-left: 100px;
}
/*.tema_posts_shortcode_style1:after{
width: 1px;
height: 100%;
background: #c0c0c0;
content: "";
display: block;
position: absolute;
left: 135px;
top: 0;
z-index: -1;
}*/
.tema_posts_shortcode_style1 .tema_latest_news_time{
display: block;
position: absolute;
top: 10px;
left: 0;
text-align: center;
color: #323232;
background: none;
}
.tema_posts_shortcode_style1 .tema_latest_news_time .day{
display: block;
font-size: 20px;
font-weight: 300;
text-align: right;
padding-bottom: 5px;
}
.tema_posts_shortcode_style1 .tema_latest_news_time .our{
font-size: 22px;
font-weight: 300;
color: #323232;
}
.tema_posts_shortcode_style1 .tema_latest_news_time .minutes{
font-size: 22px;
font-weight: 300;
}
.tema_posts_shortcode_style1 .tema_latest_news_time .am_pm{
padding-left: 5px;
color: #323232;
font-weight: 400;
font-size: 22px;
}
.tema_posts_shortcode_style1 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content{
/*padding-left: 200px;*/
}
.tema_posts_shortcode_style1 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a,
.tema_posts_shortcode_style2 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a,
.tema_posts_shortcode_style3 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a{
color: #202024;
font-size: 20px;
font-weight: 400;
}
.tema_posts_shortcode_style1 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a:hover,
.tema_posts_shortcode_style2 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a:hover,
.tema_posts_shortcode_style3 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5 a:hover{
color: #6b0303;
}
.tema_posts_shortcode_style2 .tema_post_single,
.tema_posts_shortcode_style3 .tema_post_single{
margin-bottom: 40px;
}
.tema_posts_shortcode.tema_posts_shortcode_style2 .tema_latest_news_time{
height: 60px;
width: 60px;
}
.tema_posts_shortcode.tema_posts_shortcode_style2 .days{
font-size: 26px;
font-weight: 300;
padding: 0px 15px;
line-height: 26px;
margin-top: 10px;
}
.tema_posts_shortcode.tema_posts_shortcode_style2 .months{
font-size: 16px;
font-weight: 400;
}
.tema_posts_shortcode.tema_posts_shortcode_style3{
position: relative;
margin-bottom: 44px;
}
.tema_posts_shortcode_style3 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content h5{
padding-bottom: 12px;
}
.tema_posts_shortcode_style3 .tema_post_single.has_thumbnail .tema_latest_news_shortcode_content p{
padding-bottom: 7px;
}
.tema_posts_shortcode.tema_posts_shortcode_style3 .tema_latest_news_time{
color: #202024;
background: none;
position: relative;
margin-bottom: 6px;
text-align: left;
}
.tema_posts_shortcode.tema_posts_shortcode_style3 .tema_latest_news_time .style3_days,
.tema_posts_shortcode.tema_posts_shortcode_style3 .tema_latest_news_time .style3_months,
.tema_posts_shortcode.tema_posts_shortcode_style3 .tema_latest_news_time .style3_years{
font-size: 28px;
font-weight: 300;
text-align: right;
text-transform: uppercase;
padding-right: 5px;
}
.tema_posts_shortcode.tema_posts_shortcode_style1 .tema_post_single:last-of-type{
margin-bottom: 10px;
}
.tema_posts_shortcode.tema_posts_shortcode_style2 .tema_post_single:last-of-type,
.tema_posts_shortcode.tema_posts_shortcode_style3 .tema_post_single:last-of-type{
margin-bottom: 0;
}
.tema_posts_shortcode.tema_posts_shortcode_style1 .tema_posts_blog_link{
margin-left: 200px;
}
.tema_posts_shortcode.tema_posts_shortcode_style1 .tema_posts_blog_link i{
color: #555;
position: relative;
top: 2px;
}
/********** 2.17. Shortcode: Priceboxes *************************************************************/
.tema_pricing-table-1,
.tema_pricing-table-2{
text-align: center;
}
.tema_pricebox_feature_button .tema-button{
margin: 23px 0 0 0;
}
.tema_pricebox_feature_button i{
font-size: 13px;
}
.tema_pricing-table-1 .tema_pricebox_header{
background: #cee6e6;
color: #6b0303;
text-align: center;
padding: 35px 0 45px 0;
margin-bottom: 20px;
}
.tema_pricing-table-1 .tema_pricebox_featured_text{
margin-bottom: 3px;
min-height: 30px;
text-align: center;
color: #fff;
font-size: 14px;
line-height: 30px;
}
.tema_pricing-table-1 .tema_popular-plan .tema_pricebox_featured_text{
background: #434342;
}
.tema_pricing-table-1 .tema_pricebox_name{
font-size: 19px;
font-weight: 700;
text-transform: uppercase;
display: block;
margin-bottom: 36px;
}
.tema_pricing-table-1 .tema_pricebox_currency{
font-size: 30px;
position: relative;
top: -20px;
}
.tema_pricing-table-1 .tema_pricebox_price{
font-size: 50px;
line-height: 60px;
margin-bottom: 42px;
display: inline-block;
}
.tema_pricing-table-1 .tema_pricebox_monthly{
font-size: 23px;
}
.tema_pricing-table-1 .tema_pricebox_decsription{
display: block;
font-style: italic;
}
.tema_pricing-table-1 .tema_pricebox_feature{
border-bottom: 1px solid #d9d9d9;
display: block;
padding: 14px 40px 15px 40px;
text-align: left;
}
.tema_pricing-table-1 .tema_pricebox_feature:last-child{
border-bottom: none;
padding-top: 23px;
}
.tema_pricing-table-2{
background: #fff;
}
.tema_pricing-table-2 .tema_pricebox_header{
text-align: center;
background: #202024;
color: #6b0303;
}
.tema_pricing-table-2 .tema_plan .tema_pricebox_feature:first-of-type{
margin-top: 24px;
border-top: none;
}
.tema_pricing-table-2 .tema_pricebox_name{
font-size: 24px;
font-family: Lato;
background: #fff;
color: #555555;
font-weight: 300;
display: block;
padding: 28px;
}
.tema_pricing-table-2 .tema_pricebox_currency{
font-size: 50px;
position: relative;
font-family: Lato;
color: #fff;
font-weight: 300;
}
.tema_pricing-table-2 .tema_pricebox_price{
font-size: 50px;
line-height: 30px;
display: inline-block;
padding: 35px 0 44px 0;
font-family: Lato;
color: #fff;
font-weight: 300;
}
.tema_pricing-table-2 .tema_popular-plan .tema_pricebox_header,
.tema_pricing-table-2 .tema_popular-plan .tema_pricebox_currency,
.tema_pricing-table-2 .tema_popular-plan .tema_pricebox_price{
color: #fff;
}
.tema_pricing-table-2 .tema_popular-plan .tema_pricebox_monthly{
color: #6b0303;
}
.tema_pricing-table-2 .tema_popular-plan .tema_pricebox_name{
background: #6b0303;
color: #f7f7f7;
}
.tema_pricing-table-2 .tema_pricebox_price sup{
font-size: 25px;
}
.tema_pricing-table-2 .tema_pricebox_monthly{
font-size: 16px;
font-weight: 300;
}
.tema_pricing-table-2 .tema_pricebox_decsription{
display: block;
font-style: italic;
padding-bottom: 30px;
}
.tema_pricing-table-2 .tema_pricebox_feature:last-child{
border-top: none;
padding: 2px 0;
margin-bottom: 3px;
}
.tema_pricing-table-2 .tema_pricebox_feature{
display: block;
padding: 10px 0 10px 0;
text-align: center;
color: #545454;
border-top: 1px solid #e6ebed;
}
.tema_pricing-table-2 .tema_button{
margin-top: 40px;
margin-right: 0;
}
.tema_pricebox_feature .icon-ok{
color:#90ce4e;
padding-right:16px;
}
.tema_pricebox_feature .icon-remove{
color:#6b0303;
margin-left: -34px;
margin-top:3px;
position: absolute;
}
/********** 2.18. Shortcode: Progress bar *************************************************************/
.tema_meter {
margin-bottom: 21px;
background: #e7e7e7;
height: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: relative;
}
.tema_meter_label{
margin-bottom: 12px;
display: inline-block;
line-height: 16px;
color: #505558;
font-family: Lato;
font-weight: 300;
font-size: 16px;
}
.tema_meter .tema_meter_percentage {
display: block;
background: rgb(255, 59, 48);
height: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.tema_meter .tema_meter_percentage span{
line-height: 16px;
position: absolute;
display: block;
width: 42px;
text-align: right;
top: -26px;
right: 0;
color: #505558;
font-family: Lato;
font-weight: 300;
font-size: 16px;
}
.tema_meter .tema_meter_percentage.red{
background: rgb(255, 59, 48);
}
.tema_meter .tema_meter_percentage.red2{
background: rgb(224, 39, 28);
}
.tema_meter .tema_meter_percentage.orange{
background: rgb(255, 111, 48);
}
.tema_meter .tema_meter_percentage.blue{
background: rgb(95, 144, 182);
}
/********** 2.19. Shortcode: Service boxes *************************************************************/
.tema_service_box{
text-align: center;
margin-bottom: 0px;
padding-top: 0;
}
.tema_service_box_round h3{
margin-bottom: 11px;
}
.tema_service_box_round h3:hover{
color: #6b0303;
cursor: pointer;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
}
.tema_service_box_round p{
margin-top: 11px;
margin-bottom: 0;
font-weight: 300;
}
.process_section .tema_service_box .tema_icon_boxed{
background: #6b0303;
width: 100px;
height: 100px;
}
.process_section .tema_service_box .tema_icon_boxed i{
line-height: 100px;
color: #fff;
}
.tema_service_box_round .tema_icon_boxed{
display: inline-block;
position: relative;
text-decoration: none;
margin-bottom: 10px;
}
.tema_service_box_round .tema_icon_boxed i{
font-size: 70px;
line-height: 70px;
position: relative;
top: -1px;
}
.tema_service_box_round:hover .tema_icon_boxed i{
color: #555555;
cursor: pointer;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
}
.tema_service_box .tema_icon_boxed i{
color: #6b0303;
}
.tema_service_box.tema_service_box_round_stroke .tema_icon_boxed{
background: none;
border: 3px solid #6b0303;
}
.tema_service_box.tema_service_box_round_stroke .tema_icon_boxed i{
color: #6b0303;
}
.tema_service_box.tema_service_box_round_aside{
text-align: left;
position: relative;
}
.tema_section_dd.startup_service_box{
border-bottom: none;
}
.tema_service_box.tema_service_box_round_aside h3 a{
color: #202024;
}
.tema_service_box.tema_service_box_round_aside h3:hover a,
.tema_service_box.tema_service_box_round_aside2 h3:hover{
color: #6b0303;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
}
.tema_service_box.tema_service_box_round_aside h3,
.tema_service_box.tema_service_box_round_aside span{
padding-left: 99px;
}
.tema_service_box.tema_service_box_round_aside h3{
margin-bottom: 11px;
}
.tema_service_box.tema_service_box_round_aside p{
padding-top: 31px;
margin-bottom: 0;
}
.tema_service_box.tema_service_box_round_aside .tema_icon_boxed,
.tema_service_box.tema_service_box_round_aside2 .tema_icon_boxed{
position: absolute;
left: 0;
text-align: center;
margin-right: 20px;
width: 54px;
height: 54px;
line-height: 54px;
background: #6b0303;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 70px;
width: 70px;
}
.tema_service_box.tema_service_box_round_aside .tema_icon_boxed i,
.tema_service_box.tema_service_box_round_aside2 .tema_icon_boxed i{
line-height: 70px;
font-size: 30px;
color: #fff;
}
.tema_service_box.tema_service_box_round_aside:hover .tema_icon_boxed,
.tema_service_box.tema_service_box_round_aside2:hover .tema_icon_boxed{
background: #555;
cursor: pointer;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
}
.tema_section_dd.section_with_round_aside2 header p{
padding-bottom: 32px;
}
.tema_service_box.tema_service_box_round_aside2{
text-align: left;
position: relative;
padding-left: 99px;
padding-bottom: 51px;
}
.tema_service_box.tema_service_box_round_aside2 h3{
cursor: pointer;
}
.tema_service_box.tema_service_box_round_aside2 p{
margin-top: 21px;
margin-bottom: 22px;
}
.tema_service_box_square .tema_icon_boxed{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.tema_service_box .tema_icon_boxed:hover:after{
border-top: 9px solid #6b0303;
transition: all 300ms ease-in;
-webkit-transition: all 300ms ease-in;
}
.tema_service_box .service_box_subtitle{
color: #6b0303;
font-weight: 400;
}
/********** 2.20. Shortcode: Divider *************************************************************/
.tema_divider{
clear:both;
text-align: right;
border-top: 1px solid #ececec;
margin-top: 35px;
margin-bottom: 33px;
position: relative;
}
.tema_divider a{
text-decoration: none;
display: inline-block;
font-size: 14px;
float: right;
position: absolute;
top: -12px;
right: 0px;
background: #fff;
padding-left: 19px;
}
.tema_divider a:hover{
text-decoration: none;
}
.tema_divider i{
position: relative;
top: 0px;
font-size: 16px;
padding-left: 7px;
}
.tema_divider_dashed{
border-top: 1px dashed #ececec;
}
.tema_divider_dotted{
border-top: 1px dotted #ececec;
}
/********** 2.21. Shortcode: Pullquote *************************************************************/
.tema_pullquote{
float: left;
font-size: 24px;
font-style: italic;
line-height: 29px;
border-left: 3px solid #6b0303;
padding: 12px 0 12px 32px;
margin-right: 30px;
margin-bottom: 30px;
margin-top: 30px;
font-weight: 400;
}
.tema_pullquote_right{
float: right;
margin-left: 30px;
}
/********** 2.22. Shortcode: Tooltip *************************************************************/
.tema_tooltip{
cursor: pointer;
}
/********** 2.23. Shortcode: Source Code *************************************************************/
.tema_prettyprint{
padding: 24px !important;
}
.tema_prettyprint ol{
margin: 0 !important;
padding: 0 !important;
list-style: decimal outside !important;
}
.tema_prettyprint li{
margin-left: 20px !important;
list-style: decimal outside !important;
}
/********** 2.24. Shortcode: RSS Feed *************************************************************/
.tema_rss,
.tema_rss li{
list-style: none !important;
margin-left: 0 !important;
}
/********** 2.25. Shortcode: Children *************************************************************/
.tema_children,
.tema_children li{
list-style: none !important;
margin-left: 0 !important;
}
/********** 2.26. Shortcode: Sitemap *************************************************************/
.tema_sitemap,
.tema_sitemap li{
list-style: none !important;
}
.tema_sitemap{
margin-bottom: 20px;
}
/********** 2.27. Shortcode: Google Map *************************************************************/
.tema_google_map img{
max-width: none !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
}
/********** 2.28. Shortcode: Dropcap *************************************************************/
.tema_dropcap{
display: block;
width: 30px;
height: 33px;
font-size: 46px;
line-height: 46px;
text-align: center;
color: #6b0303;
float: left;
margin-right: 7px;
font-weight: 700;
}
.postmeta_under_image .tema_dropcap{
font-size: 32px;
line-height: 38px;
font-weight: 700;
}
/********** 2.29. Shortcode: Videos *************************************************************/
.tema-videoWrapper-youtube{
position:relative;
padding-bottom:56.25%;
padding-top:0px;
height:0;
overflow:hidden;
}
.tema-videoWrapper-youtube iframe,
.tema-videoWrapper-youtube object,
.tema-videoWrapper-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.tema-videoWrapper-vimeo{
position:relative;
padding-bottom:53%;
padding-top:30px;
height:0;
overflow:hidden;
}
.tema-videoWrapper-vimeo iframe,
.tema-videoWrapper-vimeo object,
.tema-videoWrapper-vimeo embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/********** 2.30. Shortcode: Clear *************************************************************/
.tema_clear{
clear:both;
}
/********** 2.31. Shortcode: Callout Boxes *************************************************************/
.tema-callout_box{
padding: 40px 0 34px 0;
}
.tema-callout_box.callout_box_invert{
padding: 40px 0 35px 0;
}
.tema-callout_box_title,
.tema-callout_box_title.callout_box_invert{
font-size: 24px;
line-height: 30px;
font-family: Lato;
display: block;
font-weight: 700;
margin-bottom: 14px;
color: #FFF;
}
.tema-callout_box p{
margin-bottom: 0;
color: #FFF;
}
.tema-callout_box .tema_column_dd_span3{
text-align: right;
padding-top: 3px;
}
.tema-callout_box .tema-button,
.tema-callout_box.callout_box_invert .tema-button{
margin-bottom: 0;
}
.callout_box_invert p,
.callout_box_invert .tema-callout_box_title,
.callout_box_invert .tema-button i{
color: #fff;
}
/********** 2.32. Shortcode: Buttons *************************************************************/
.tema-button{
display: inline-block;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
margin-bottom: 40px;
text-decoration: none;
font-family: Lato;
font-weight: 400;
overflow: hidden;
position: relative;
z-index: 0;
}
.tema-button:after{
display: block;
content: '';
position: absolute;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
transition: height 300ms;
width: 400%;
height: 0;
z-index: -1;
top: 50%;
left: 50%;
background: #fff;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.tema-button:hover:after {
height: 600%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.tema-button i{
margin-left: 10px;
}
.tema-button_dark{
background: #202024;
border: 1px solid #6b0303;
color: #fff !important;
}
.tema-button_dark:hover{
border: 1px solid #6b0303;
color: #fff !important;
}
.tema-button_dark:after{
background: #6b0303;
}
.tema-button_yellow{
background: #fff;
border: 1px solid #e7ad01;
color: #202024 !important;
}
.tema-button_yellow:hover{
border: 1px solid #e7ad01;
color: #fff !important;
}
.tema-button_yellow:after{
background: #e7ad01;
}
.tema-button_green{
background: #fff;
border: 1px solid #90ce4e;
color: #202024 !important;
}
.tema-button_green:hover{
border: 1px solid #90ce4e;
color: #fff !important;
}
.tema-button_green:after{
background: #90ce4e;
}
.tema-button_red{
background: #fff;
border: 1px solid #6b0303;
color: #202024 !important;
}
.tema-button_red:hover{
border: 1px solid #6b0303;
color: #fff !important;
}
.tema-button_red:after{
background: #6b0303;
}
.tema-button_blue{
background: #fff;
border: 1px solid #2785c0;
color: #202024 !important;
}
.tema-button_blue:hover{
border: 1px solid #2785c0;
color: #fff !important;
}
.tema-button_blue:after{
background: #2785c0;
}
.tema-button_gray{
background: #ececec;
border: 1px solid #c0c0c0;
color: #202024 !important;
}
.tema-button_gray:hover{
border: 1px solid #c0c0c0;
color: #202024 !important;
}
.tema-button_gray:after{
background: #c0c0c0;
}
.tema-button_light{
background: #FFF;
color: #202024 !important;
}
.tema-button_light:after{
background: #6b0303;
}
.tema-button_small{
padding: 12px 20px;
font-size: 14px;
line-height: 14px;
}
.tema-button_medium{
padding: 11px 33px;
font-size: 16px;
line-height: 16px;
}
.tema-button_large{
padding: 16px 33px;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
}
.tema-button_xlarge{
padding: 16px 50px;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
}
.tema-button_rounded.tema-button_small{
-webkit-border-radius: 40px;
-moz-border-radius: 40px
border-radius: 40px;
}
.tema-button_rounded.tema-button_medium{
-webkit-border-radius: 48px;
-moz-border-radius: 48px
border-radius: 48px;
}
.tema-button_rounded.tema-button_large{
width: 120px;
height: 120px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #6b0303;
color: #fff !important;
line-height: 82px;
padding-left: 22px;
margin-bottom: 0;
position: relative;
}
.tema-button_rounded.tema-button_large i{
left: 70px;
top: 48px;
font-size: 10px;
color: #fff;
position: absolute;
}
.tema-button_rounded.tema-button_large:hover,
.tema-button_rounded.tema-button_large:hover i{
color: #202024 !important;
transition: all 180ms ease-in;
-webkit-transition: all 180ms ease-in;
}
.tema-button_rounded.tema-button_large:hover{
background: #fff;
border: 1px solid #6b0303;
}
.tema-button_rounded.tema-button_xlarge{
-webkit-border-radius: 120px;
-moz-border-radius: 120px
border-radius: 120px;
}
/********** 2.33. Custom Section Classes *************************************************************/
.process_section .tema_container>div{
position: relative;
}
.process_section .tema_container>div:after{
content: '\f488';
font-family: 'WebHostingHub-Glyphs';
font-size: 11px;
display: block;
position: absolute;
top: 40px;
right: -20px;
}
.process_section .tema_container>div:last-child:after{
display: none;
}
.tema_section_dd.alternative_section_without_border{
border-bottom: none;
}
.tema_section_dd.alternative_section_with_buttons_first{
padding-top: 6px;
padding-bottom: 40px;
}
.tema_section_dd.section_after_slider{
padding-top: 81px;
padding-bottom: 34px;
}
.tema_section_dd.section_after_slider a{
margin-bottom: 0px;
margin-top: 11px;
}
#search{
position: relative;
}
#search .submit i{
position: absolute;
top: 15px;
right: 15px;
}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/*-----------------------------------------------------------------*/
/* 3. Global styles
/*-----------------------------------------------------------------*/
body{
font-family: Lato, sans-serif;
font-size: 16px;
line-height: 22px;
color: #555555;
font-weight: 300;
}
body.preloader{
visibility: hidden;
}
#jpreOverlay {
background-color: #000000;
}
#jpreSlide{
display: none;
}
#jpreLoader{
width:50%;
height:25px;
}
#jpreBar{
border-top: 1px solid #aaa;
}
#jprePercentage {
color:#aaa;
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
text-align:center;
font-size: 40px;
}
a{
color: #6b0303;
text-decoration: none;
transition: all 180ms ease-in;
-webkit-transition: all 180ms ease-in;
}
a:hover{
color: #555555;
transition: all 180ms ease-in;
-webkit-transition: all 180ms ease-in;
}
p{
margin-bottom: 24px;
font-weight: 300;
}
hr{
background-color: #e1e9e9;
display: block;
height: 1px;
border-color: #e1e9e9;
border: 0;
padding: 0;
margin-bottom: 11px;
}
section{
padding: 40px 0 40px 0;
}
ul,
ol{
margin-left: 20px;
}
h1, h6{
font-family: Lato;
font-weight: 300;
color: #202024;
margin-bottom: 11px;
}
h2, h3, h4{
font-family: Lato;
font-weight: 700;
color: #202024;
margin-bottom: 31px;
}
h1{
font-size: 35px;
line-height: 42px;
}
h2{
font-size: 30px !important;
line-height: 36px !important;
}
h3{
font-size: 24px;
line-height: 29px;
}
h4{
font-size: 20px;
line-height: 24px;
}
h5{
font-size: 16px;
font-weight: 700;
line-height: 22px;
color: #c0c0c0;
font-family: Lato;
}
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{
color: #fff;
font-size: 14px;
}
.tema_section_dd.typo_shortcodes h2, h4{
margin-bottom: 14px;
}
.tema_section_dd.typo_shortcodes h4{
margin-top: -14px;
}
.tema_section_dd.typo_shortcodes i{
color: #6b0303;
}
.tema_section_dd.section_after_slider h2{
margin-bottom: 17px;
}
.tema_section_dd.section_why_choose_tema h2{
margin-bottom: 63px;
}
.tema_section_dd.section_why_choose_tema h4{
margin-bottom: 48px;
}
.project_planner_alternative h2{
margin: 43px 6px 13px 0;
}
#related_portfolio{
padding-bottom: 75px;
}
#related_portfolio h3{
text-align: center;
}
.project_planner_alternative p{
margin-right: 6px;
margin-bottom: 17px;
}
.tema_section_dd.stats_expert_alternative.section_with_header h3{
color: #fff;
}
.section_gray_body .tema_section_content{
background: #f4f4f4;
padding: 55px 0;
}
.section_body_fullwidth .tema_section_content .tema_container{
width: 100%;
}
.tema_section_dd.startup_image_section p{
margin-bottom: 17px;
line-height: 19px;
}
.small_text{
font-size: 14px;
font-weight: 300;
margin-top: -6px;
margin-bottom: 0;
}
.section_with_gray_body{
background-color:#6b0303;
}
.section_with_white_body{
background-color: #ffffff;
}
.section_with_dark_body{
background-color: #6b0303;
}
.spacer_40{
height: 40px;
display: block;
}
.width_100{
width: 100%;
border: none;
}
.spacer_49{
height: 49px;
display: block;
}
.spacer_70{
height: 70px;
display: block;
}
.spacer_100{
height: 100px;
display: block;
}
.border_0{
border: 0px;
}
.red_icons{
color:#6b0303;
}
.red_icons2{
color: #f1501a;
}
#home-layout-v4 #Protocolo,
#home-layout-v4 #consulta1,
#home-layout-v4 #consulta2,
#home-layout-v4 #consulta3,
#home-layout-v4 #consulta4,
#home-layout-v4 #consulta5,
#home-layout-v4 #consulta,
#home-layout-v4 #DOCUMENTO_CPF,
#home-layout-v4 #Nome{
border: 1px solid #d9d9d9;
font-family: Lato, sans-serif;
color: #000;
font-size: 14px;
line-height: 26px;
background: #fafcfc;
outline: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
button:hover,
input[type="submit"]:hover{
background: #555555;
border-color: #555555;
}
.placeholder{
color: #999;
}
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
opacity: 1;
}
::-moz-placeholder {
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
}
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{
background: #f1eb3c;
display: inline-block;
padding: 0 3px;
}
.color_highlight{
color: #6b0303;
}
.highlighted_text{
color: #ffffff;
background-color: #6b0303;
}
.highlighted_text_yellow{
color: #fff000;
background-color: #b3c783;
}
.icon_plus_style{
color:#555555;
line-height:16px;
font-size:16px;
}
.bold{
font-weight: 700;
}
.hidden{
visibility: hidden;
}
.display_none{
display: none;
}
.tema_dropcap{
position: relative;
top: 0px;
}
.section_color_background{
background: #6b0303;
margin-bottom: 0;
}
.leading_line{
margin-bottom: 80px !important;
}
.leading_line:after{
content: "";
display: block;
position: relative;
bottom: -40px;
width: 70px;
height: 5px;
background: #6b0303;
}
.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_right_sidebar{
}
.content_with_left_sidebar{
float:right !important;
}
.span12.content_with_right_sidebar{
padding-right: 0;
}
.alignleft,
.left_aligned{
text-align: left !important;
}
.alignright,
.right_aligned{
text-align: right !important;
}
.center_aligned,
.aligncenter{
text-align: center !important;
}
.no_padding_bottom{
padding-bottom: 0 !important;
}
.no_padding_top{
padding-top: 0 !important;
}
.padding_reduced_both{
padding: 40px 0;
}
.wp-caption.aligncenter{
width: 100% !important;
}
.margin_bottom{
margin-bottom: 40px;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
.pattern_overlayed{
position: relative;
color: #fff !important;
}
.pattern_overlayed:before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #002037;
background: rgba(0,32,55,0.9);
z-index: 0;
}
.pattern_overlayed .tema_container{
z-index: 1;
position: relative;
}
.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}
/*-------- 3.1. Inner columns --------*/
.container,
.tema_container{
width: 1170px;
margin: 0 auto;
}
.content .tema_container,
.content_with_right_sidebar .tema_container,
.content_with_left_sidebar .tema_container{
width: 100%;
}
.content_with_right_sidebar .tema_section_dd,
.content_with_left_sidebar .tema_section_dd{
padding: 0;
}
.row{
width: 100%;
}
.row:before,
.row:after{
display: table;
line-height: 0;
content: "";
}
.row:after{
clear: both;
}
.row > [class*="span"]{
display: block;
float: left;
width: 100%;
min-height: 20px;
margin-left: 2.564102564102564%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.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 !important;
}
.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 !important;
}
.no_margin_bottom{
margin-bottom: 0 !important;
}
.no_padding{
padding: 0 !important;
}
.bottom_margin{
margin-bottom: 40px;
}
.wp-caption{
max-width: 100% !important;
}
/*-------- 3.2. Clearfix --------*/
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
/*-----------------------------------------------------------------*/
/* 4. Header
/*-----------------------------------------------------------------*/
#ABdev_main_header{
width: 100%;
background: #000;
padding: 0px;
z-index: 2000;
position: relative;
}
#ABdev_header_spacer{
height: 101px;
}
#ABdev_topbar{
width: 100%;
background: #ececec;
padding: 0px;
min-height: 48px;
z-index: 50;
position: relative;
padding-top: 8px;
padding-bottom: 8px;
}
#ABdev_menu_search{
width: 150px;
margin-left: 13px;
display: inline-block;
position: relative;
}
#ABdev_menu_search input{
border: none;
padding: 4px 0 4px 10px;
margin: 0;
font-size: 14px;
}
#ABdev_menu_search .placeholder{
color: #555555;
}
#ABdev_menu_search ::-webkit-input-placeholder {
color: #555555;
}
#ABdev_menu_search :-moz-placeholder {
color: #555555;
opacity: 1;
}
#ABdev_menu_search ::-moz-placeholder {
color: #555555;
opacity: 1;
}
#ABdev_menu_search :-ms-input-placeholder {
color: #555555;
}
#ABdev_menu_search .submit{
position: absolute;
right: 5px;
top: 6px;
cursor: pointer;
}
#ABdev_menu_search .submit i{
color: #6b0303;
}
#ABdev_menu_search .submit:hover i{
color: #555555;
}
#dz_main_slider{
padding: 0;
background-size: cover;
position: relative;
height: 500px;
background: #f2f3f4;
}
.dz_main_slider_scroll_info{
font-family: Lato;
text-transform: uppercase;
}
.pattern_overlayed #dz_main_slider_content{
z-index: 1;
}
#logo{
float: left;
position: relative;
}
#logo:before{
position: absolute;
right: -30px;
top: 0;
content: "";
background-color: #6b0303;
width: 5000px;
height: 100%;
z-index: 0;
}
#logo .logo_inner{
z-index: 1;
position: relative;
}
/*-------- 4.1. Main menu --------*/
#ABdev_menu_toggle{
display: none;
cursor: pointer;
}
nav > ul{
list-style: none;
margin: 0;
float: right;
position: relative;
margin-top: 40px;
}
nav > ul > li{
float: left;
line-height: 14px;
}
nav > ul > li a{
color: #FFF;
font-family: Lato;
font-size: 14px;
text-align: center;
display: inline-block;
}
nav > ul > li > a{
color: #FFF;
margin-left: 5px;
margin-right: 5px;
padding: 10px 19px;
text-transform: uppercase;
font-weight: 300;
}
nav > ul > li > a:last-child{
margin-right: 0px;
}
nav > ul > li > a > i{
font-size: 16px;
display: inline-block;
margin-bottom: 19px !important;
}
nav > ul > li span{
display: block;
text-align: left;
}
nav > ul ul{
display: none;
list-style: none;
position: absolute;
background: #6b0303;
margin: 0;
min-width: 228px;
margin-top: 30px;
z-index: 2001;
box-shadow: 0px 0px 20px 0px rgba( 0, 0, 0, 0.1 );
border-top: 2px solid #6b0303;
}
#dz_main_header.sticky_header_low nav > ul ul{
margin-top: 10px;
}
nav > ul > li > ul:before{
content: "";
display: block;
position: absolute;
width:228px;
min-width: 228px;
height: 36px;
top: -36px;
left: 0;
z-index: 2004;
}
#dz_main_header.sticky_header_low nav > ul > li > ul:before{
height: 15px;
top: -15px;
}
nav > ul li:hover > ul,
nav > ul li.sfHover > ul{
display: block;
/* z-index: 2003;*/
}
nav > ul ul li{
position: relative;
border-bottom: 1px solid #c0c0c0;
padding: 3px 0;
}
nav > ul ul li a{
width: 100%;
text-align: left;
padding: 10px 13px 10px 13px;
font-weight: 400;
}
nav > ul ul li:hover{
background: #ffffff;
}
nav > ul ul li:hover a{
color: #202024;
}
nav > ul ul ul{
position: absolute;
left: 100%;
top: 0;
margin-left: 0px;
margin-top: -2px;
z-index: 2002;
}
nav > ul ul ul:before{
position: absolute;
content: "";
top: 0;
left: -11px;
width: 11px;
height: 100px;
}
.sf-arrows .sf-with-ul:after{
content:"\69";
font-family:'icomoon';
color: #aaa;
margin-left: 5px;
float:right;
position: relative;
top: 2px;
}
.sf-arrows ul .sf-with-ul:after{
content:"\69";
top: 0;
}
.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;
top: 0;
left: 0;
height: 100%;
margin-left: 5px;
display: block;
border: 1px solid #6b0303;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
z-index: -1;
}
#portfolio_magic-line{
border: 1px solid #6b0303;
height: 34px;
}
/*-------- 4.2. Header Style 2 --------*/
#topbar_and_header.th_style_2 nav > ul{
margin: 14px 0;
}
#topbar_and_header.th_style_2 nav > ul ul{
margin-top: 14px !important;
}
#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{
height: 20px;
top: -20px;
}
#topbar_and_header.th_style_2 input{
font-style: italic;
font-size: 14px;
}
#topbar_and_header.th_style_2 #header_phone_email_info{
color: #c0c0c0;
padding-top: 4px;
padding-left: 205px;
}
#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: #6b0303;
}
#topbar_and_header.th_style_2 #header_phone_email_info i{
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px;
}
#topbar_and_header.th_style_2 #header_phone_email_info span{
padding-right: 30px;
border-right: 1px solid #d6d6d6;
margin-right: 30px;
font-size: 14px;
color: #888;
}
#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{
float: left;
position: absolute;
top: -48px;
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: #6b0303;
}
#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: #6b0303;
}
/*-------- 4.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{
color: #888;
padding-top: 4px;
}
#topbar_and_header.th_style_1 #header_phone_email_info a{
color: #888;
}
#topbar_and_header.th_style_1 #header_phone_email_info span{
padding-right: 20px;
border-right: 1px solid #d6d6d6;
margin-right: 20px;
font-size: 14px;
color: #888;
}
#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{
position: relative;
top: 2px;
margin-right: 10px;
font-size: 16px;
}
#topbar_and_header.th_style_1 #header_social_search{
cursor:default;
padding-top:2px;
}
#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: #6b0303;
}
/*-------- 4.4. Header Style 3 --------*/
#topbar_and_header.th_style_3 nav > ul{
margin-top: 0;
float: left;
}
#topbar_and_header.th_style_3 nav > ul ul{
margin-top: 0px;
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{
height: 6px;
top: -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{
background: #6b0303;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#topbar_and_header.th_style_3 #ABdev_menu_search{
float: right;
margin: 10px 0 10px 0;
font-style: italic;
font-size: 14px;
}
#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{
padding: 0 30px;
border-right: 1px solid #888;
color: #888;
font-size: 14px;
}
#topbar_and_header.th_style_3 #header_social_search span i{
padding-right: 10px;
top: 3px;
position: relative;
}
#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: #6b0303;
}
/*-------- 4.5. Mega Menu --------*/
.sf-mega {
width: auto;
position: absolute;
right: 0;
display: none;
top: 100%;
z-index: 9999;
padding-top: 30px;
color: #202024;
box-shadow: 4px 5px 8px 0px 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 #6b0303;
background: #6b0303;
}
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;
padding: 0;
margin: 0;
border: none;
height: auto !important;
background: none;
box-shadow: none;
}
nav > ul .sf-mega li:hover {
background: none;
}
nav > ul .sf-mega-inner{
display: table !important;
width: auto;
}
nav > ul .sf-mega-inner > ul {
display: table-row !important;
}
nav > ul .sf-mega-inner > ul > li{
border-right: 1px solid #c0c0c0;
padding-top: 8px;
display: table-cell !important;
vertical-align: top;
}
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;
color: #FFF;
text-transform: uppercase;
margin-bottom: 11px;
}
nav > ul .sf-mega-inner > ul > li > a:hover{
font-size: 16px;
font-weight: 700;
color: #000;
text-transform: uppercase;
margin-bottom: 11px;
}
nav > ul .sf-mega-inner > ul > li > ul > li a{
font-size: 14px;
color: #FFF;
}
nav > ul .sf-mega-inner > ul > li > ul > li a:hover{
font-size: 14px;
color: #000;
}
nav > ul .sf-mega-inner a{
text-transform: none;
padding: 13px 18px 13px 18px;
margin-bottom: 1px;
}
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{
padding: 20px;
font-size: 16px;
font-weight: 300;
line-height: 22px;
}
nav > ul .sf-mega-inner .description_menu_item a{
display: inline;
padding: 0;
margin: 0;
line-height: inherit;
font-size: inherit;
color: #6b0303;
}
nav > ul .sf-mega-inner .description_menu_item a:hover{
color: #202024;
background: none;
}
/*-------- 4.6. Title/Breadcrumbs Bar --------*/
#title_breadcrumbs_bar{
background: #ececec;
padding: 15px 0 15px 0;
font-family: Lato;
font-weight: 300;
overflow: hidden;
position: relative;
font-size: 18px;
}
#title_breadcrumbs_bar h1{
color: #888;
margin-bottom: 10px;
line-height: 35px;
}
#title_breadcrumbs_bar .tbb_breadcrumbs{
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
#title_breadcrumbs_bar .tbb_breadcrumbs .container{
position: relative;
}
#title_breadcrumbs_bar .breadcrumbs{
line-height: 30px;
display: inline-block;
position: absolute;
bottom: 0;
right: 0;
}
#title_breadcrumbs_bar .breadcrumbs .breadcrumbs_inner{
position: relative;
font-size: 16px;
}
#title_breadcrumbs_bar .breadcrumbs:before{
position: absolute;
left: -20px;
content: "";
background-color: #6b0303;
width: 5000px;
height: 100%;
}
#title_breadcrumbs_bar .breadcrumbs{
color: #fff;
font-size: 13px;
}
#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{
width: 100px;
height: 100px;
border-radius: 50%;
background: #fff;
position: absolute;
opacity: 0.08;
box-shadow: 0 0 10px #fff;
}
#title_breadcrumbs_bar .bokah_circle_1{opacity: 0.04;height: 70px;width: 70px;}
#title_breadcrumbs_bar .bokah_circle_2{opacity: 0.05;height: 100px;width: 100px;}
#title_breadcrumbs_bar .bokah_circle_3{opacity: 0.06;height: 125px;width: 125px;}
#title_breadcrumbs_bar .bokah_circle_4{opacity: 0.07;height: 150px;width: 150px;}
#title_breadcrumbs_bar .bokah_circle_5{opacity: 0.08;height: 200px;width: 200px;}
#title_breadcrumbs_bar .bokah_circle_6{opacity: 0.07;height: 270px;width: 270px;}
#title_breadcrumbs_bar .bokah_circle_7{opacity: 0.05;height: 350px;width: 350px;}
/*-----------------------------------------------------------------*/
/* 5. Slider place
/*-----------------------------------------------------------------*/
#frontpage_slider{
padding: 0;
margin: 0;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
background: #fff !important;
width: 44px;
height: 44px;
text-align: center;
}
.tp-leftarrow.default{
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.tp-rightarrow.default {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.tp-leftarrow.default:hover,
.tp-rightarrow.default:hover {
background: #6b0303 !important;
}
.tp-leftarrow.default:before,
.tp-rightarrow.default:before {
font-family:'icomoon';
display: block;
color: #505558;
content:'\6b';
text-align: center;
font-size: 16px;
line-height: 44px;
width: 100%;
height: 100%;
}
.tp-leftarrow.default:hover:before,
.tp-rightarrow.default:hover:before {
color: #fff !important;
}
.tp-rightarrow.default:before {
content:'\69';
}
.tp-bullets.simplebullets.round .bullet {
background: none;
}
.tp-bullets.simplebullets.round .bullet{
border: 2px solid #fff;
width: 10px;
height: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 17px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected{
background-color:#fff;
}
/*-----------------------------------------------------------------*/
/* 6. Blog
/*-----------------------------------------------------------------*/
.sidebar_left{
margin-left: 0 !important;
}
/*-------- 6.1. Blog Timeline --------*/
#timeline_posts{
background: url("../images/timeline_line.png") center top repeat-y;
overflow: hidden;
position: relative;
}
.timeline_post{
background: #ececec;
width: 535px;
float: left;
margin-bottom: 40px;
position: absolute;
top: -2000px;
transition: top 1s;
}
.timeline_post h3{
padding: 25px 25px 0px 25px;
margin-bottom: 0;
}
.timeline_post h3 a{
color: #202024;
}
.timeline_post h3 a:hover{
color: #6b0303;
}
.timeline_post_first{
width: 535px;
}
.timeline_appended{
transition: top 0s, opacity 1s;
-webkit-transition: top 0s, opacity 1s;
}
.timeline_postmeta{
padding: 13px 15px 12px 15px;
font-size: 13px;
line-height: 13px;
}
.timeline_postmeta_soundcloud{
padding: 8px 15px 12px 15px;
}
.timeline_postmeta a{
color: #555555;
float: right;
font-size: 14px;
padding-left: 10px;
}
.timeline_postmeta a:hover{
color: #6b0303;
}
.timeline_postmeta p{
display: inline-block;
margin-bottom: 0;
font-size: 14px;
}
.timeline_postmeta i{
margin-right: 6px;
color: #c0c0c0;
}
.timeline_postmeta .timeline_icon{
color: #555555;
float: right;
padding-left: 10px;
}
.timeline_content{
padding: 17px 25px 1px 25px;
}
.timeline_content p{
font-size: 14px;
}
.timeline_post .post-readmore{
padding: 22px 22px 0px 22px;
}
.timeline_post .post-readmore p{
margin-bottom: 22px;
}
.timeline_post_left:after,
.timeline_post_right:after{
display: block;
position: absolute;
width: 5px;
height: 5px;
background: #6b0303;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
}
.timeline_post_left:after{
right: -53px;
top: 33px;
}
.timeline_post_right:after{
left: -52px;
top: 74px;
}
.timeline_post_left:before,
.timeline_post_right:before{
content: "";
display: block;
position: absolute;
}
.timeline_post_left:before{
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #ececec;
top: 24px;
right: -12px;
}
.timeline_post_right:before{
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right:12px solid #ececec;
top: 65px;
left: -12px;
}
#timeline_loading{
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.timeline_loading_loader{
background: url("images/ajax-loader.gif") center 40px no-repeat;
}
/*-------- 6.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{
width: 0;
height: 0;
content: "";
display: block;
position: absolute;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-right: 12px solid #ececec;
left: -12px;
top: 23px;
}
.post_content .post_badges .post_date .post_day{
display: block;
font-size: 20px;
font-weight: 300;
text-align: right;
padding-bottom: 5px;
}
.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{
padding-left: 5px;
color: #323232;
font-weight: 400;
font-size: 22px;
}
.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;
background-color: #fff;
padding-top: 37px;
}
.post_content .postmeta_under_image.no_featured_post_media{
padding-top: 0;
}
.post_content .post_main{
position: relative;
background-color: #ececec;
margin-left: 200px;
}
.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{
text-align: right;
font-weight: 400;
}
.post_content .author_and_categories_badges .categories{
font-weight: 300;
font-size: 18px;
padding-top: 10px;
text-align: right;
list-style-type: none;
}
.post_content .author_and_categories_badges .categories ul li{
list-style-type: none;
padding-top: 5px;
text-align: right;
}
.post_content .author_and_categories_badges .categories ul li a{
font-weight: 400;
color: #505558;
font-size: 20px;
}
.post_content .author_and_categories_badges .categories ul li:hover a{
color: #6b0303;
}
.blog_category_index .post_main{
margin-left: 200px;
}
.blog_category_index .post_content .post_main .post_main_inner{
padding: 0 26px;
font-size: 14px;
}
.blog_category_index .post_content .post_main p{
margin-bottom: 25px;
font-size: 14px;
}
.post_content .post_main h3.post_main_title{
padding: 22px 26px 0 0;
margin-bottom: 18px;
}
.post_content .post_main h3.post_main_title a{
font-size: 24px;
color: #202024;
font-weight: 700;
}
.post_content .post_main h3.post_main_title a:hover{
color: #6b0303;
}
.post_content .postmeta_under_image h3{
padding: 0;
margin-bottom: 32px;
}
.post_content .postmeta_under_image p{
padding: 0;
}
.post_content .post_badges{
float: left;
width: 170px;
text-align: left;
color: #505558;
position: relative;
}
.post_content .post_badges i{
color: #fff;
background: #6b0303;
border-radius: 3px;
padding: 19px;
font-size: 32px;
margin-bottom: 13px;
float: right;
}
.post_content .post_main:after{
content: "";
display: block;
width: 1px;
height: 100%;
background: #c0c0c0;
position: absolute;
top: 70px;
left: -65px;
}
.post_content .post_badges .post_author{
display: block;
padding-bottom: 16px;
margin-bottom: 8px;
}
.post_content .post_badges .post_date{
display: block;
font-size: 13px;
color: #555555;
float: left;
margin-top: 11px;
}
.post_content .post_badges_single{
float: left;
width: 170px;
text-align: left;
color: #505558;
position: relative;
}
.post_content .post_badges_single i{
color: #fff;
background: #6b0303;
border-radius: 3px;
padding: 19px;
font-size: 32px;
margin-bottom: 13px;
float: right;
}
.post_content .post_badges_single .post_date{
display: block;
font-size: 13px;
float: left;
margin-top: 11px;
}
.post_content .post_badges_single .post_date .post_day{
display: block;
font-size: 20px;
font-weight: 300;
text-align: right;
text-transform: lowercase;
padding-bottom: 5px;
}
.post_content .post_badges_single .post_our_minute{
font-size: 22px;
font-weight: 300;
color: #323232;
}
.post_content .post_badges_single .post_am_pm{
padding-left: 5px;
color: #323232;
font-weight: 400;
font-size: 16px;
}
.post_meta_tags{
text-align: right;
font-size: 13px;
}
.post_meta_tags a{
color: #555555;
}
.post_meta_tags a:hover{
color: #6b0303;
}
.post_meta_tags i{
margin-right: 5px;
margin-left: 10px;
font-size: 12px;
position: relative;
top: 2px;
color: #555555;
}
.post_main .postmeta-above,
.post_main .postmeta-under{
text-align: right;
position: relative;
display: block;
}
.post_main .postmeta-above a,
.post_main .post-readmore a{
color: #555555;
font-size: 14px;
margin-bottom: 0px;
display: inline-block;
padding: 9px 10px 9px 10px;
}
.post_main_soundcloud .post-readmore a{
padding-top: 4px;
}
.post_main .postmeta-above a:hover,
.post_main .post-readmore a:hover{
color: #6b0303;
}
.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{
padding: 40px 0;
margin: 17px 0 40px 0;
}
.post_main .postmeta-under p{
margin-bottom: 0;
}
.post_meta_share{
float: left;
}
.post_meta_tags{
float: right;
}
.post_meta_share a{
left: 0;
display: inline-block;
background: #ececec;
color: #555555;
width: 76px;
height: 32px;
line-height: 32px;
border-radius: 3px;
text-align: center;
margin-left: 2px;
}
.post_meta_share span{
margin-right: 10px;
font-family: Lato;
font-weight: 300;
font-size: 20px;
color: #505558;
position: relative;
top: -1px;
}
.post_meta_share a:hover i{
color: #fff;
}
.post_meta_share i{
font-size: 16px !important;
top: 0px !important;
padding-right: 5px;
}
.postmeta_under_text_tags{
font-style: italic;
text-transform: uppercase;
}
.post_meta_share .post_share_facebook:hover{background: #3B5998;color: #fff;}
.post_meta_share .post_share_twitter:hover{background: #4099FF;color: #fff;}
.post_meta_share .post_share_googleplus:hover{background: #d34836;color: #fff;}
.post_meta_share .post_share_linkedin:hover{background: #0e76a8;color: #fff;}
.post_about_author{
margin-bottom: 40px;
}
.post_about_author img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
margin-right: 30px;
}
.post-readmore{
text-align: right;
}
.post-readmore i{
font-size: 5px;
position: absolute;
bottom: 17px;
right: 94px;
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: 0px;
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{
border-top: 1px solid #ececec;
padding-top: 9px;
margin-bottom: 24px;
}
.blog_classic_layout .post_content .post_main .post-readmore p{
float: left;
padding: 0;
margin: 0;
}
.blog_classic_layout .post_content .post_main .post-readmore a{
padding: 0px 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{
color: #c0c0c0;
font-size: 15px;
position: relative;
left: 0;
bottom: 0;
margin-right: 8px;
margin-left: 0;
}
.blog_classic_layout .post_content .post_main .post-readmore .tags_icon{
margin-left: 30px;
}
/*-------- 6.3. Post Comments --------*/
#comments_section{
padding-bottom: 0;
padding-top: 0;
border-top: 1px solid #ececec;
padding-top: 75px;
padding-left: 200px;
}
#comments_section ul,
#comments_section ol{
list-style: none;
margin-left: 0;
}
.comment p{
margin-bottom: 0;
text-align: left;
}
#comments_section p.logged-in-as,
#comments_section p.comment-notes{
margin-bottom: 22px;
}
.comment {
position: relative;
margin-bottom: 40px;
min-height: 70px;
}
.comment .children{
padding-left: 50px;
}
.children .comment:last-child{
margin-bottom: 0;
}
.comment .avatar{
position: absolute;
top: 0px;
left: -100px;
width: 70px;
height: 70px;
border-radius: 3px;
}
.comment .comment-text{
border-bottom: 1px solid #e6ebed;
padding: 10px 0 35px 0;
}
.comment .children{
padding-top: 40px;
}
.comment .comment-author{
font-size: 18px;
color: #555555;
font-family: Lato;
font-weight: 400;
}
.comment time{
font-size: 13px;
float: right;
color: #c0c0c0;
font-style: italic;
}
.comment .comment-text .reply,
.comment .comment-text .reply a{
color: #6b0303;
font-size: 14px;
font-weight: 300;
text-transform: lowercase;
font-size: 13px;
}
.comment .reply a:hover{
color: #555555;
}
.comment .reply{
float: right;
margin-top: 23px;
background: #fff;
padding-left: 5px;
}
.comment .reply a:hover,
.comment .edit-link a:hover{
color: #6b0303;
}
#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{
-webkit-appearance: none;
background: #6b0303;
margin: 0;
font-weight: 400;
font-size: 16px;
font-family: Lato;
float: right;
}
#respond #comment-submit:hover{
background: #505558;
border-color: #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{
margin-right: 1% !important;
width: 95%;
margin-bottom: 41px;
}
#respond .comment-form-comment{
width: 50%;
float: right;
}
body.logged-in #respond .comment-form-comment{
width: 100%;
float: none;
}
#respond .comment-form-comment {
width: 95%;
height: 126px;
border-radius: 3px;
background: #fff;
}
body.logged-in #respond .comment-form-comment {
width: 100%;
}
body.logged-in #respond #comment{
margin-left: 0;
}
/*-------- 6.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{
color: #505558;
font-size: 22px;
line-height: 14px;
display: inline-block;
padding: 13px 9px 13px 9px;
margin: 0;
}
#blog_pagination .page-numbers.current,
#blog_pagination .page-numbers:hover{
color: #6b0303;
}
#blog_pagination .prev{
margin-right: 10px;
}
#blog_pagination .next{
margin-left: 10px;
padding-right: 0px;
}
#blog_pagination .prev i,
#blog_pagination .next i{
font-size: 14px;
top: -1px;
position: relative;
}
#inner_post_pagination > span,
#inner_post_pagination > a{
background: #f5f7f8;
color: #505558;
float: left;
color: #505558;
font-size: 14px;
line-height: 14px;
display: inline-block;
padding: 13px 16px 13px 16px;
margin: 0;
border-top: 1px solid #e6ebed;
border-bottom: 1px solid #e6ebed;
border-right: 1px solid #e6ebed;
}
#inner_post_pagination > a {
background: #fff;
}
#inner_post_pagination > a span{
border: none;
}
#inner_post_pagination > a:hover{
background: #505558;
color: #6b0303;
}
#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;
}
/*-----------------------------------------------------------------*/
/* 7. Videos
/*-----------------------------------------------------------------*/
.videoWrapper-youtube{
position:relative;
padding-bottom:56.25%;
padding-top:0px;
height:0;
overflow:hidden;
}
.videoWrapper-youtube iframe,
.videoWrapper-youtube object,
.videoWrapper-youtube embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.videoWrapper-vimeo{
position:relative;
padding-bottom:53%;
padding-top:30px;
height:0;
overflow:hidden;
}
.videoWrapper-vimeo iframe,
.videoWrapper-vimeo object,
.videoWrapper-vimeo embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
/*-----------------------------------------------------------------*/
/* 8. Contact Form 7
/*-----------------------------------------------------------------*/
.contact_form_row{
padding-top: 51px;
}
.contact input{
margin-top: 0;
margin: 0 0 30px 0;
}
.contact input[type="text"]{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #d9d9d9;
-webkit-appearance: none;
background: #fff;
}
.contact {
margin: 0 0 30px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
}
.contact input[type="file"]{
padding-right: 20px;
}
.contact input[type="checkbox"]{
margin: 0 10px 0 0;
padding: 0;
height: 12px;
width: 12px;
}
.contact-list-item{
display: block;
}
.contact-not-valid-tip{
width: auto !important;
border: none !important;
color: #fff !important;
padding: 4px 8px !important;
background: #858585 !important;
}
.contact-validation-errors{
margin-bottom: 40px !important;
padding: 19px !important;
background: #ffe9e9 !important;
color: #d04544 !important;
border: none !important;
margin: 20px 0 40px 0 !important;
}
.contact-response-output{
padding: 19px 19px 19px 49px !important;
background: #ffe9e9;
color: #d04544;
border: none !important;
margin: 0 !important;
margin-bottom: 40px !important;
display: none;
position: relative;
}
.contact-response-output:before{
content: "\41"; /* entypo-cross */
font-size: 14px;
font-family: 'icomoon';
position: absolute;
top: 19px;
left: 19px;
}
.contact-response-output.success{
background: #e9f3d2;
color: #91b64f;
}
.contact-response-output.success:before{
content: "\37"; /* entypo-checkmark */
font-size: 14px;
font-family: 'icomoon';
position: absolute;
top: 19px;
left: 19px;
}
.contact-form-control{
margin-bottom: 40px !important;
}
div.contact img.ajax-loader {
top: -20px;
position: relative;
left: 50%;
margin-left: -8px;
}
.tema_section_dd.contact_section_alternative .contact {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
background: #fff;
font-style: italic;
padding: 9px 0px 9px 14px;
height: 208px;
margin-bottom: 35px;
}
.tema_section_dd.contact_section_alternative .contact-text,
.tema_section_dd.contact_section_alternative .contact-email{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
background: #fff;
font-style: italic;
padding: 9px 0px 9px 14px;
margin-bottom: 41px;
}
.tema_section_dd.contact_section_alternative .contact-submit{
-webkit-appearance: none;
transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
-webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;
cursor: pointer;
white-space: nowrap;
text-decoration: none;
display: inline-block;
border: none !important;
background: #6b0303 !important;
color: #fff;
padding: 10px 41px !important;
line-height: 20px !important;
font-size: 16px;
font-family: Lato;
font-weight: 400;
font-style: normal;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 40px;
}
.tema_section_dd.contact_section_alternative .contact-submit:hover{
background: #505558 !important;
transition: background 180ms, color 180ms, border-color 180ms;
-webkit-transition: background 180ms, color 180ms, border-color 180ms;
}
.contact .contact-list-item{
display: block;
}
.contact .project_description{
height: 228px;
width: 100%;
}
.contact .drag_and_drop{
height: 205px;
border: 3px dashed #c0c0c0;
background: #ececec;
margin-bottom: 0;
width: 100%;
}
.contact .start_date,
.contact .due_date{
height: 196px;
text-align: center;
font-size: 24px;
border-radius: 0;
color: #555;
background: #ececec;
}
.contact .choose_date input{
padding: 0;
margin: 0 10px 0 0;
height: 15px;
width: 15px;
}
.contact .select_budget{
background: #ececec;
color: #555;
}
/*-----------------------------------------------------------------*/
/* 9. Widgets
/*-----------------------------------------------------------------*/
aside.sidebar_right{
padding-left: 12px;
}
aside.sidebar_left{
padding-right: 12px;
}
.widget input{
margin-bottom: 0;
}
.sidebar-widget-heading h5,
#reply-title{
font-family: Lato;
color: #202024;
line-height: 20px;
position: relative;
margin-bottom: 18px;
display: block;
text-align: left;
font-size: 18px;
font-weight: 700;
padding-bottom: 10px;
}
#comments-title{
margin-bottom: 70px;
}
.widget{
margin-bottom: 77px;
}
aside .widget a{
color: #555555;
}
aside .widget a:hover{
color: #6b0303;
}
.widget ul{
list-style: none;
margin-left: 0;
}
.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{
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 3px solid transparent;
border-bottom: 3px solid transparent;
border-left: 3px solid #6b0303;
position: relative;
bottom: 3px;
padding-right: 9px;
}
/*-------- 9.1. Search --------*/
.widget_search form{
position: relative;
}
.widget_search a{
cursor: pointer;
}
.widget_search i{
color: #6b0303;
position: absolute;
top: 15px;
right: 10px;
font-size: 12px;
}
.widget_search i:hover{
color: #c0c0c0;
}
.widget_search input{
padding: 10px 20px;
font-size: 16px;
font-style: italic;
height: 42px;
background: #fff;
border-radius: 3px;
}
.search_results_content_item{
padding-left: 41px;
position: relative;
}
.search_resuls_number{
font-family: Lato;
font-size: 19px;
font-weight: 300;
position: absolute;
top: 0;
left: 0;
line-height: 19px;
}
.search_results_content_item h4{
margin-bottom: 12px;
}
#search_results_sum_title{
margin-bottom: 50px;
}
/*--------9.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{
border: none;
padding-bottom: 0;
}
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;
color: #505558;
font-size: 18px;
}
aside.sidebar .widget_rss .rss-date{
display: block;
}
aside.sidebar .widget_rss .rssSummary{
font-size: 13px;
}
/*-------- 9.3. Tag Cloud --------*/
.tagcloud a{
border: 1px solid #ececec;
background: #ececec;
display: inline-block;
margin: 0 5px 5px 0;
padding: 7px 11px 7px 11px;
float: left;
color: #555555;
font-size: 16px !important;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tagcloud a:hover{
background: #6b0303;
color: #fff !important;
}
.tagcloud:after{
display: block;
clear: both;
content: "";
height: 0;
}
#dz_main_footer .tagcloud a{
border: 1px solid #5f5f5e;
}
#dz_main_footer .tagcloud a:hover{
color: #434342;
border-color: #929292;
}
/*-------- 9.4. Flickr stream --------*/
#main_footer .flickr_stream a{
float: left;
display: inline-block;
position: relative;
}
aside.sidebar .flickr_stream a{
margin: 0 10px 10px 0;
float: left;
display: inline-block;
position: relative;
}
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{
overflow: hidden;
position: relative;
z-index: 0;
}
.flickr_stream a:after{
display: block;
content: '';
position: absolute;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
transition: height 300ms;
width: 200%;
height: 0;
top: 50%;
left: 50%;
background: rgba(32,32,36,0.9);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.flickr_stream a:hover:after {
height: 200%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
#main_footer .flickr_stream img{
width: 80px;
height: 80px;
}
aside.sidebar .flickr_stream img{
width: 82px;
height: 82px;
}
/*-------- 9.5. Contact Info Widget --------*/
.contact_info_widget{
font-weight: 300;
}
.contact_info_widget > div > span{
width: 70px;
display: inline-block;
}
.contact_info_widget .contact_info_widget_email{
margin-bottom: 22px;
}
/*-----------------------------------------------------------------*/
/* 10. Pages
/*-----------------------------------------------------------------*/
/*-------- 10.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{
margin: 0px 0px 27px 0px;
position: relative;
z-index: 1;
}
.portfolio_item h4 a{
color: #fff;
font-size: 30px;
font-weight: 300;
text-transform: uppercase;
font-family: Lato;
}
.portfolio_item h4 a:hover{
color: #6b0303;
}
.portfolio_item .overlayed .overlay {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
filter: alpha(opacity=0);
opacity: 0;
color: #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.portfolio_item .overlayed .overlay > *{
z-index: 1;
position: relative;
}
.portfolio_item .overlayed .overlay .overlay_title{
font-family: Lato;
font-size: 24px;
color: #fff;
font-weight: 300;
margin-top: 49px;
margin-bottom: 17px;
}
.portfolio_item .overlayed .overlay .portfolio_item_tags{
margin-bottom: 25px;
font-size: 14px;
color: #fff;
font-weight: 700;
}
.portfolio_item:hover .overlayed .overlay {
filter: alpha(opacity=100);
opacity: 1;
}
.portfolio_item .overlayed .overlay:after{
display: block;
content: '';
position: absolute;
-webkit-transition: height 300ms;
-moz-transition: height 300ms;
transition: height 300ms;
width: 200%;
height: 0;
top: 50%;
left: 50%;
background: rgba(32,32,36,0.9);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
z-index: 0;
}
.portfolio_item:hover .overlayed .overlay:after {
height: 300%;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
transition: all 400ms;
}
.portfolio_item .tema-button{
border: 1px solid #6b0303;
color: #fff;
margin:0px;
position: relative;
display: inline-block;
width: auto;
height: auto;
}
.portfolio_item .tema-button i{
margin-left: 9px;
}
.portfolio_item .tema-button:after{
background: #6b0303;
}
.single_portfolio_meta{
color: #929292;
margin-bottom: 33px;
}
.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{
color:#555555;
font-weight: 700;
}
.portfolio_item_meta .portfolio_item_meta_data{
text-align: left;
position: relative;
padding-left: 71px;
padding-top: 6px;
}
.portfolio_item_meta p:last-child{
border-top: 1px solid #ececec;
padding-top: 40px;
}
.portfolio_item_meta p:nth-child(10){
padding-bottom: 11px;
}
.portfolio_item_image{
margin-bottom: 18px;
}
.portfolio_item_view_link{
padding: 22px 0 50px 0px;
text-align: center;
}
.portfolio_item_view_link a{
display: inline-block;
background: #fff;
border: 1px solid #6b0303;
color: #202024;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 8px 30px;
font-family: Lato;
font-weight: 300;
}
.portfolio_item_view_link a:hover,
.portfolio_item_view_link a:hover i{
color: #6b0303;
transition: all 180ms ease-in;
-webkit-transition: all 180ms ease-in;
}
.portfolio_item_view_link a i{
color: #202024;
font-size: 13px;
padding-left: 9px;
transition: all 180ms ease-in;
-webkit-transition: all 180ms ease-in;
}
.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: 0px;
}
.portfolio_single_column_item h2 a{
margin-bottom: 18px;
border-bottom: 0;
color: #202024
}
.portfolio_single_column_item h2:hover a{
color: #6b0303;
}
.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 {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.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{
list-style: none;
margin: 0;
margin-bottom: 50px;
}
#filters.portfolio_filter{
position: relative;
}
#filters li{
list-style: none;
display: inline-block;
margin: 0;
padding: 0 5px;
}
#filters li:nth-of-type(2){
padding-left: 0;
}
#filters li a{
color: #555555;
font-family: Lato;
font-size: 16px;
font-weight: 300;
padding: 5px 21px 5px 21px;
display: inline-block;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#filters i{
margin-right: 10px;
margin-left: 15px;
font-size: 9px;
top: 0px;
}
.portfolio_item_4{
width: 24.99999%;
display: block;
float: left;
}
.portfolio_item_3{
width: 33.33333333333333%;
display: block;
float: left;
}
.more_portfolio_link{
margin: 42px 0 30px 0;
text-align: center;
}
.more_portfolio_link a{
border: 1px solid #e6ebed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: Lato;
font-size: 20px;
font-weight: 300;
color: #505558;
padding: 10px 30px 12px 30px;
}
.more_portfolio_link a:hover{
background: #505558;
border: 1px solid #505558;
color: #fff;
}
.home_version_2_recent_works .more_portfolio_link a{
border: 1px solid #6b0303;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
font-weight: 700;
}
.home_version_2_recent_works .more_portfolio_link a:hover{
background: #6b0303;
}
.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;
font-weight: 300;
font-size: 16px;
color: #505558;
border: 1px solid #e6ebed;
padding: 7px 20px;
-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;
background: #505558;
border: 1px solid #505558;
}
#single_portfolio_pagination .next{
float: right;
}
/*-------- 10.2. Contact Page - Contact Info --------*/
.contact_page_info{
position: relative;
text-align: left;
padding-left: 72px;
}
.contact_page_info span{
position: absolute;
left: 0;
display: inline-block;
background: #242e35;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.contact_page_info i{
position: relative;
top: -2px;
}
.tema_section_dd.contact_section_alternative strong{
float: left;
}
/*-------- 10.3. About us page --------*/
.section_stats{
padding: 37px 0 0 0;
}
/*-------- 10.4. 404 page --------*/
#page404{
text-align: center;
margin-bottom: 76px;
border-bottom: none;
}
#page404 .big_404{
font-size: 270px;
line-height: 270px;
font-family: Lato;
font-weight: 700;
color: #ececec;
padding-top: 20px;
}
#page404 .error{
font-size: 75px;
line-height: 75px;
font-family: Lato;
font-weight: 300;
color: #ececec;
padding-top: 12px;
}
#page404 .text_404{
padding-bottom: 7px;
text-align: left;
}
#page404 h2{
padding-top: 56px;
font-size: 75px;
line-height: 60px;
font-family: Lato;
font-weight: 700;
}
#page404 h4{
padding: 25px 0 59px 0;
}
#page404 h2, h4, li{
text-align: left;
}
#page404 ul{
margin-left: 0px;
}
#page404 ul li{
margin-bottom: 8px;
}
/*-----------------------------------------------------------------*/
/* 11. Other
/*-----------------------------------------------------------------*/
/*-------- 11.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{
border-radius: 3px;
width: 60px;
height: 60px;
}
.ABt_testimonials_wrapper .caroufredsel_wrapper{
margin: 0 !important;
width: auto !important;
}
.ABt_testimonials_slide{
padding: 0;
list-style: none;
display: block;
width: auto !important;
}
.ABt_testimonials_slide li{
display: block;
margin: 0;
padding: 0;
width: auto !important;
background: #fff;
}
.ABt_testimonials_wrapper .ABt_navigation{
text-align: right;
position: relative;
font-size: 20px;
}
.ABt_testimonials_wrapper .ABt_navigation a{
text-decoration: none;
}
.ABt_testimonials_slide .testimonial_big{
padding-left: 40px;
border-left: 1px solid #d9d9d9;
margin-bottom: 70px;
display: block;
}
.ABt_testimonials_slide .testimonial_big p{
font-family: Ubuntu;
font-weight: 300;
font-style: italic;
font-size: 24px;
line-height: 27px;
color: #656560;
margin-bottom: 27px;
}
.ABt_testimonials_slide .testimonial_big .source{
color: #929292;
}
.ABt_testimonials_slide .testimonial_big .source a{
font-weight: 700;
}
.ABt_testimonials_slide .testimonial_small{
display: block;
margin-bottom: 70px;
}
.ABt_testimonials_slide .testimonial_small p{
font-style: italic;
border-bottom: 5px solid #eee;
margin-bottom: 26px;
}
.ABt_testimonials_slide .testimonial_small p:after{
display: block;
content: "";
width: 0;
height: 0;
border-left: 16px solid #eee;
border-bottom: 22px solid #fff;
position: relative;
top: 27px;
left: 20px;
}
.ABt_testimonials_slide .testimonial_small .source{
color: #929292;
}
.ABt_testimonials_slide .testimonial_small .source a{
font-weight: 700;
}
.ABt_testimonials_slide .testimonial_small:after{
display: block;
content: "";
clear: both;
}
.ABt_testimonials_slide .testimonial_small img{
width: 60px;
float: left;
margin-right: 20px;
margin-top: 5px;
}
.ABt_form_wrapper input[type="text"],
.ABt_form_wrapper input[type="file"],
.ABt_form_wrapper {
margin-bottom: 20px;
}
.ABt_form_wrapper input[type="file"]{
width: 100%;
}
.ABt_form_wrapper .ABt_client,
.ABt_form_wrapper .ABt_client_url,
.ABt_form_wrapper .ABt_company,
.ABt_form_wrapper .ABt_company_url{
width: 48%;
}
.ABt_form_wrapper .ABt_client_url,
.ABt_form_wrapper .ABt_company_url{
float: right;
}
.ABt_form_wrapper .ABt_text{
width: 100%;
height: 90px;
}
.ABt_form_wrapper .ABt_field_error{
background: #ffe9e9;
}
.ABt_form_wrapper .ABt_success_message{
display:none;
}
.ABt_form_wrapper .ABt_form .placeholder,
.ABt_form_wrapper .ABt_form label {
color: #aaa;
}
.ABt_pagination{
text-align: center;
}
/*-----------------------------------------------------------------*/
/* 12. Footer
/*-----------------------------------------------------------------*/
#main_footer{
color: #555555;
}
#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{
background: #ececec;
padding-top: 37px;
}
#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:#555555;
}
#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:#6b0303;
}
#footer_copyright{
background: #ececec;
line-height: 30px;
/*padding-bottom: 40px;*/
overflow-x: hidden;
color: #202024;
font-size: 14px!important;
font-weight: 300;
}
#footer_copyright_text{
float: left;
padding-top: 15px;
color: #c0c0c0;
}
#footer_social{
float: right;
margin-right: 10px;
padding-top: 15px;
}
#footer_social a{
margin-left: 14px;
}
#footer_social i{
color: #c0c0c0;
}
#footer_social i:hover{
color: #6b0303;
}
#footer_logo{
float: right;
width: 23.07692307692308%;
position: relative;
padding: 11px 0 14px 24px;
}
#footer_logo:before{
position: absolute;
left: 0;
top: 0;
content: "";
background-color: #6b0303;
width: 5000px;
height: 100%;
z-index: 0;
}
#footer_logo .footer_logo_inner{
z-index: 1;
position: relative;
}
#main_footer .widget iframe{
position: static;
top: 0px;
width: 100px;
margin: 0px;
border-style: none;
left: 0px;
visibility: visible;
height: 20px;
float: left;
}
.submenu_certidao{
box-sizing: initial!important;
}