/* accent color related */
.main-content {
    background: #777777 url(http://themesymphony.com/themes/flexit/wp-content/themes/flexit/redux-framework/theme-options/patterns/irongrip.png) repeat scroll;
}

a {
    color: black;
}

::-moz-selection {
    background-color: black;
}

::-webkit-selection {
    background-color: black;
}

::selection {
    background-color: black;
}

::-moz-selection {
    color: #ffffff;
}

::-webkit-selection {
    color: #ffffff;
}

::selection {
    color: #ffffff;
}

.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-ancestor > a {
    border-bottom: 2px solid black;
}

#portfolio-filters a:hover,
#portfolio-filters li.current a {
    border-bottom: 2px solid black;
}

.post-top h1 a:hover,
.post-shortcode-inner h5 a:hover,
.meta span a:hover,
.comment-meta a:hover,
.sidebar .widget a:hover {
    color: black;
}

.mt-tabs ul.mt-tabs-nav li.ui-state-active a {
    border-top-color: black;
    color: black;
}

.mt-tabs.vertical ul.mt-tabs-nav li.ui-state-active a {
    border-left: 1px solid black;
}

.mt-tabs ul.mt-tabs-nav li.ui-state-active a {
    color: black;
    border-top-color: black;
}

.wpcf7-submit:focus {
    background: black !important;
    color: white !important;
}

