/*
Theme Name: MY FOLIO
Theme URI: http://www.madeinebor.com
Version: 2.0.2
Description: My Folio - An advanced, grid based photography theme
Author: Tom Rhodes
Author URI: http://www.madeinebor.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: white, custom-background, threaded-comments, translation-ready, custom-menu
*/


/*-------------------------------------------------------------------------------------------*/
/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/
/*-------------------------------------------------------------------------------------------*/

/* =Reset
--------------------------------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:#000}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}
/* End Reset
--------------------------------------------------------------------------------------------------------*/

/*--WORDPRESS STYLES--*/
.sticky {}/*--STICKY STYLING IS HANDLES VIA JQUERY--*/
.bypostauthor img.avatar {}/*--HANDLED IN STYLES.PHP--*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; margin-top: 15px; }
img.alignnone { display: block; }
img.alignleft { float: left; margin-right: 30px; }
img.alignright { float: right; margin-left: 30px; }
img.aligncenter { display: block; margin-right: auto; margin-left: auto; text-align: center; }
.wp-caption, .gallery-caption { margin: 40px 0; max-width: 100%; text-align: center; color: #999; padding: 0 40px; }
.wp-caption-text, .gallery-caption-text { margin: 6px 0; font-style: italic; font-size: 95%; line-height: 120%; }
.aligncenter { text-align: center }


/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:auto; display:block; }
.centered { text-align:center; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/

#check { position: absolute; top: -1px; left: 0; opacity: 0; height: 1px !important; padding: 0 !important; }
#search-icon { width: 12px; height: 15px; display: inline-block; background: url(images/search-icon.png) no-repeat; margin: 41px 18px 0 0; cursor: pointer; }
#options #searchform { float: right; display: inline-block; position: absolute; top: 25px; padding-left: 0; display: none; }
#options #searchform input { padding-left: 20px; }
.zilla-share { padding: 0 40px; }
header .zilla-social, header ul.social { text-align: center; display: block; width: 100%; clear: both; padding-top: 15px; }
h1 small { display: block; font-size: 10px; }
.image-full img { max-width: 100%; height: auto; }
.single .col1-1, .col1-1.full-intro { height: auto !important; }
#tab-catch { background: none; border: none; opacity: 0; width: 1px; height: 1px; position: absolute; top: 0; left: 0; }
#preloader img { position: absolute; margin-top: 40%; top: -40px; margin-left: 50%; left: -80px; max-width: 160px; }
.builder-bullets { list-style: disc; padding: 14px 40px 0px 40px; }
.builder-bullets li {
	margin-bottom: 6px;
}

/* =Contact
--------------------------------------------------------------------------------------------------------*/
#contact { display: block; width: auto; margin: 0; padding: 0px; border: none; margin-top:20px; overflow:visible }
#contact label { display: none; float: none; height:0px; }
input, textarea { height:16px; }
input, textarea, select { width:220px; padding:15px 0px; font: 14px Georgia, "Times New Roman", Times, serif; border:0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float:none; display:block; margin:0px 40px; font-style:italic; }
#contact textarea { margin-bottom:0px; margin-right:0px !important; }
input:focus, textarea:focus, select:focus {  }
input.submit { display:inline-block; position:absolute; width:auto; bottom:40px; right:0px; border:0px; padding:0px; font-size:12px; background:none; cursor:pointer}
#contact fieldset { padding-left:0px;}
#contact span.required { padding-left:28px; background:url(images/bg-bullet.png) no-repeat 12px 5px; margin-left:-28px; }
#message { margin: 0; padding: 0px; z-index:200; position:absolute !important; top:40px; left:40px; height:auto; width:220px; }
#success_page h3 {font-size:15px; font-weight:600; padding:34px 40px 0 40px; margin-bottom:-6px; }
#success_page p {position:relative !important; padding-bottom:35px;  font-style:italic;}
.error_message { display: block; width:180px; height:auto; padding:19px 20px 19px 20px; background: #FBE3E4; color:#8a1f11;  font-style:italic; }
.loader { display:none; }
#contact .padding-right {padding-right:20px; }
#comments {height: 85px; }
.full-comment-wrap #comments {height: auto;}
textarea { resize: none;}
h3#reply-title { border: none !important; display: none !important; }

/* =END CONTACT
--------------------------------------------------------------------------------------------------------*/

#commentform input { clear: left; }
.comments-left { float: left; }
#commentform textarea { float: right; resize: none; }
.video-container { position: relative; padding-bottom: 53.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.col1-3.menu, .col1-3.menu .white-bottom, .col1-3.blog-menu, .col1-3.blog-menu .white-bottom { height: auto !important; }
.col1-3.menu .white-bottom, .col1-3.blog-menu .white-bottom { padding-bottom: 30px; }
p.border-top { border-top: 1px solid #000000; padding: none; margin: 25px 40px 0; }
p.form-submit { padding: 0; padding-top: 30px; display: block; }
p.form-submit input { background: none; cursor: pointer; }
p.form-submit input#submit { display:inline-block; position:absolute; width:auto; bottom:30px; right:0px; border:0px; padding:0px; font-size:12px; background:none; cursor:pointer; }
img { max-width: 100%; height: auto; }
.map img { max-width: none !important; }
.col1-3.no-image #searchform { margin-top: 30px; }

#calendar_wrap { width: 260px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
table#wp-calendar>tbody>tr>td>a { text-decoration: underline }
footer caption, .sidebar caption { text-align: center; padding-bottom: 15px; }
thead>tr>th { width: 35px; height: 20px; text-align: center; border-collapse: collapse; }
tbody>tr>td { width: 35px; height: 20px; text-align: center; border-collapse: collapse; }
tfoot>tr>td>a, tfoot>tr>td>a:link, tfoot>tr>td>a:visited, tfoot>tr>td>a:hover, tfoot>tr>td>a:active { text-decoration: underline; height: 23px; nowhitespace: afterproperty; margin-left: 10px; padding-bottom: 3px; }
tfoot>tr>td#prev { width: 58px; height: 20px; text-align: left; }
tfoot>tr>td#next { width: 58px; height: 20px; text-align: right; }
footer .col1-3, .col1-3.sidebar { height: auto; padding-top: 20px; padding-bottom: 35px; }
footer .col1-3 p, .sidebar p { position: static !important; text-align: left; }
.type-portfolio .infos { overflow-y: hidden }
footer select, #calendar_wrap, .sidebar select { margin: 20px auto 0 }
.rssSummary { display: block }
a.rsswidget{ display: inline-block; margin: 0 3px;}
span.rss-date { font-size: 14px }
.rssSummary { padding: 15px 0; text-align: left; }
footer cite, .sidebar cite { padding-bottom: 25px; display: block; }
footer li, .sidebar li { margin: 6px 0; padding: 0 15px; }
.tagcloud { padding: 0 15px; margin: 6px 0 0 0; }
.tagcloud a { margin: 3px 3px 1px; display: inline-block; }
footer .wp-caption, .sidebar .wp-caption { padding: 0 20px }
footer h4, .sidebar h4 { text-transform: uppercase; color: font-weight:700; letter-spacing: 1px; width: 60%; margin: 0 auto 15px; padding-bottom: 12px; }
h4.specification, .single-sidebar h4 { text-transform: uppercase; font-weight:700; letter-spacing: 1px; margin: 0 0 15px; padding: 0; padding-bottom: 12px; display: inline-block; }
.single-sidebar h4 { padding: 30px 0 10px; margin: 0 40px 0; }
li.comment {list-style: none; padding: 0 40px 20px; }
li.comment p, li.comment p.border-top { padding: 0; }
li.comment p.border-top { width: 100%; margin-left: 0; }
.col1-3.variable { height: auto !important; padding-bottom: 40px;}
.col1-3.sidebar { text-align: center; }


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { font: 14px Georgia, "Times New Roman", Times, serif; background:#000; margin: 0; }
strong { font-weight:bold; }
a {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
a img {-webkit-transition: none 0s ease 0s; -moz-transition:  none 0s ease 0s; -o-transition:  none 0s ease 0s; transition:  none 0s ease 0s; }
p { line-height:1.5; font-style:italic; padding:14px 40px 0 40px; }
p.small {font-size:12px;}
p.blockquote, blockquote, blockquote p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; padding:24px 60px 10px 60px; clear:both }
blockquote p { padding: 0; }
.blockquote span {font: 11px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { text-decoration:none; }
a:hover { text-decoration:none; }
em { font-style: italic; }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 { line-height:1.5; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; }
h1, h2, h3, h5, h6 { font-size:18px; font-weight:700; margin:0px 40px 5px 40px; padding-bottom:19px; padding-top:32px; text-transform:uppercase; letter-spacing:2px; display:block }
h3 { font-size: 14px; padding-bottom: 10px;}
h4 {font-size:15px; font-weight:600; padding:14px 40px 0 40px; margin-bottom:-6px; }
h1#logo { position:relative; float:left; margin-top:39px; margin-left:10px; margin-bottom:40px; width:182px; height:21px; z-index:1; padding: 0; border-bottom: none; }
h1#logo a { display:block; width:182px; height:21px; font: 22px 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 2px; }
h1#logo a img { max-width: 100%; height: auto; display: block; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#wrapper { margin-top:0px; width:100%; position:relative; z-index:29; margin:0 auto; margin-bottom:20px; }
.container { padding:0px; width:960px; position:relative; margin:0 auto;}
.col1-3.load-more, .col1-3.load-more-blog { background: url(images/bg-load.png) center 15px no-repeat #f5f5f5; height: auto; padding: 50px 0 15px; cursor: pointer; text-align: center; font-style: italic; }
.col1-1, .image-full { width:940px; margin:10px; height:402px; float:left; }
.col1-1.text-full { height: auto !important; padding-bottom: 30px; }
.image-full { height: auto !important; }
.col1-3 { width:300px; height:402px; margin:10px; float:left; }
.element .col1-3 {width:300px; height:402px; margin:0; float:left; }
.element .col1-3.connect, .map {width:320px; height:402px; margin:0; float:left; }
.col2-3 { width:620px; height:402px; margin:10px; float:left; }
.element .col2-3 {width:640px; height:402px; margin:0; }
.col2-3.post {height:auto; }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; position:absolute; margin-top:40px; left:616px; }
.white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; position:absolute; margin-top:40px; left:296px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; position:absolute; top:-24px; margin-left:40px; }
.white-bottom { position:relative; height:246px; }
.format-quote.white-bottom:before, .no-image.white-bottom:before, .format-aside.white-bottom:before, .format-link.white-bottom:before { display: none; }
.blog-no-image.white-bottom { padding-top: 156px; overflow: hidden; }
.post .white-bottom {height:auto; padding-bottom:40px; }
.bottom {position:absolute; bottom:0px; padding-bottom:36px; }
.bottom.right { right: 0; }
.break { height:20px; position:relative; }
.images { display:block; position:relative; }
.overflow {overflow:hidden; height: auto !important; }
.col1-1.text-full { -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; }
.col1-1.text-full h2, .col1-1.text-full p, .col1-1.text-full h1, .col1-1.text-full ul, .col1-1.text-full ol, .col1-1.text-full h3 { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
.col1-1.text-full h2.the-title {padding-top: 0;}
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Twitter
--------------------------------------------------------------------------------------------------------*/
ul.jta-tweet-list li { display:block; min-height:100px; padding:14px 40px 0px 40px; font-style:italic; line-height:1.5 }
ul.jta-tweet-list li a.jta-tweet-link { text-decoration:none; text-transform:none; margin-right:4px; line-height:20px; }
ul.jta-tweet-list li a.jta-tweet-link:hover { text-decoration:none; color:#555; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link { font-size:12px !important; text-decoration:none; padding-top:5px; display:block; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a { text-decoration:none; }
/* End Twitter
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width:100%; display: block; z-index:9 }

.icons { position:absolute; right:40px; top:40px; height:58px; width:58px; margin-left:0px; z-index: 9999; pointer-events: none; }
.email {background:url(images/bg-email.png) no-repeat; background-size:24px 24px; }
.xing {background:url(images/bg-xing.png) no-repeat; background-size:24px 24px; }
.google {background:url(images/bg-googleplus.png) no-repeat; background-size:24px 24px; }
.tweat {background:url(images/bg-tweat.png) no-repeat; background-size:24px 24px; } 
.twitter {background:url(images/bg-twitter.png) center no-repeat; background-size:32px 32px; } 
.facebook {background:url(images/bg-facebook.png) no-repeat; background-size:24px 24px; }
.pinterest {background:url(images/bg-pinterest.png) no-repeat; background-size:24px 24px; }
.instagram {background:url(images/bg-instagram.png) no-repeat; background-size:24px 24px; }
.vimeo {background:url(images/bg-vimeo.png) no-repeat; background-size:24px 24px; }
.linkedin {background:url(images/bg-linkedin.png) no-repeat; background-size:24px 24px; }
.skype {background:url(images/bg-skype.png) no-repeat; background-size:24px 24px; }
.dribble {background:url(images/bg-dribble.png) no-repeat; background-size:24px 24px; }
.link {background:url(images/bg-link.png) center no-repeat; background-size:24px 24px; }
.video {background:url(images/bg-video.png) center no-repeat; background-size:24px 24px; }
.bubble {background:url(images/bg-bubble.png) center no-repeat; background-size:24px 24px; }
.quote {background:url(images/bg-heart.png) center no-repeat; background-size:24px 24px; }
.slideshow {background:url(images/bg-slideshow.png) center no-repeat; background-size:28px 15px; }
.aside {background:url(images/bg-aside.png) center no-repeat; background-size:23px 23px; }
.close {background:url(images/bg-close.png) center no-repeat; background-size:18px 18px; }
.icons.close { pointer-events: auto; }

.images .title, .images .subtitle, .images .portfolio-link { z-index:10; position:absolute; top:38px; left:40px; width:auto; font-weight:600; }
.images .subtitle { top: 60px; font-weight: 400; }
.images .portfolio-link { top: 90px; font-weight: 400; }
.title-wrap h3 { font-weight: 600; }
.title-wrap, .subtitle-wrap, .portfolio-link-wrap { overflow: hidden; position: relative; }
.title-wrap h3, .subtitle-wrap p, .portfolio-link-wrap a { overflow: hidden; white-space: nowrap; line-height:32px; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif; padding:0px; margin: 0; border: none; letter-spacing: 0px;}
.title-wrap h3 span, .subtitle-wrap p span, .portfolio-link-wrap a { padding:5px 8px 6px 8px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.05) ; box-shadow:0 1px 0 rgba(0, 0, 0, 0.05); font-style:normal; }
.subtitle-wrap p span {font-size:12px; padding:5px 8px 5px 8px; }
.portfolio-link-wrap a { padding: 0; text-align: left; padding-bottom: 3px; }
.portfolio-link-wrap a span { font-size:11px; padding:5px 8px 10px 8px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.list { position:absolute; padding:0 20px 16px 20px; bottom:0 }
ul.list li { line-height:1.5; font-size:22px; font-weight:300; letter-spacing:-1px; width:auto; padding-left:28px; }
ul.check li { background:url(images/bg-check.png) no-repeat 1px 13px; background-size:13px 11px; }
.the-content ul, .the-content ol { padding: 25px 40px; }
pre { font-family: monospace; padding: 25px 40px; }
.the-content p { font-style: normal; }
.the-content ul { list-style: disc; }
.the-content ol { list-style: decimal; }
.the-content ul li, .the-content ol li { padding: 0 0 10px; margin: 0 0 0 40px;}
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { padding: 0 0 100px; margin-top:20px; position:relative  }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:37px; margin-bottom:6px; letter-spacing:0; }
.social li { display:inline-block; margin:0px 6px 9px; padding: 0; }
.social li a { display:block; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.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; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { width:auto; height:100px; z-index:300; text-align:right;}
#options ul { margin: 0; list-style: none; display:inline-block; padding-top:36px; float:right; margin-right:-7px; }
#options ul > li { padding-bottom: 10px; }
#options li { float: left; position: relative; }
#options li a { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-transform:uppercase; display:inline-block; padding:5px 17px;  margin:0px; }

#filters ul { position:absolute; height:auto; width:125px; -webkit-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow:0 0px 0px 1px rgba(0, 0, 0, 0.1); padding:5px 15px 9px 15px; top:30px; margin-left:4px; z-index:200; list-style:none; }
#filters ul li { display:block; z-index:191 !important; float:none; padding:0px; margin:0px; position:relative; text-align: left; }
#filters ul li.last { border-bottom:0px; }
#filters ul li a { text-transform: uppercase; position:relative; display:block; width:auto; float:none; padding:8px 0px; margin:0px; z-index:191 !important; text-decoration:none; font-weight:normal; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
#filters ul li a:hover { text-decoration:none; border-bottom:1px solid; }

#filters li ul { display:none; }
#filters ul ul li {position:relative; }
#filters ul ul { top:-7px !important; margin-left:110px; z-index:200; list-style:none; }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Backtotop
--------------------------------------------------------------------------------------------------------*/
#backtotop { height:auto; position:fixed; right:30px; bottom:30px; display:none; z-index:30; }
#backtotop ul { padding:15px 0px; }
#backtotop ul li a { background:url(images/bg-up.png) center 48% no-repeat; background-size:22px 15px; display:block; width:50px; height:50px; float:right; right:10px; text-indent:-9000px; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0.1); box-shadow:0 0 30px rgba(0, 0, 0, 0.1);}
#backtotop ul li a:hover { -webkit-box-shadow:0 0 30px rgba(0, 0, 0, 0); -moz-box-shadow:0 0 30px rgba(0, 0, 0, 0); box-shadow:0 0 30px rgba(0, 0, 0, 0); }
/* End Backtotop
--------------------------------------------------------------------------------------------------------*/

/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; }
#status { width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -16px; }
.windows8 { position: relative; width: 32px; height: 32px; }
.windows8 .wBall { position: absolute; width: 30px; height: 30px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 7.15s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 7.15s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 7.15s infinite; -o-transform: rotate(225deg); -o-animation: orbit 7.15s infinite; transform: rotate(225deg); animation: orbit 7.15s infinite; }
.windows8 .wBall .wInnerBall { position: absolute; width: 4px; height: 4px; left: 0px; top: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.windows8 #wBall_1 { -moz-animation-delay: 1.56s; -webkit-animation-delay: 1.56s; -ms-animation-delay: 1.56s; -o-animation-delay: 1.56s; animation-delay: 1.56s; }
.windows8 #wBall_2 { -moz-animation-delay: 0.31s; -webkit-animation-delay: 0.31s; -ms-animation-delay: 0.31s; -o-animation-delay: 0.31s; animation-delay: 0.31s; }
.windows8 #wBall_3 { -moz-animation-delay: 0.62s; -webkit-animation-delay: 0.62s; -ms-animation-delay: 0.62s; -o-animation-delay: 0.62s; animation-delay: 0.62s; }
.windows8 #wBall_4 { -moz-animation-delay: 0.94s; -webkit-animation-delay: 0.94s; -ms-animation-delay: 0.94s; -o-animation-delay: 0.94s; animation-delay: 0.94s; }
.windows8 #wBall_5 { -moz-animation-delay: 1.25s; -webkit-animation-delay: 1.25s; -ms-animation-delay: 1.25s; -o-animation-delay: 1.25s; animation-delay: 1.25s; }
@-moz-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }
	7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; }
	30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; }
	39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; }
	70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; }
	75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; }
	76% { opacity: 0; -moz-transform: rotate(900deg); }
	100% { opacity: 0; -moz-transform: rotate(900deg); }
}
@-webkit-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }
	7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; }
	30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; }
	39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; }
	70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; }
	75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; }
	76% { opacity: 0; -webkit-transform: rotate(900deg); }
	100% { opacity: 0; -webkit-transform: rotate(900deg); }
}
@-ms-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }
	7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; }
	30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; }
	39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; }
	70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; }
	75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; }
	76% { opacity: 0; -ms-transform: rotate(900deg); }
	100% { opacity: 0; -ms-transform: rotate(900deg); }
}
@-o-keyframes orbit { 
	0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }
	7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; }
	30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; }
	39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; }
	70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; }
	75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; }
	76% { opacity: 0; -o-transform: rotate(900deg); }
	100% { opacity: 0; -o-transform: rotate(900deg); }
}
@keyframes orbit { 
	0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; }
	7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; }
	30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; }
	39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; }
	70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; }
	75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; }
	76% { opacity: 0; transform: rotate(900deg); }
	100% { opacity: 0; transform: rotate(900deg); }
}

