/*
Theme Name: Cybersys
Theme URI: #
Description: The Cybersys theme based on the famous Wordpress CMS.
Version: 3.8.1
Author: Cybersys
*/
@import url(http://fonts.googleapis.com/css?family=Titillium+Web|Roboto+Condensed|Dosis|Pathway+Gothic+One|Share+Tech|Oswald);
/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #8c806e; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }

/* global style */
.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }
.depth-1 { border: 1px solid #ddd; }
.even, .alt { border-left: 1px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
small, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

/* template  */
#template { position: relative; display: block; width: 100%; min-height: 100%; }

/* layout */
#layout { margin: 0 auto; width: 100%; }

/* centering  */
.centering { width: 990px; margin: 0 auto; position: relative; }

/* header */
#header-part { position: relative; width: 100%; min-height: 186px; }
#header-part a.logo { position: absolute; top: 12px; left: 0px; display: block; width: 397px; height: 102px; text-indent: -9999px; }
.logosidebar { position: absolute; top: 12px; left: 0px; display: block; width: 397px; height: 102px; text-indent: -9999px; }
.logosidebar img { max-width:100%; height:auto; }
.logosidebar h2, .logosidebar p { display:none; }
#header-part .flag { position: absolute; right: 0px; top: 2px; display:none; }
#header-part .flag ul { list-style: none; list-style-type: none; }
#header-part .flag ul li { float: left; padding-right: 5px; }
#header-part .flag ul li.last { padding-right:0px; }
#header-part .flag ul li a:hover { opacity:.8; }
#header-part .contact { float: right; margin: 30px 0 0 0; }
#header-part .contact h4 { font-size: 20px; text-transform: uppercase; line-height: 30px; color: #838383; font-family:'Roboto Condensed'; }
#header-part .contact span { color: #56b95f; }
#header-part .contact h5 { font-size: 15px; color: #a2a3a7; text-align: right; font-weight: normal; }
#header-part .contact h5 a { color: #a2a3a7; text-decoration:none; }
#header-part .contact h5 a:hover { color:#000000; }

/* ### social bar ### */
.social-bar { float: right; margin: 8px 0px 0px 0px; }
.social-bar ul { list-style: none; }
.social-bar ul li { float: left; padding-right: 3px; }
.social-bar ul li:last-child { padding-right: 0px; }
.social-bar ul li a:hover { opacity:.8; }

/* nav bar */
.nav-bar { position: absolute; top: 136px; left: 1px; width: 100%; height: 50px; background: url(images/menuboxbg.png) repeat-x; border-radius: 5px; z-index: 9999; }
.nav-bar ul { list-style: none; list-style-type: none; margin: 0 0 0 46px; display:block; }
.nav-bar li { position:relative; float: left; font-size: 18px; font-weight: normal; padding: 0 13px 0 40px; background: url(images/menubg.png) no-repeat left center; }
.nav-bar li ul { display:none; position:absolute; top: 49px; left:-17px; background:#e6e6e6; border-radius:0 0 4px 4px; border:solid 1px #888177; }
.nav-bar li:hover ul { display:block; }
.nav-bar li li { background:none; padding:0 15px!important; white-space:nowrap; }
.nav-bar li a { text-decoration: none; display: block; line-height: 49px; color: #565656; font-family:'Roboto Condensed'; }
.nav-bar li a:hover, .nav-bar li.current_page_item a { color: #4eaa47; }
.nav-bar li:first-child { padding-left: 0px; background: none; }
.nav-bar li:last-child { padding-right: 0px; }

/* ### menumob box ### */
.menumobBar { padding-bottom: 2px; width: 100%; display: none; background: #52b250; border-radius:5px; }
.menumobBar p { color:#FFFFFF; font-weight:bold; font-size:20px; margin:5px 0 3px 12px; float:left; font-family:'Roboto Condensed'; }
.menumobBar a.click { padding: 2px 0; margin: 4px 0px 0 0; width: 50px; border-radius: 10px; -webkit-border-radius: 10px; float: right; background: #52b250; }
.menumobBar a.click span { margin: 4px auto; width: 70%; height: 3px; background: #fff; display: block; }
.menumobBar ul { padding-top: 5px; list-style: none; display: none; width: 100%; overflow: hidden; }
.menumobBar li { width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; }
.menumobBar li ul { padding-top:0px; display:block; border-top: 1px solid #ccc; }
.menumobBar li li a { padding-left:25px; }
.menumobBar li ul li:first-child { border-bottom:0px; }
.menumobBar li:last-child { border-bottom:0px; }
.menumobBar li a { padding: 0 15px; text-decoration: none; display: block; background: #52b250; line-height: 35px; color: #fff; }
.menumobBar li a:hover, .menumobBar li.current_page_item a { background: #8bba8a; }

/* banner bar */
#banner-part { width: 100%; margin: -26px auto 0 auto; min-height:200px; position: relative; }
.sliderloader.loading { position:absolute; width:32px; height:32px; top:45%; left:50%; background:url(images/loader.gif) no-repeat; }
#banner-part .flexslider { margin: 0; padding: 0; }
#banner-part .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
#banner-part .flexslider .slides img { width: 100%; display: block; }
#banner-part ol.flex-control-nav { display: none !important; }
#banner-part ul.flex-direction-nav { z-index: 9999; width: 100%; position:absolute; top:43%; }
#banner-part ul.flex-direction-nav li a { width: 58px; height: 58px; display: block; }
#banner-part ul.flex-direction-nav li a.flex-prev { position: absolute; left: 5%; background:url(images/leftarw.png) no-repeat; text-indent: -9999px !important; }
#banner-part ul.flex-direction-nav li a.flex-prev:hover, #banner-part ul.flex-direction-nav li a.flex-next:hover { opacity:.8; }
#banner-part ul.flex-direction-nav li a.flex-next { position: absolute; right: 5%; z-index: 9999; background:url(images/rightarw.png) no-repeat; text-indent: -9999px !important; }
#banner-part .flexslider li { position:relative; }
#banner-part .flexslider li .slidetext { position:absolute; z-index:999; left:10%; top:148px; width:57%; padding:10px; }
#banner-part .flexslider li .slidetext h2 { font-size:62px; color:#257224; line-height:60px; text-shadow:1px 1px #FFFFFF; text-transform:uppercase; font-family:'Roboto Condensed'; }
#banner-part .flexslider li .slidetext p { color:#5a5a5a; font-size:25px; text-shadow:1px 1px #FFFFFF; line-height:30px; text-transform:uppercase; font-family:'Roboto Condensed'; }

/* content */
#content-part { overflow: hidden; width: 100%; background: url(images/contentbg.png) repeat-x left bottom; min-height: 435px; }
.instrument { float: left; border: 4px solid #fff; margin: 29px 16px 20px 0; background: #f2f2f2; -webkit-box-shadow: -1px 0px 14px 2px rgba(233,233,233,0.98); -moz-box-shadow: -1px 0px 14px 2px rgba(233,233,233,0.98); box-shadow: -1px 0px 14px 2px rgba(233,233,233,0.98); }
.home .instrument { width: 227px; min-height: 345px; }
.instrument:last-child { margin-right: 0px; }
.instrument img { margin-bottom: 11px; }
.instrument h2 { background: #fbfbfb; color: #56a450; font-size: 18px; border-bottom: 1px solid #c5c5c5; border-top: 1px solid #c5c5c5; padding: 3px 0 7px 0; text-align: center; font-family:'Roboto Condensed'; }
.instrument p { font-size: 13px; color: #666666; line-height: 17px; padding: 14px 6px 9px 7px }
.instrument a img { margin: 10px auto; }
.instrument a img:hover { opacity:.8; }

/* left part */
.left-part { width: 67%; padding: 23px 0 30px 10px; float:left; }
.left-part .postBar { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #959283; }
.left-part small { font-weight:bold; font-size:12px; color:#000000; margin-bottom:8px; display:block; }
.left-part h2 { text-transform:capitalize; color: #299025; padding: 5px 0 10px 0px; font-family:'Roboto Condensed'; }
.left-part h2 a { color: #299025; padding: 5px 0; text-decoration: none; }
.left-part p { padding-bottom:10px; font-size: 13px; color: #000; line-height: 18px; }
.left-part ol { padding: 10px 0; }
.left-part li { font-size: 13px; color: #000; line-height: 18px; margin-left: 35px; }
.left-part p img { float: right; }
.left-part a { color: #299025; }
.left-part a:hover { color:#000000; }
.left-part a.read { margin-bottom:10px; float:left; }
.left-part h3 { color: #299025; }
.left-part #submit { float:left; background:#299025; border-radius:4px; padding:5px 10px; color:#FFFFFF; font-weight:bold; border:none; }
.left-part #submit:hover { background:#e3e3e3; color:#000000; }
.left-part ul { padding-bottom:13px; }
.partnerBar { margin-top:10px; }
.partnerBar h3 { color: #000; padding-bottom:10px; }
.partnerBar .left { float:left; width:71%; }
.partnerBar .right { float:right; width:27%; padding:2px; border:solid 1px #cbcbcb; }
.partnerBar .right:hover { border:solid 1px #299025; }
.partnerBar .right:hover img { opacity:.8; }
.partnerBar .right img { width:100%; height:auto; }

/* contactform  */
.wpcf7 { padding: 20px 0 !important; }
.wpcf7 label { display:block; font-weight:bold; margin-bottom:10px; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .left-part #respond input[type="text"] { width: 75% !important; border:1px solid #e6e6e6; height:20px; background:#f9f9f9; margin-bottom: 20px; border-radius:     5px; padding:6px 0 0 6px; color:#000; }
.wpcf7 textarea.wpcf7-textarea, .left-part #respond textarea { width: 85%; height: 203px; border:1px solid #e6e6e6; background:#f9f9f9; margin-bottom: 10px; border-radius:5px; padding:6px 0 0 6px; color:#000; }
span.wpcf7-not-valid-tip { padding:0 0 8px 0; }
.wpcf7 input[type="submit"] { border:none; background:#299025; border-radius:4px; padding:5px 10px; color:#FFFFFF; font-weight:bold; cursor:pointer; text-align:center; }
.wpcf7 input[type="submit"]:hover { background:#e3e3e3; color:#000000; }
.widget_currency_converter input, .widget_currency_converter select, .widget_currency_converter textarea { margin-top:5px; border:1px solid #e6e6e6; background:#f9f9f9; }
.widget_currency_converter #V1to { margin-top:10px!important; height:24px; width:90%!important; }
.widget_currency_converter .V1mainContainer { margin:10px 0px!important; }
.widget_currency_converter #V1amount, .widget_currency_converter #V1result { padding:0 5px!important; }
.widget_currency_converter .V1label b { padding-bottom:10px; }
.widget_currency_converter .V1label img { float:left; }
.right-part { width: 30%; float: right; }
.right-part .instrument { width:95%; }
.right-part .instrument h2 { margin-bottom:10px; }
.right-part .instrument p { color:#000000; }
.hardware { box-shadow: none; background: none; }
.hardware .widget { margin: 20px 0 !important; }
.hardware .widget:first-child { margin-top: 0px !important }
.hardware .widget ul { padding: 20px 0; list-style: none; }
.hardware .widget ul li { font-size: 13px; line-height: 17px; padding: 5px 0; font-size: 13px; border-bottom: 1px solid #999 }
.hardware .widget a { text-decoration: none; color: #666666; }
.hardware .textwidget { padding: 20px 0; color: #666666 }

/* footer part */
#footer-part { overflow: hidden; width: 100%; min-height: 144px; background: #5a5a5a; margin: 1px 0 0 0; }
.footer-nav { margin: 40px 0 0 0; }
.footer-nav ul { list-style: none; list-style-type: none; }
.footer-nav ul li { float: left; font-size: 15px; text-transform: uppercase; padding: 0 13px 0 13px; }
.footer-nav ul li a { color: #fff; text-decoration: none; font-family:'Roboto Condensed'; }
.footer-nav ul li:first-child { padding-left: 0px; }
.leftfooter { float:left; width: 580px; }
.copyright { font-size: 13px; float: left; overflow: hidden; padding-top: 20px; }
.copyright p { color: #a4a4a4; }
a.footerlogo { float: right; margin: 32px 0 0 0; }
ul#menu-footer-menu a:hover { color: #4eaa47; }

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; }
.commentlist li,  #commentform input,  #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,  .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.comment-meta.commentmetadata { padding-top:10px; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,  #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 10px; }
/* End Various Tags & Classes*/


/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 949px) {
.centering { width: 748px; }
#header-part a.logo img { max-width: 100%; height:auto; width: 70%; }
#header-part .contact h4 { font-size: 12px; line-height: 29px; }
#header-part .contact h5 { font-size: 12px; }
.nav-bar ul { margin-left: 0px; }
.nav-bar ul li { font-size: 14px; padding:0 8px 0 35px; }
.nav-bar ul li:first-child { padding: 0 13px 0 18px; }
ul.slides li img { max-width: 100%; height: auto; }
#banner-part ul.flex-direction-nav { top: 40%; }
#banner-part ul.flex-direction-nav li a.flex-prev { left: 28px; }
#banner-part ul.flex-direction-nav li a.flex-next { right: 25px; }
#banner-part .flexslider li .slidetext { top:103px; left:80px; }
#banner-part .flexslider li .slidetext h2 { font-size:22px; }
#banner-part .flexslider li .slidetext p { font-size:14px; line-height:20px; }
.home .instrument { width: 169px; margin-right: 10px; min-height: 325px; }
.home .instrument h2 { font-size:12px!important; }
.instrument img { max-width: 100%; height: auto; }
.instrument h2 { font-size: 13px; }
#content-part { min-height: 410px; }
.leftfooter { width: 460px; }
.footer-nav { margin-top: 28px; }
.footer-nav ul li { font-size: 11px; padding: 0 7px; }
.copyright { padding-top: 10px; }
a.footerlogo { margin-top:22px; }
a.footerlogo img { max-width: 100%; height: auto; width: 200px; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"] { width: 220px !important; }
.wpcf7 textarea.wpcf7-textarea { width: 375px !important; height: 150px !important; }
ul.flex-direction-nav li a.flex-next, ul.flex-direction-nav li a.flex-prev { background-size: contain; width: 40px; height: 40px; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.nav-bar { display:none; }
#header-part { min-height: 0px; }
#header-part .flag { right:5px; left:auto; }
.centering { width:auto; margin:0 auto; padding:0 10px; }
#header-part a.logo { width:45%; left:10px; top:10px; }
#header-part a.logo img { max-width:100%; height:auto; }
#header-part .contact { float: none; margin: 0px auto; }
#header-part .contact h4 { font-size:15px; text-align: center; }
#header-part .contact h5 { text-align: center; }
.logosidebar img { margin: 0px auto; }
.logosidebar { position: static; width: auto; height: auto; text-align: center; }
.social-bar { float:none; width:100%; overflow:hidden; padding-top:5px; padding-bottom:10px; }
.social-bar ul { text-align:center; }
.social-bar ul li { float:none; display:inline-block; }
.menumobBar { display:block; }
#header-part { min-height:auto; }
#banner-part { margin-top:10px; }
#banner-part .flexslider li .slidetext { display:none; }
#banner-part ul.flex-direction-nav li a { display:none; }
.home .instrument { float:none; width:auto; margin:0 auto; height:auto; }
.home #content-part { padding-bottom:20px; }
.leftfooter { width:auto; float:none; }
#footer-part { padding-bottom:10px; }
.footer-nav ul li { padding-bottom:10px; }
.footer-nav { float:none; width:100%; overflow:hidden; }
.copyright { margin-bottom:20px; float:none; text-align:center; width:auto; }
a.footerlogo { float:none; margin:0 auto; }
a.footerlogo img { margin:0 auto; }
.left-part { width:auto; float:none; }
.right-part { width:auto; float:none; margin-top:20px; padding-bottom:10px; margin-bottom:10px; overflow:hidden; }
.right-part .widget img { margin:0 auto; }
.right-part .instrument { width:auto; }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#header-part a.logo { position:static; margin-top:5px; height:auto; }
#header-part .contact { float:none; clear:both; text-align:center; margin-top:0px; }
#header-part .contact h4 { font-size:14px; }
#header-part .contact h5 { font-size:14px; text-align:center; }
a.footerlogo img { max-width:100%; height:auto; }
.partnerBar { margin-bottom:25px; }
.partnerBar .left { width:auto; float:none; }
.partnerBar .right { margin:0 auto; float:none; width:52%; }
}