.page-title h1,
.single-post .post-top h1,
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6,
.highlight,
.dropcap1,
.dropcap2,
.dropcap3,
.skill-bar span,
.custom-list ul li [class^="icon-"].listicon-yes,
.mt-button,
.wpcf7-form input.wpcf7-submit,
#cancel-comment-reply-link,
.reply .comment-reply-link,
.logged-in-as a,
#commentform input#submit,
.footer .tagcloud a,
.sidebar .tagcloud a,
.sidebar .widget a.mt-button,
.portfolio-navigation div a,
.mt-toggle .mt-toggle-title,
.pt-column h3,
.image-overlay .over-text,
.service-icon,
.site-pagination-inner span,
.site-pagination-inner a:hover,
.image-showcase-wrapper .image-point {
    color: #ffffff;
    background: black;
    background: -moz-linear-gradient(top, black 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
    background: -webkit-linear-gradient(top, black 0%, black 100%);
    background: -o-linear-gradient(top, black 0%, black 100%);
    background: -ms-linear-gradient(top, black 0%, black 100%);
    background: linear-gradient(to bottom, black 0%, black 100%);
}

.mt-button:hover,
.wpcf7-form input.wpcf7-submit:hover,
#cancel-comment-reply-link:hover,
.reply .comment-reply-link:hover,
.logged-in-as a:hover,
#commentform input#submit:hover,
.footer .tagcloud a:hover,
.sidebar .tagcloud a:hover,
.sidebar .widget a.mt-button:hover,
.portfolio-navigation div a:hover,
.mt-toggle .mt-toggle-title:hover,
.mt-toggle.active .mt-toggle-title,
.image-showcase-wrapper .image-point:hover {
    color: #ffffff;
    background: black;
    background: -moz-linear-gradient(top, black 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
    background: -webkit-linear-gradient(top, black 0%, black 100%);
    background: -o-linear-gradient(top, black 0%, black 100%);
    background: -ms-linear-gradient(top, black 0%, black 100%);
    background: linear-gradient(to bottom, black 0%, black 100%);
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.rsMTskin .rsBullet.rsNavSelected span {
    background: black;
    background: -moz-linear-gradient(top, black 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, black));
    background: -webkit-linear-gradient(top, black 0%, black 100%);
    background: -o-linear-gradient(top, black 0%, black 100%);
    background: -ms-linear-gradient(top, black 0%, black 100%);
    background: linear-gradient(to bottom, black 0%, black 100%);
}

.top-section-wrapper {
    border-bottom: 3px solid black;
}

.top-section-wrapper.opened {
    border-bottom-color: black;
}

.top-section-open {
    border-right: 36px solid black;
}

.top-section-wrapper.opened .top-section-open {
    border-right-color: black;
}

.top-section-open .top-section-icon {
    color: #ffffff;
}

.top-section-wrapper.opened .top-section-icon {
    color: #ffffff;
}

.footer a:hover,
.footer-bottom a:hover {
    color: white;
}

/* content related */
.header {
    background: #ffffff;
    /*background: black;*/
    /*background: #777777 url("/static/img/bg-content-white.jpg") repeat scroll;*/
}

.nav-search a,
.sf-menu a,
.sf-menu ul a {
    color: #aaaaaa;
}

.nav-search a:hover,
.sf-menu > li > a:hover,
.sf-menu > li:hover > a,
.sf-menu > li.current-menu-item > a,
.sf-menu > li.current-menu-parent > a,
.sf-menu li.current-menu-ancestor > a,
.sf-menu ul li a:hover,
.sf-menu ul li.current-menu-item > a,
.sf-menu .current-menu-item ul.sub-menu li a:hover {
    color: #444444;
}

.sf-menu > li > a:hover {
    border-bottom: 2px solid #eeeeee;
}

.sf-menu ul {
    background: #ffffff;
    border-top: 2px solid #eeeeee;
}

.nav-searchform {
    background: #ffffff;
}

.nav-searchform input {
    background: #ffffff;
    color: #aaaaaa;
}

.nav-searchform:before {
    border-bottom: 10px solid #ffffff;
}

.navigation-wrapper select {
    border: 1px solid #eeeeee;
    background: #ffffff;
}

.content,
.sidebar .widget,
.pinned,
.divider-icon span,
.image-point-content,
.footer-bottom-wrapper,
.blog-grid .post-inner {
    background: black;
}

.bx-wrapper .bx-loading {
    background-color: #ffffff;
}

body,
.footer-bottom-wrapper a,
a:hover,
.socials li a,
.page-template-template-image-showcase-php .mfp-close-btn-in .mfp-close,
.sidebar .widget a,
.post-top h1 a,
.post-shortcode-inner h5 a {
    color: #555555;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
}

th {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

blockquote {
    border-left: 3px solid #dddddd;
}

pre, code {
    border: 1px solid #dddddd;
}

.pinned {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

div.table-wrapper {
    border-right: 1px solid #dddddd;
}

.commentlist ul.children {
    border-left: 1px dashed #dddddd;
}

.commentlist ul.children::before {
    border-bottom: 1px dashed #dddddd;
}

.line-header h1,
.line-header h2,
.line-header h3,
.line-header h4,
.line-header h5,
.line-header h6 {
    border-bottom: 2px solid #dddddd;
}

td,
.divider,
.sidebar li,
.sidebar .menu li a {
    border-bottom: 1px solid #dddddd;
}

.divider-icon span,
.page-404-info [class^="icon-"],
.format-quote blockquote.post-quote:before,
.format-quote blockquote.post-quote:after {
    color: #dddddd;
}

.meta-grid {
    border-top: 1px dashed #dddddd;
}

.blog-standard .site-pagination-inner {
    border-top: 1px solid #dddddd;
}

.team-member-div {
    background: #dddddd;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select,
#commentform input,
#commentform textarea,
#searchform input {
    background: #f6f6f6;
    color: #888888;
    border: 1px dotted #888888;
}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus,
#commentform input:focus,
#commentform textarea:focus,
#searchform input:focus,
#searchform input:focus {
    background: white;
    color: black;
}

#commentform p.form-allowed-tags,
#commentform .comment-notes {
    color: #aaaaaa;
}

.meta span {
    color: #aaaaaa;
}

.meta span a,
.comment-meta a {
    color: #888888;
}

.top-section-wrapper,
.footer-wrapper {
    /*background: #444444;*/
}

.footer {
    color: #999999;
}

.footer .widget h5,
.footer a,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer #wp-calendar caption {
    color: #ffffff;
}

.footer .line-header h1,
.footer .line-header h2,
.footer .line-header h3,
.footer .line-header h4,
.footer .line-header h5,
.footer .line-header h6 {
    border-bottom: 2px solid #666666;
}

.footer th {
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
}

.footer td {
    border-bottom: 1px solid #666666;
}

.footer blockquote {
    border-left: 3px solid #666666;
}

.portfolio-filter {
    background: #555555;
}

#portfolio-filters a {
    color: #cccccc;
    border-bottom: 2px solid #666666;
}

#portfolio-filters a:hover,
#portfolio-filters li.current a,
#portfolio-filters a:hover span.post-count,
#portfolio-filters li.current a span.post-count {
    color: #ffffff;
}

#portfolio-filters a span.post-count {
    color: #888888;
}

.skill-bar {
    background-color: #f2f2f2;
}

.callout-box {
    color: #888888;
    background-color: #fafafa;
    border: 1px solid #dddddd;
}

.mt-tabs ul.mt-tabs-nav {
    border-bottom-color: #eeeeee;
}