.col1-3.blog-preview { height: auto !important; min-height: 402px; }
.col1-3.blog-preview .white-bottom { height: auto !important; min-height: 246px; }
.col1-3.blog-preview .white-bottom p { padding-bottom: 30px; }
.zilla-share > div.fb_edge_widget_with_comment { top: 0 !important; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

	.icons { position:absolute; right:40px; top:40px; height:58px; width:58px; margin-left:0px; }
	.email {background:url(images/bg-email@2x.png) no-repeat; background-size:24px 24px; }
	.xing {background:url(images/bg-xing@2x.png) no-repeat; background-size:24px 24px; }
	.google {background:url(images/bg-googleplus@2x.png) no-repeat; background-size:24px 24px; }
	.tweat {background:url(images/bg-tweat@2x.png) no-repeat; background-size:24px 24px; } 
	.twitter {background:url(images/bg-twitter@2x.png) center no-repeat; background-size:32px 32px; }
	.col1-3.load-more, .col1-3.load-more-blog { background:url(images/bg-load@2x.png) center 15px #f5f5f5 no-repeat; background-size:24px 24px; }
	.facebook {background:url(images/bg-facebook@2x.png) no-repeat; background-size:24px 24px; }
	.pinterest {background:url(images/bg-pinterest@2x.png) no-repeat; background-size:24px 24px; }
	.instagram {background:url(images/bg-instagram@2x.png) no-repeat; background-size:24px 24px; }
	.vimeo {background:url(images/bg-vimeo@2x.png) no-repeat; background-size:24px 24px; }
	.linkedin {background:url(images/bg-linkedin@2x.png) no-repeat; background-size:24px 24px; }
	.skype {background:url(images/bg-skype@2x.png) no-repeat; background-size:24px 24px; }
	.dribble {background:url(images/bg-dribble@2x.png) no-repeat; background-size:24px 24px; }
	.link {background:url(images/bg-link@2x.png) center no-repeat; background-size:24px 24px; }
	.video {background:url(images/bg-video@2x.png) center no-repeat; background-size:24px 24px; }
	.bubble {background:url(images/bg-bubble@2x.png) center no-repeat; background-size:24px 24px; }
	.quote {background:url(images/bg-heart@2x.png) center no-repeat; background-size:24px 24px; }
	.slideshow {background:url(images/bg-slideshow@2x.png) center no-repeat; background-size:28px 15px; }
	.aside {background:url(images/bg-aside@2x.png) center no-repeat; background-size:23px 23px; }
	.close {background:url(images/bg-close@2x.png) center no-repeat; background-size:18px 18px; }
	ul.check li { background:url(images/bg-check@2x.png) no-repeat 1px 13px; }
	#backtotop ul li a { background:url(images/bg-up@2x.png) center 48% no-repeat; background-size:22px 15px; }
	.flex-direction-nav .flex-next {background:url(images/bg-next@2x.png) center no-repeat; background-size:15px 22px; }
	.flex-direction-nav .flex-prev {background:url(images/bg-prev@2x.png) center no-repeat; background-size:15px 22px; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { padding:0px; width:640px; position:relative; }
	.element .col2-3 {width:620px; height:389px; margin:0; float:none; }
	.element .col1-3.white-right {width:620px; height:auto; margin:0; float:none; padding-bottom:80px; }
	.col1-1, .image-full {width:620px; height:auto; }
	.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:325px; margin-left:40px; left:0; }
	
	
	h1#logo { position:relative; float:left; margin-top:30px; margin-left:10px; margin-bottom:0px; width:182px; height:21px; z-index:1 }
	#nav-button {display:block; float:right; padding:29px 30px 30px 30px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); width:26px; margin:0 auto; margin-right:10px; cursor:pointer; }
	.nav-bar {background-color:#f5f5f5; border-radius:1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); display:block; width:25px; height:3px; margin:3px auto; }
	#options { display:none; /*position:absolute; top:80px;*/ }
	#options ul { padding-top:0px; }
	#options li { float:none; }
	#options li a, #filters ul li a, #filters ul li a:hover  { border-bottom:1px solid #000; width:560px; padding:20px 30px; }
	ul#filters { margin:0 10px; width:620px;}
	#options ul > li { padding-bottom: 0; }
	#filters ul { display: block !important; width: 100%; position: static; padding: 0; margin: 0; background: none; }
	#filters ul li a { border-bottom:1px solid #000; width:560px; padding:20px 30px; text-align:right; }
	
	.col1-1.intro-video .white-right, .col1-1.intro-video { max-height: none !important; }
	.video-container { padding-bottom: 52.25%; }
	#options #searchform { display: none; }
	#search-icon { display: none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
	.container { padding:0px; width:320px; position:relative; }
	.col2-3 { width:300px; height:auto; margin:10px; float:left; }
	.element .col2-3 {width:300px; height:188px; margin:0; float:none; }
	.element .col1-3.white-right, .element .col1-3.white-right2 {width:300px; height:auto; margin:0; float:none; padding-bottom:80px; }
	.element .col1-3.connect, .map {width:300px; height:auto; float:none; }
	.col1-1, .image-full {width:300px; height:auto; }
	.white-right:before, .white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:124px; margin-left:40px; left:0; }
	.white-right2:before {top:313px; }
	
	h1#logo { position:relative; float:left; margin-top:30px; margin-left:10px; margin-bottom:0px; width:174px !important; height:21px !important; z-index:1 }
	h1#logo a { width: 174px !important;}
	#nav-button {display:block; float:right; padding:29px 30px 30px 30px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); width:26px; margin:0 auto; margin-right:10px; cursor:pointer; }
	.nav-bar {background-color:#f5f5f5; border-radius:1px; box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); display:block; width:25px; height:3px; margin:3px auto; }
	#options { display:none; }
	#options ul { padding-top:0px; }
	#options li { float:none; }
	#options li a, #filters ul li a, #filters ul li a:hover { border-bottom:1px solid #000; width:240px; padding:20px 30px; }
	ul#filters { margin:0 10px; width:300px;}
	#filters ul { display: block !important; width: 100%; position: static; padding: 0; margin: 0; background: none; }
	#filters ul li a { text-align:right; }
	
	.col1-1.intro-video .white-right, .col1-1.intro-video { max-height: none !important; }
	.video-container { padding-bottom: 48.25%; }
	li.comment .alignright { clear: left; margin: 0 auto; display: block; float: none; text-align: center; margin-bottom: 15px; }
	h4.specification { display: block; text-align: center; }
	p.when { text-align: center; }
	#backtotop { display: none !important; }
	#options #searchform, div.icons.close, #search-icon { display: none; }
	#options ul > li { padding-bottom: 0; }
	#filters ul { display: block !important; width: 100%; position: static; }
}