/*------------------------------------------------------------------
Project:	Aire
Version:	1.0
Last change:	30/11/14 []
Assigned to:	Alex zaymund (vf), Mike Prestazilla (sl)
Primary use:	INNER PAGES STYLES


[Table of contents]

1. Sidebar Widgets
2. Contact Form Widget
3. Sidebar Search
4. Social Widget 
5. Flickr Widget
6. Tag Cloud
7. Iconed List
8. Blog
9. Comments Blog
10.Section Our Team
11.Section Brand
12. Clients
13. Reviews
14. Contact us
15. Connected
16. Page Footer
17. Sly Slider
18. Price Page
19. TimeeLine
20. Catalog
21. Product page
22. CATALOG
23. Product
24. Compare button
25. Cart sidebar

-------------------------------------------------------------------*/
#main
{ background : none repeat scroll 0 0 #fff; padding : 0 0 20px }
.inner-page
{ color : #999 }
.sidebar .widget
{ margin-bottom : 40px }
.sidebar .widget-title
{ border-bottom : 2px solid #000; color : #000; font-size : 18px; font-weight : normal; margin-bottom : 10px; padding-bottom : 10px; text-transform : uppercase }
.sidebar .widget-title a
{ color : #fff }
.sidebar .block
{ display : inline-block; margin-bottom : 30px; width : 100% }
#wp-calendar
{ margin : 0 auto; text-align : center; width : 100% }
#wp-calendar td, #wp-calendar th
{ border : 1px solid #ccc; padding : 8px }
#wp-calendar caption
{ padding : 10px; text-align : right; text-transform : uppercase }
#contactFormWidget .mini-btn-set
{ border : medium none; padding : 10px 0 }
#contactFormWidget ul
{ margin : 0; padding : 0 }
#contactFormWidget li
{ margin-bottom : 10px }
#searchform .screen-reader-text
{ display : none }
#searchform input[type="text"]
{ background : 0; border-bottom : 1px solid #ccc; width : 85% }
#contactFormWidget textarea, #contactFormWidget input[type="text"]
{ width : 100%; box-sizing : border-box }
.widgetinfo
{ display : none }
#search-global-form #search
{ width : 100% }
#searchsubmit
{ background : url("../images/searchbtn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border : medium none; height : 20px; margin-left : 10px; position : absolute; right : 8px; text-indent : -9999px; top : 11px; width : 20px }
#search-global-form
{ margin-top : 20px; position : relative }
#searchform .icon-search
{ background : none repeat scroll 0 0 rgba(0, 0, 0, 0); border : 0; height : 40px; top : 13px; right : 15px; width : 30px; position : absolute; z-index : 3 }
#searchform
{ position : relative }
.widget-search .icon-magnifier
{ position : absolute; z-index : 2; top : 13px; right : 15px }
.widget-search [type='text']
{ padding-right : 50px; width : 260px; background : none !important; border : 0; border-bottom : 1px solid #ccc }
.social-box
{ margin : 0 -5px; padding : 0; list-style : none }
.social-box > li
{ float : left; width : 25%; padding : 0 5px }
.social-box .social-item
{ display : block; border-bottom : 3px solid #e5e5e5; text-align : center }
.social-box .social-item:hover
{ -webkit-transform : translateY(-5px); -moz-transform : translateY(-5px); -ms-transform : translateY(-5px); transform : translateY(-5px) }
.social-item .social-icon
{ color : #fff; display : block; padding : 10px 0; border-radius : 3px 3px 0 0; behavior : url('PIE.php') }
.social-item .social-icon.rss
{ background-color : #fb7922 }
.social-item .social-icon.fb
{ background-color : #3a599a }
.social-item .social-icon.dribbble
{ background-color : #41abe1 }
.social-item .social-icon.twitter
{ background-color : #ea4c89 }
.social-item .number
{ display : block; background : #fff; color : #34495e; font-size : 11px; padding : 3px 0 }
.flickr
{ margin : 0; text-align : left }
aside .flickr > li
{ border : medium none; display : inline-block; width : auto }
.flickr .cells-8 > li
{ width : 25% }
.flickr .cells-9 > li
{ width : 33.332% }
html aside .flickr > li > a
{ display : block; float : left; margin : 0 3px; position : relative; padding : 0 }
.flickr > li > a > span
{ display : block; position : absolute; width : 100%; height : 100%; top : 0; left : 0; background : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALUlEQVQIW2P8//9/PQMESAHxMxCDESoIF4AJzoSpgOqAq4TxwcbAtMMEwcYAAACRFYxNBVDfAAAAAElFTkSuQmCC'); visibility : hidden; opacity : 0; filter : alpha(opacity=0); z-index : 2; transition : all 350ms ease-in; -o-transition : all 350ms ease-in; -moz-transition : all 350ms ease-in; -webkit-transition : all 350ms ease-in }
.flickr > li > a:hover > span
{ visibility : visible; opacity : 1; filter : alpha(opacity=100) }
.flickr > li > a > span > i
{ display : block; position : absolute; top : 50%; left : 50%; margin-top : -18px; margin-left : -18px; font-size : 16px; color : #fff; border-radius : 50%; background : rgba(0, 0, 0, 0.5); width : 36px; height : 36px; text-align : center; line-height : 34px; behavior : url('PIE.php') }
aside .flickr > li img
{ -moz-transition : all .4s; -webkit-transition : all .4s; -o-transition : all .4s; transition : all .4s; min-width : 80px; height : auto; width : 100% }
aside .flickr > li img:hover
{ opacity : .8 }
aside .tagcloud li
{ float : left; width : auto; margin : 6px; transform : rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -webkit-transform : rotate(360deg) scale(1.003) skew(-14deg) translate(0px); -moz-transform : rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -o-transform : rotate(0deg) scale(1.003) skew(-14deg) translate(0px); -ms-transform : rotate(0deg) scale(1.003) skew(-14deg) translate(0px); border : 1px solid #dee1e3 }
aside .tagcloud li a
{ text-decoration : none !important; transform-style : flat; -webkit-transform-style : flat; -moz-transformtransform-style : flat; -ms-transform-style : flat; transform : rotate(0deg) scale(1.003) skew(14deg) translate(0px); -webkit-transform : rotate(360deg) scale(1.003) skew(14deg) translate(0px); -moz-transform : rotate(0deg) scale(1.003) skew(14deg) translate(0px); -o-transform : rotate(0deg) scale(1.003) skew(14deg) translate(0px); -ms-transform : rotate(0deg) scale(1.003) skew(14deg) translate(0px); color : #000; display : block; font-size : 14px !important; padding : 5px 8px }
.tagcloud li:hover
{ background : none repeat scroll 0 0 #fa4b30; color : #fff }
.tagcloud li:hover a
{ color : #fff !important }
.iconed-list
{ padding : 0; margin : 0; list-style : none }
.iconed-list > li
{ margin-top : 10px }
.iconed-list > li:first-child
{ margin-top : 0 }
.iconed-list > li > a
{ color : #34495e }
.iconed-list > li > a:hover
{ color : #ff5757 }
.iconed-list > li > a > i
{ float : left; margin-right : 15px; position : relative; top : 6px }
.iconed-list > li > a > span
{ overflow : hidden; zoom : 1; font-size : .875em }
article.post:hover .entry-main
{ position : relative; z-index : 10 }
.entry-main
{ -moz-transition : all 1s; -webkit-transition : all 1s; -o-transition : all 1s; position : relative; z-index : 10 }
.entry-header
{ position : relative; min-height : 70px }
.post
{ border-bottom : 1px solid #dee1e3; padding-bottom : 20px; margin-bottom : 40px }
.post .entry-media
{ margin-bottom : 0; overflow : hidden; position : relative }
.post .entry-media iframe
{ height : 490px; width : 100% }
.post .entry-media img
{ width : 100%; height : auto; -moz-transition : all 1s; -webkit-transition : all 1s; -o-transition : all 1s }
.post .entry-media:hover .img-overlay
{ visibility : visible; opacity : 1 }
.post .entry-media .img-overlay
{ background : none repeat scroll 0 0 rgba(0, 0, 0, 0.4); height : 100%; opacity : 0; padding-top : 50%; position : absolute; text-align : center; -moz-transition : all 1s; -webkit-transition : all 1s; -o-transition : all 1s; visibility : hidden; width : 100%; z-index : 4 }
.post .entry-media:hover img
{ position : relative; z-index : 3 }
.post .entry-media .entry-thumbnail > a
{ display : block; background : #e1e1e1; min-height : 100px }
.post .entry-media .media-actions
{ position : absolute; width : 100%; height : 100%; top : 0; left : 0; background : rgba(0, 0, 0, 0.3); visibility : hidden; opacity : 0; filter : alpha(opacity=0); z-index : 9; transition : all 150ms ease; -o-transition : all 150ms ease; -moz-transition : all 150ms ease; -webkit-transition : all 150ms ease }
.post .entry-media:hover .media-actions
{ visibility : visible; opacity : 1; filter : alpha(opacity=100) }
.post .entry-media .media-actions > .inner
{ position : absolute; width : 100%; height : 50px; top : 50%; left : 0; margin-top : -25px }
.entry-media .media-actions ul
{ display : table; margin : 0 auto }
.post .entry-media .media-actions ul > li
{ color : #999; float : left; font-size : 14px; line-height : 20px; margin : 5px 20px 5px 0; position : relative; top : -5px }
.media-actions ul > li > a
{ display : block; width : 50px; height : 50px; line-height : 50px; text-align : center; border-radius : 50%; background : #fa4b30; color : #fff; font-size : 20px; -webkit-transform : scale(0.1); behavior : url('PIE.php') }
.media-actions:hover ul > li > a
{ -webkit-transform : scale(1.1) }
.post .entry-content
{ line-height : 1.75; line-height : 1.9999 }
.post .entry-content iframe, .post .entry-content embed, .main-content img
{ max-width : 100% }
.format-video .entry-format
{ display : none }
.post.format-video .entry-meta
{ margin-bottom : 20px; margin-top : -31px; width : 100% }
.post .entry-format
{ float : left; margin : -77px 30px 40px 0px; position : relative; z-index : 7; top : 20px; }
.post .entry-format > a
{ border-radius : 50%; -webkit-background : linear-gradient(135deg, #f29e4b 0, #ff151f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); -moz-background : linear-gradient(135deg, #f29e4b 0, #ff151f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background : linear-gradient(135deg, #f29e4b 0, #ff151f 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); color : #fff; display : block; font-size : 24px; height : 100px; line-height : 65px; position : relative; text-align : center; transform-style : flat; width : 100px; z-index : 102 }



.post .entry-format > a:after
{ border : 2px solid #fff; content : ""; display : block; height : 94px; left : 3px; position : absolute; top : 3px; width : 94px ;    border-radius: 50%;}
.post .entry-format > a span
{ font-size : 40px; left : 30px; position : absolute; top : 30px; }
.post .entry-title
{ font-size : 28px; font-weight : 600; margin : 10px 0; padding : 0; text-transform : uppercase; clear : both }
.post .entry-title > a
{ font-family : 'titillium_bdbold'; color : #000; font-size : 28px; font-weight : normal; text-transform : none }
.post-title
{ color : #000; font-size : 28px; font-weight : normal; text-transform : none }
.post .entry-title > a:hover
{ text-decoration : underline }
.post .entry-meta, .post .entry-meta a
{ font-size : 14px; line-height : 22px }
.post .entry-meta a:hover
{ text-decoration : underline }
.post .entry-meta
{ background : none repeat scroll 0 0 rgba(0, 0, 0, 0); display : inline-block; float : right; margin-bottom : 20px; margin-top : -52px; position : relative; width : 100% }
.post .entry-meta i, .post .entry-meta span[class*="icon-"]
{ color : #fa4b30; display : inline-block; float : left; font-size : 16px; margin : 2px 8px 0 0; padding : 0; text-align : center }
.post .entry-meta ul
{ width : 100% }
.post .entry-meta > ul
{ margin-top : 15px; padding-bottom : 5px; padding-left : 120px }
.post .entry-meta > ul > li
{ float : left; margin : 5px 20px 5px 0; position : relative; top : -5px; font-size : 14px }
.post .entry-meta .likes
{ float : right; position : absolute; top : -1px; right : 0 }
.post .entry-meta .tags > li
{ float : left }
.post .entry-meta .tags > li:before
{ content : ', ' }
.post .entry-meta .tags > li:first-child:before
{ content : none }
.post .entry-content .readmore
{ color : #999 }
.post .entry-content .readmore:hover
{ border-bottom : 1px dotted #ff5757; color : #fff }
.post .entry-content th
{ background : #fa4b30; color : #fff }
.post .entry-content th a
{ color : #fff }
.post .entry-content th, .post .entry-content td
{ border : 1px solid #dee1e3; font-size : 14px; padding : 10px }
.post .entry-content
{ margin-bottom : 0 }
.post .entry-footer .readmore
{ font-family : 'titillium_bdbold'; border : 3px solid #000; color : #000; display : inline-block; font-size : 14px; font-weight : normal; margin-bottom : 30px; margin-top : 30px; padding : 12px 25px; text-transform : uppercase; position : relative; z-index : 3; overflow : hidden }
.post .entry-footer .readmore:after
{ background : none repeat scroll 0 0 #000; height : 48%; left : 50%; opacity : 0; top : 50%; transform : translateX(-50%) translateY(-50%) rotate(45deg); width : 100%; content : ""; font-style : normal; font-variant : normal; font-weight : normal; line-height : 1; position : absolute; text-transform : none; transition : all .3s ease 0s; z-index : -1 }
.post .entry-footer .readmore:hover:after
{ height : 310%; opacity : 1 }
.post .entry-footer .readmore:hover
{ text-decoration : none; color : #fff !important }
.post .entry-footer .entry-share
{ background : #fff; padding : 15px 20px; box-shadow : inset 0 -3px rgba(0, 0, 0, 0.1); -webkit-box-shadow : inset 0 -3px rgba(0, 0, 0, 0.1); behavior : url('PIE.php') }
.post .entry-footer .entry-share .share > *
{ display : inline-block; vertical-align : middle }
.post .entry-footer .entry-share .share > span
{ font-size : .875em; text-transform : uppercase; color : #7f8c8c; margin-right : 5px }
.post .entry-footer .entry-share .share > ul > li
{ float : left; margin : 0 6px }
.entry-share .share > ul > li > a
{ display : block; width : 40px; height : 40px; line-height : 42px; text-align : center; color : #fff; border-radius : 5px; position : relative; overflow : hidden; behavior : url('PIE.php') }
.entry-share .share > ul > li > a:after
{ content : ' '; position : absolute; width : 150%; height : 150%; background : rgba(255, 255, 255, 0.1); visibility : hidden; -webkit-transform : translate(3px, -50px) rotate(45deg); -moz-transform : translate(3px, -50px) rotate(45deg); -ms-transform : translate(3px, -50px) rotate(45deg); transform : translate(3px, -50px) rotate(45deg); transition : all .3s cubic-bezier(0, 0.3, 0.5, 0.2); -ms-transition : all .3s cubic-bezier(0, 0.3, 0.5, 0.2); -moz-transition : all .3s cubic-bezier(0, 0.3, 0.5, 0.2); -webkit-transition : all .3s cubic-bezier(0, 0.3, 0.5, 0.2) }
.entry-share .share > ul > li > a:hover:after
{ visibility : visible; -webkit-transform : translate(-20px, -32px) rotate(45deg); -moz-transform : translate(-20px, -32px) rotate(45deg); -ms-transform : translate(-20px, -32px) rotate(45deg) }
.entry-share .facebook
{ background : #3a599a }
.entry-share .twitter
{ background : #41abe1 }
.entry-share .gplus
{ background : #e2534b }
.entry-share .linkedin
{ background : #527aa3 }
.entry-share .pintrest
{ background : #3a599a }
.entry-footer .post-links
{ float : right }
.entry-footer .post-links > li
{ float : left; margin : 0 6px }
.entry-footer .post-links > li > a
{ display : block; width : 40px; height : 40px; line-height : 42px; text-align : center; padding : 0 }
.post.format-quote .entry-content, .post.format-quote blockquote
{ margin : 0 }
.post-details
{ clear : both; display : inline-block; margin-bottom : 0; margin-top : 20px; padding : 20px 0; width : 100% }
.post-details a
{ color : #999; font-size : 14px; margin : 0 3px }
.post-details a:hover
{ color : #fa4b30 }
.post-details span[class*="icon-"], .post-details i
{ color : #fa4b30; margin-right : 10px }
.item-total
{ float : right; padding : 18px 15px }
.previouspostslink, .nextpostslink
{ padding : 3px 10px !important; text-decoration : none !important }
.previouspostslink:before
{ content : "\e006"; font-family : 'icomoon'; speak : none; font-style : normal; font-weight : normal; font-variant : normal; text-transform : none; line-height : 1; position : relative; top : 2px; text-decoration : none !important }
.nextpostslink:before
{ content : "\e01d"; font-family : 'icomoon'; speak : none; font-style : normal; font-weight : normal; font-variant : normal; text-transform : none; line-height : 1; position : relative; top : 2px; text-decoration : none !important }
.pagination ul
{ border : 1px solid #ddd; display : inline; padding : 5px 7px 7px; position : relative; background : #fff }
.pagination ul > li
{ display : inline-block; margin : 0 3px }
.pagination ul > li:first-child
{ margin-left : 0 }
.pagination li
{ position : relative; text-decoration : none !important; z-index : 7 }
.pagination ul > li.current a
{ background : none repeat scroll 0 0 #fff; border : 2px solid #000; color : #000; font-family : "titillium_bdbold"; text-decoration : none !important }
.pagination li span, .pagination li a
{ color : #888; display : block; font-size : 13px; line-height : 32px; padding : 3px 19px; text-align : center }
.pagination li span
{ background-color : #fa4b30; color : #fff }
.pagination .btn-primary
{ background : none repeat scroll 0 0 #fa4b30; margin : 0 10px }
.pagination .btn-primary
{ color : #fff }
input[type="submit"]
{ background : none repeat scroll 0 0 #fff; border : 2px solid #000; border-radius : 0; color : #000; font-family : "titillium_bdbold"; padding : 10px 12px; text-decoration : none; text-transform : uppercase }
.comments-wrapper h3
{ font-size : 24px; text-transform : uppercase }
.reply
{ float : right; margin-top : 0; padding : 10px; position : absolute; right : 0; top : 0; top : 0 }
.reply *
{ color : #000; text-transform : none }
.comments-header
{ font-family : "titillium_bdbold"; color : #000; font-size : 18px; text-transform : uppercase }
.comments-list li
{ padding : 0 0 15px }
.comments-list
{ margin-bottom : 15px }
.comments-list .comment
{ position : relative; min-height : 100px }
.comment .avatar-placeholder
{ position : absolute; left : 0; top : 0; width : 70px; height : 70px; border-radius : 10px; background-color : #e1e1e1; z-index : 9; behavior : url('PIE.php') }
.comment .comment-header
{ margin : 0 0 10px 90px }
.comment .comment-author
{ color : #fa4b30; display : block; font-size : 16px; font-weight : normal }
.comment .comment-datetime
{ font-size : 14px; font-weight : normal; display : inline-block }
.comment-datetime i, .comment-datetime span[class*="icon-"]
{ color : #fa4b30; font-size : 1.25em; font-style : normal; margin-right : 3px; position : relative; top : 2px }
.comment .comment-reply
{ color : #fa4b30; display : inline-block; font-size : 14px; font-weight : normal; margin-right : 0 }
.comments-wrapper .comment-about-autor .comment .comment-body
{ border-bottom : 0 }
.comment .comment-body
{ background : none repeat scroll 0 0 #fff; border-bottom : 1px solid #dee1e3; font-size : .875em; line-height : 1.75; margin-left : 40px; padding : 15px 30px 15px 50px }
.comments-list .children
{ list-style : none; padding : 0; margin : 30px 0 0 40px }
.comments-list > li:last-child, .comments-list .children > li:last-child
{ margin-bottom : 0; background : 0 }