.mt-tabs.vertical ul.mt-tabs-nav li a {
    border: 1px solid #eeeeee;
    border-top-color: #eeeeee !important;
}

.mt-toggle-inner {
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

.mt-tabs ul.mt-tabs-nav li a {
    border-color: #eeeeee;
    background-color: #fbfbfb;
    color: #aaaaaa;
}

.mt-tabs ul.mt-tabs-nav li a:hover {
    color: #777777;
}

.mt-tabs ul.mt-tabs-nav li.ui-state-active a {
    background-color: #ffffff;
}

.mt-tabs .mt-tabs-content {
    border: 1px solid #eeeeee;
    background-color: #ffffff;
}

.pt-features ul {
    border-left: 1px solid #f4f4f4;
    border-right: 1px solid #f4f4f4;
}

.pt-column {
    background: #fcfcfc;
    color: #888888;
}

.pt-cost,
.pt-buynow,
.site-pagination-inner a {
    color: #ffffff;
    background: #777777;
    background: -moz-linear-gradient(top, #777777 0%, #666666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #666666));
    background: -webkit-linear-gradient(top, #777777 0%, #666666 100%);
    background: -o-linear-gradient(top, #777777 0%, #666666 100%);
    background: -ms-linear-gradient(top, #777777 0%, #666666 100%);
    background: linear-gradient(to bottom, #777777 0%, #666666 100%);
}

/* structure related */
.top-section-col.col1 {
    width: 33%;
}

.top-section-col.col2 {
    width: 34%;
}

.top-section-col.col3 {
    width: 33%;
}

.top-section-col.col4 {
    width: 25%;
}

.top-section-col.col5 {
    width: 25%;
}

.top-section-col.col6 {
    width: 25%;
}

.footer-col.col1 {
    width: 25%;
}

.footer-col.col2 {
    width: 25%;
}

.footer-col.col3 {
    width: 25%;
}

.footer-col.col4 {
    width: 25%;
}

.footer-col.col5 {
    width: 25%;
}

.footer-col.col6 {
    width: 25%;
}

.header {
    height: 88px;
}

.navigation-wrapper {
    margin-top: 22px;
}

.header .logo {
    margin-top: 20px;
}

.header .logo img {
    /*width: 124px;*/
    /*height: 47px;*/
    z-index: 1045;
}

.ie8 .header .logo {
    width: 124px;
}

/* custom code */
.features-tabs .mt-tabs ul.mt-tabs-nav li {
    margin-bottom: -2px !important;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

.upper-content, .portfolio-filter {
    background: black url(http://themesymphony.com/themes/flexit/wp-content/themes/flexit/redux-framework/theme-options/patterns/irongrip.png) repeat scroll;
}

.portfolio-area {
    background: #777777 url(/static/img/bg-content.jpg) repeat scroll;
}

.contact-content {
    background: white !important;
}

.blog-post {
    background: #777777 url(/static/img/bg-content-white.jpg) repeat scroll !important;
    border-radius: 10px;
}

.portfolio-item-top img, .gallery-icon img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
    /*filter: gray;*/
    /*-webkit-filter: grayscale(100%);*/
    /*-webkit-filter: grayscale(1);*/
    /*-webkit-transition: all 0.5s ease;*/
    /*-moz-transition: all 0.5s ease;*/
    /*-o-transition: all 0.5s ease;*/
    /*-ms-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/

    /*filter: grayscale(100%);*/
    /*filter: url('/static/css/custom.css#grayscale');*/
    /*!*-webkit-filter: grayscale(100%); *!!* For Webkit browsers *!*/
    /*filter: gray; !* For IE 6 - 9 *!*/
    /*!*-webkit-transition: all .6s ease; *!!* Fade to color for Chrome and Safari *!*/
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); !* Firefox 10+, Firefox on Android *!*/
}

.portfolio-item-top img:hover, .gallery-icon img:hover {
    /*filter: none;*/
    /*-webkit-filter: grayscale(0%);*/
    /*-webkit-transition: all 0.5s ease;*/
    /*-moz-transition: all 0.5s ease;*/
    /*-o-transition: all 0.5s ease;*/
    /*-ms-transition: all 0.5s ease;*/
    /*transition: all 0.5s ease;*/

    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}

.logo-bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 466px;
    height: 75px;
    background: url(/static/img/olga-logo-466.png);
    display: block;
    z-index: 1045;
}

.portfolio-item-top {
    margin: 1px;
}