/* =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; color:#555555; border:0; border-bottom:1px solid #2b2b2b; -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; background: #fff;}
#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; color:#8d8d8d; font-size:12px; background:none; cursor:pointer}
#contact input.submit:hover { color:#555555; }
#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; background:#fff; 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; color:#8d8d8d; font-size:12px; background:none; cursor:pointer; }
img { max-width: 100%; height: auto; }
.map img { max-width: none !important; }
.no-image { background: #fff; }
.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: 1px solid #2b2b2b; border-collapse: collapse; }
tbody>tr>td { width: 35px; height: 20px; text-align: center; border: 1px solid #2b2b2b; 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; background: #fff; 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: #2b2b2b; font-weight:700; letter-spacing: 1px; border-bottom: 1px solid #2b2b2b; width: 60%; margin: 0 auto 15px; padding-bottom: 12px; }
h4.specification, .single-sidebar h4 { text-transform: uppercase; color: #2b2b2b; font-weight:700; letter-spacing: 1px; border-bottom: 1px solid #2b2b2b; margin: 0 0 15px; padding: 0; padding-bottom: 12px; display: inline-block; }
.single-sidebar h4 { padding: 30px 0 10px; margin: 0 40px 0; }
h4.specification a { color: #2b2b2b; }
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; }
.avatar { border: 1px solid #2b2b2b; }
.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; color:#555555; background:#000; }
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; color:#8d8d8d; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#8d8d8d; text-decoration:none; }
a:hover { text-decoration:none; color: #2b2b2b; }
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; color:#2b2b2b; margin:0px 40px 5px 40px; padding-bottom:19px; padding-top:32px; text-transform:uppercase; letter-spacing:2px; border-bottom:1px solid #2b2b2b; display:block }
h2 a { color: #2b2b2b; }
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; color: #fff; 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%; background: #333333; 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 { width:940px; margin:10px; height:402px; float:left; }
.col1-1.text-full { background: #fff; height: auto !important; padding-bottom: 30px; }
.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; border-color:transparent #fff transparent transparent; position:absolute; margin-top:40px; left:616px; }
.white-right2:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color: transparent #fff transparent transparent; position:absolute; margin-top:40px; left:296px; }
.white-bottom:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:transparent transparent #fff transparent; position:absolute; top:-24px; margin-left:40px; }
a:visited .white-bottom:before { border-color: transparent transparent #fff transparent !important; }
a:visited .white-right:before, a:visited .white-right2:before { border-color:transparent #fff transparent transparent !important; }
.white-right, .white-right2 {background:#fff; }
.white-bottom {background:#fff; 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
--------------------------------------------------------------------------------------------------------*/
#twitter_update_list { background:#fff; }
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 { color:#8d8d8d; 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; color:#8d8d8d; text-decoration:none; padding-top:5px; display:block; }
ul.jta-tweet-list li a.jta-tweet-timestamp-link:hover { text-decoration:none; color:#2b2b2b; }
span.jta-tweet-twitter-bird-icon, span.jta-tweet-twitter-bird-icon:hover { display:none }
a.jta-tweet-a { color:#8d8d8d; text-decoration:none; }
a.jta-tweet-a:hover { color:#2b2b2b; }
/* 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; }
.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 #fff; 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 #fff; background-size:24px 24px; }
.video {background:url(images/bg-video.png) center no-repeat #fff; background-size:24px 24px; }
.bubble {background:url(images/bg-bubble.png) center no-repeat #fff; background-size:24px 24px; }
.quote {background:url(images/bg-heart.png) center no-repeat #fff; background-size:24px 24px; }
.slideshow {background:url(images/bg-slideshow.png) center no-repeat #fff; background-size:28px 15px; }
.aside {background:url(images/bg-aside.png) center no-repeat #fff; background-size:23px 23px; }
.close {background:url(images/bg-close.png) center no-repeat #fff; background-size:18px 18px; }

.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; color:#2b2b2b; 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; background:#fff; -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; background: #333333; 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 { color: #dd8500; 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; }
#options li a:hover, #options li a.selected { color: #fff;}

#filters ul { position:absolute; height:auto; width:125px; background:#333333; -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; color:#dd8500; z-index:191 !important; text-decoration:none; font-weight:normal; border-bottom:1px solid #dd8500; -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 li.active ul a { color:#fff; }
#filters ul li a:hover { color:#fff; text-decoration:none; border-bottom:1px solid; border-bottom:1px solid #fff; }

#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 #fff; 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; background-color: #000000; 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; background: #fff; 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 #fff; 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 #fff; background-size:24px 24px; }
	.video {background:url(images/bg-video@2x.png) center no-repeat #fff; background-size:24px 24px; }
	.bubble {background:url(images/bg-bubble@2x.png) center no-repeat #fff; background-size:24px 24px; }
	.quote {background:url(images/bg-heart@2x.png) center no-repeat #fff; background-size:24px 24px; }
	.slideshow {background:url(images/bg-slideshow@2x.png) center no-repeat #fff; background-size:28px 15px; }
	.aside {background:url(images/bg-aside@2x.png) center no-repeat #fff; background-size:23px 23px; }
	.close {background:url(images/bg-close@2x.png) center no-repeat #fff; 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 #fff; background-size:22px 15px; }
	.flex-direction-nav .flex-next {background:url(images/bg-next@2x.png) center no-repeat; }
	.flex-direction-nav .flex-prev {background:url(images/bg-prev@2x.png) center no-repeat; }
}

/* 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 {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:29px; margin-left:10px; margin-bottom:30px; width:182px; height:21px; z-index:1 }
	#nav-button {display:block; background:#171717; 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; }
	#options li a:hover, #options li a:focus {background:#333333; }
	ul#filters { background:#171717; 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 {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:29px; margin-left:10px; margin-bottom:30px; width:174px; height:21px; z-index:1 }
	h1#logo a { width: 174px;}
	#nav-button {display:block; background:#171717; 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:240px; padding:20px 30px; }
	#options li a:hover, #options li a:focus {background:#333333; }
	ul#filters { background:#171717; 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; }
}