/*
Theme Name: Freeman
Theme URI: https://themeforest.net/user/orangeidea/portfolio?ref=OrangeIdea
Description: Creative WordPress Portfolio Theme
Author: OrangeIdea
Author URI: http://themeforest.net/user/OrangeIdea?ref=OrangeIdea
Text Domain: freeman
Version: 1.0.4
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, translation-ready
License: 
License URI:
*/

/**
* Table of Contents
*
* 1.0 - Normalize
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
*   6.1 - Links
*   6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
*    11.1 - Header
*    11.2 - Posts and pages
*    11.3 - Post Formats
*    11.4 - Comments
*    11.5 - Sidebar
*    11.6 - Footer
* 12.0 - Media
*    12.1 - Captions
*    12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
*    14.1 - >= 710px
*    14.2 - >= 783px
*    14.3 - >= 910px
*    14.4 - >= 985px
*    14.5 - >= 1200px
* 15.0 - Print
*/


/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
font-family:Open Sans;
font-size:14px; line-height:24px; color:#777;
    overflow-x: hidden;
}
.rev_slider_wrapper.fullscreen-container {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0px !important;
}

#left_side {
    position: fixed; width: 35%; left: 0; top:0; bottom:0; z-index:9 !important; background:#fff !important;
}
#right_side{
    width: 65% !important; margin-left:35%; bottom: 0; top: 0;
    background: #fff;
	overflow:hidden;
	z-index:8 !important;
}
#site_round { position: fixed; top: -25%; left: 35%; width: 600px; margin-left: -520px; height: 150%;  z-index: 0;
    -moz-border-radius: 300px / 800px;
	-webkit-border-radius: 300px / 800px;
	border-radius: 300px / 800px;
    background: #fff; overflow: hidden;}
header { position: fixed; top: 50%; margin-top: -144.4px; left: 0; right: 65%; padding-bottom: 40px; text-align: right;}
.logo_holder {padding-bottom: 30px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px;}
.site-inner {z-index: 999}
.welcome_text {text-align: right; color: #000; float: right; max-width: 60%; font-size: 13px;}
.welcome_text a {color:#999}
.welcome_text a:hover {color:#000}
.bars_menu {position: fixed; top: 40px; left: 0; z-index:99; margin-right:50px; right: 65%; padding-bottom: 40px; text-align: right; }
.admin-bar .bars_menu {top:72px;}
.spaceman { margin-top:100px !important}
.bars_menu .fa.fa-bars { padding: 5px 10px;}


body.single .content-area{background: #f9f9f9} 

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
color:#000; text-decoration: none !important;
}
article a, article a:hover { text-decoration:none; color:#000}



b,
strong {
font-weight: 700;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 0;
}

hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

code,
kbd,
samp {
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

select {
text-transform: none;
}

button {
overflow: visible;
}

button,
input,
select,
textarea {
max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: 0.4375em;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #d1d1d1;
margin: 0 0 1.75em;
min-width: inherit;
padding: 0.875em;
}

fieldset > :last-child {
margin-bottom: 0;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
vertical-align: top;
}

optgroup {
font-weight: bold;
}


/**
* 2.0 - Typography
*/


h1,
h2,
h3,
h4,
h5,
h6 {
font-family:Dosis, Helvetica, Arial, sans-serif !important;
clear: both;
font-weight: 800;
margin: 0;
text-rendering: optimizeLegibility;
color:#000;
margin-bottom:10px;
}

p {
margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
font-style: italic;
}


.fb-xfbml-parse-ignore blockquote:before {content:''}
blockquote p {
margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
display: block;
font-size: 1.5rem;
line-height: 1.75;
margin-top:20px;
letter-spacing:1px;
}

blockquote cite:before,
blockquote cite:after,
blockquote small:before {
content: "\2014\00a0";
}
blockquote cite:after { margin-left:3px;}

blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}

blockquote strong,
blockquote b {
font-weight: 400;
}

blockquote > :last-child {
margin-bottom: 0;
}

address {
font-style: italic;
margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
}

pre {
border: 1px solid #d1d1d1;
font-size: 16px;
line-height: 1.3125;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 1.75em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

code {
background-color: #d1d1d1;
padding: 0.125em 0.25em;
}

abbr,
acronym {
cursor: help;
}

mark,
ins {
padding: 0.125em 0.25em;
text-decoration: none;
}

big {
font-size: 125%;
}


/**
* 4.0 - Elements
*/

html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}

body {
background: #fff;
/* Fallback for when there is no custom background color defined. */
}

hr {
background-color: #d1d1d1;
border: 0;
height: 1px;
margin: 0 0 1.75em;
}

ul,
ol {
margin: 0 0 1.75em 1.25em;
padding: 0;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
margin-left: 1.5em;
}

li > ul,
li > ol {
margin-bottom: 0;
}

dl {
margin: 0 0 1.75em;
}

dt {
font-weight: 700;
}

dd {
margin: 0 0 1.75em;
}

img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
vertical-align: middle;
}

del {
opacity: 0.8;
}

table,
th,
td {
border: 1px solid #d1d1d1;
}

table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
/* Prevents HTML tables from becoming too wide */
width: 100%;
}

caption,
th,
td {
font-weight: normal;
text-align: left;
}

th {
border-width: 0 1px 1px 0;
font-weight: 700;
}

td {
border-width: 0 1px 1px 0;
}

th,
td {
padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #999;
font-family: Open Sans;
}

:-moz-placeholder {
color: #999;
font-family: Open Sans;
}

::-moz-placeholder {
color: #999;
font-family: Open Sans;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
color: #999;
font-family: Open Sans;
}


/**
* 5.0 - Forms
*/

input {
line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
background: #1a1a1a;
border: 0;
border-radius: 2px;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1;
padding: 20px;
text-transform: uppercase;
    font-weight: normal;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: thin dotted;
outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
background: #f9f9f9;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #d1d1d1;
color: #686868;
padding: 0.625em 0.4375em;
width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
background-color: #fff;
border-color: #000;
color: #000;
outline: 0;
}

.post-password-form {
margin-bottom: 1.75em;
}

.post-password-form label {
font-family: Open Sans;
text-transform: uppercase;
}

.post-password-form input[type="password"] {
margin-top: 0.4375em;
}

.post-password-form > :last-child {
margin-bottom: 0;
}

.search-form {
position: relative;
}

input[type="search"].search-field {
border-radius: 2px 0 0 2px;
width: -webkit-calc(100% - 42px);
width: calc(100% - 42px);
}

.search-submit:before {
content: "\f400";
font-size: 24px;
left: 2px;
line-height: 42px;
position: relative;
width: 40px;
}

.search-submit {
border-radius: 0 2px 2px 0;
bottom: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 42px;
}


/**
* 6.0 - Navigation
*/

/**
* 6.1 - Links
*/

a {
color: #007acc;
text-decoration: none;
}

a:hover,
a:focus,
a:active {
color: #686868;
outline:0 !important;
text-decoration:none;
}

a:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
box-shadow: 0 1px 0 0 currentColor;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
box-shadow: none;
}


/**
* 6.2 - Menus
*/
.bars_menu ul ul { text-align: left !important}
.site-header-menu ul { list-style:none; margin:0; }
.site-header-menu ul > li { display:inline-block; position:relative;}
.site-header-menu ul.primary-menu > li.menu-item-has-children >a:hover:after { opacity:1}
.site-header-menu ul.primary-menu > li:first-child > a {margin-left: 0;} 
.site-header-menu ul.primary-menu > li > a { margin-left:10px; line-height:20px; color:#aaa; display:inline-block;  font-size:13px;}
.site-header-menu ul > li > a:hover { text-decoration:none;}
.site-header-menu ul.primary-menu > li.current-menu-item > a, .site-header-menu ul.primary-menu > li.current_page_parent > a, .site-header-menu ul.primary-menu > li.current-menu-parent > a, .site-header-menu ul.primary-menu > li.current-menu-ancestor > a, .site-header-menu ul.primary-menu > li.current_page_ancestor > a   { border-bottom:1px solid #e83b23; color:#000}
.site-header-menu ul.primary-menu > li > a:hover { color:#000}
.site-header-menu ul > li > ul { position:absolute; display:none; z-index: 9; top:24px; margin-left: 10px; min-width:160px;  }
.site-header-menu ul > li:first-child > ul {margin-left:0}
.site-header-menu ul.primary-menu > li > ul >li {  text-align: left !important;  display: block; }
.site-header-menu ul.primary-menu > li > ul >li  a{ display:block;  text-align: left !important; }
.site-header-menu ul > li:hover > ul { display:block;  background: #fafafa;}
.site-header-menu ul > li > ul >li >a { display:block; padding:5px 10px;color:#999; font-size:12px;}
.site-header-menu ul > li > ul >li:first-child > a { padding-top: 13px;}
.site-header-menu ul > li > ul >li >a:hover, .site-header-menu ul > li > ul >li.current-menu-item >a { color:#000 !important;}

.site-header-menu ul.primary-menu > li > ul >li>ul { position:absolute; display:none;; left:100%; top:0; margin:0 !important}
.site-header-menu ul.primary-menu > li > ul >li:hover>ul { display:block}
.site-header-menu ul.primary-menu > li > ul >li>ul  > li:first-child > a { padding-top:5px !important;}
.site-header-menu ul.primary-menu > li > ul >li>ul  > li { display:block}
.site-header-menu ul.primary-menu > li > ul >li.menu-item-has-children > a:after { content:'\f105'; font-family:fontawesome; display:inline-block; position:absolute; right:10px}


/*Social links*/
.social-menu {list-style:none; margin: 0; padding: 0}
.social-menu li {display: inline-block;}
.social-navigation i { font-size:13px;  margin-left:10px;}
.social-navigation i:hover { opacity:1}
.social-navigation i.fa-facebook { color:#3b5998}
.social-navigation i.fa-twitter {color:#146AA3}
.social-navigation i.fa-instagram { color:#833ab4}
.social-navigation i.fa-behance {color:#1769ff}
.social-navigation i.fa-dribbble {color:#ea4c89}

.blogger_share { text-align:left; margin-top:20px; text-transform:uppercase; font-size:11px; }
.blogger_share a {border-right:1px solid #eaeaea; display:inline; padding:7px 10px; color:#eaeaea; }
.blogger_share a:first-child { margin-left:5px;}
.blogger_share a:hover { background:#000;}
.blogger_share a .fa {color:#000;}
.blogger_share a:hover .fa {color:#fff; }



/*Burger menu*/
.burger-menu { margin:0px;}
.blogger-burger-button i, .blogger-search-button i{ padding:10px 15px; background:#f1f1f1}
.blogger-burger-button:hover i, .blogger-search-button i:hover, .active-left-place .blogger-burger-button i { background:#000; color:#fff; cursor:pointer;}
	ul.burger-menu > li { display:block;}
	ul.burger-menu > li > a { padding:5px 15px; display:block; font-size:12px; letter-spacing:1px; color:#999; text-transform:uppercase;}
	ul.burger-menu > li > a:hover { color:#000; text-decoration:none;}
/***********************************************
* 11.0 - Content
************************************************/
.fa { font-size:14px; color:#000}

#blogger-left-place { padding:40px; background:#fff; width:25%; top:0; bottom:0; position:fixed; z-index:999; left:-25%; visibility:hidden}
.active-left-place #blogger-left-place { left:0; visibility:visible;}
.active-left-place #page{ margin-left:25%; }
.active-left-place .site-header-main{left:25%; }
body.active-left-place { overflow:hidden;}
.blogger-overlay { background:#000; position:fixed; opacity:0; z-index:-100;  left:0; right:0; top:0; bottom:0}
.active-left-place .blogger-overlay:hover { opacity:0.1; cursor:pointer;}
.active-left-place .blogger-overlay { display:block; z-index:99; opacity:0.2}
.blogger-name { font-size:34px; margin-top:0; font-weight:900; letter-spacing:1px; color:#000}
.blogger-description { font-size:12px;}
.blogger-info { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eaeaea;}
.blogger-burger-button-for-mobile { display:none;}
.show_mobile_nav { display:none;}



#page, #blogger-left-place, .blogger-overlay, a, i, .blogger-search-button form, .site-header-main, .f_post, .st_sf_vc_potrfolio .oi_creative_p_content  {
	webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/***********************************************
* 11.1 - Header
************************************************/
.copy { position: fixed; bottom: 0px; left: 0; right: 65%; margin-right:50px; padding-bottom: 40px; text-align: right; color: #000; font-size: 11px;}
.footer_text {margin-bottom: 10px;}
.logo_url { display:inline-block;}
.logo_url:hover { text-decoration:none;}
.logo_name, .logo_description { font-family:Open Sans;}
.logo_name { font-size:32px; font-family:Dosis; font-weight:900; letter-spacing:2px; line-height:30px; margin-bottom:3px;  color:#272727}
.logo_description { font-weight:300; color:#777; font-size:13px; margin-bottom:0}

.site-header-main { position:fixed; margin:0 auto; left:0; top:0; right:0; z-index:99; background:#fff; }
.admin-bar .site-header-main, .admin-bar #blogger-left-place { top:32px;} 

.home:not(.paged) #masthead { padding-bottom:0; margin-bottom:0; border-bottom:0}
.site-header-main { padding:15px 0;}
.blogger-search-button, .site-header-social-menu, .blogger-burger-button, .site-header-menu { display:inline-block;}
.blogger-search-button { margin-left:10px; padding-left:10px; border-left:1px solid #eaeaea}
.blogger-search-button i { width:43px;}
.blogger-burger-button { padding-right:10px; margin-right:10px; border-right:1px solid #eaeaea;}
.blogger-search-button form { display:inline-block; width:0; visibility:hidden;}
.active-header-search .blogger-search-button form { width:200px; visibility:visible;}
.active-header-search .blogger-search-button i { background:#000; color:#fff;}
.blogger-search-button form input[type="search"] {font-size:12px; line-height:28px; color:#000; border:none; border-radius:0; background:none; border-bottom:1px dotted #eaeaea;height:28px; width:200px;}



/***Featuder Area***/
hr.no_slider {margin-top:40px; background:#eaeaea; margin-bottom:50px;}
.f_post { border-bottom:1px solid #fff}
.f_post:hover { background:#f9f9f9; border-bottom:1px solid #eaeaea }
.blogger-featured { position:relative; margin-top:40px; margin-bottom:50px; padding-bottom:40px; border-bottom:1px solid #eaeaea;}
.do_not_display_title.blogger-featured { margin-top:0}
.featured-overlay { position:absolute; left:30%; right:30%; top:20%; bottom:20%; background:rgba(0,0,0,0.9)}
.blogger-meta { color:#999; font-size:10px; }
.blogger-meta abbr { text-decoration:none; border:none }
.featured-meta a { color:#999;}
.featured-meta {padding-bottom:20px;}
.featured-meta a:hover { text-decoration:none; color:#000}
.featured-meta  h4 a { color:#000; margin-bottom:6px; display:block;}
.featured-meta { width:80%; margin:0 auto;}
.featured-meta .screen-reader-text { visibility:hidden; display:none;}
.featured-meta .cat-links { margin:10px 0 6px 0; display:block; text-transform:uppercase; }
.featured-meta .cat-links:after { display:inline-block; content:''; width:50px; margin-bottom:3px; margin-left:10px; height:1px; background:#ddd}
.featured-meta .cat-links:before { display:inline-block; content:''; width:50px; margin-bottom:3px; margin-right:10px; height:1px; background:#ddd}

.featured-meta span { display:inline-block; text-transform:uppercase; font-size:10px; }
.featured-meta .byline { margin-right:10px;}
.featured-meta .byline:after { display:inline-block; content:''; width:5px; margin-bottom:3px; margin-left:10px; height:1px; background:#ddd}

/**Posts Listing**/
.entry-header { margin-top:20px;}
.entry-header h3 { margin-bottom:10px;}
.entry-header h3 a { color:#000; margin-bottom:30px;}
.blogger-more-holder a.more-link { color:#000; display:inline-block; box-shadow:none; border:1px solid #000; padding:5px 20px; font-size:11px; text-transform:uppercase}
.blogger-more-holder a.more-link:hover { text-decoration:none; background:#000; color:#fff; }
.cat-links { margin-right:10px; font-size:12px;}
.tags-links { border-left:1px solid #ccc; padding-left:10px; font-size:12px;}
.enty-meta { margin-bottom:15px;}
.enty-meta > span { font-size:12px; margin-right:10px;}
.enty-meta > span a { color:#000; text-decoration:none;}
.edit-link a, .logged-in-as a { color:red !important; text-decoration:none; border:none}
.sticky .entry-header {border-right:1px solid #000}
.blogger-avatar img { border-radius:100px; margin-bottom:20px;}
strong { color:#000}
.post-password-form  input {  padding:10px; display:block; text-align:center;}
.post-password-form input[type="submit"] { width:auto; padding:13px; border-radius:0; text-align:center;  margin-top:10px;}
.post-password-form { color:#000; font-size:12px;}

.navigation.pagination {padding: 60px 0; background: #000; border-radius: 0}
.navigation.pagination a, .page-numbers.current { color:#fff; padding:5px 12px; background:#000; margin-right:5px;  font-size:12px;}
.navigation.pagination a:hover, .page-numbers.current { background:#fff;  color:#000; text-decoration:none;}
.navigation.pagination .screen-reader-text { font-size:10px; letter-spacing:1px; color:#999; text-transform:uppercase; margin-bottom:20px; font-family:Open Sans; font-weight:normal;}
.navigation.pagination {text-align:center; display:block; margin:0px;}
.navigation.pagination .screen-reader-text:after { display:inline-block; content:''; width:60px; margin-bottom:3px; margin-left:10px; height:1px; background:#333}
.navigation.pagination .screen-reader-text:before { display:inline-block; content:''; width:60px; margin-bottom:3px; margin-right:10px; height:1px; background:#333}



/** single post**/
blockquote { color:#000; line-height:24px; font-size:15px; font-weight:bold;}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 textarea { width:100% !important;}
.wpcf7-form p { font-size:11px; color:#000}
.single .entry-content { text-align:left;}
.single .post_format-post-format-quote  .entry-content blockquote { text-align:center; margin:40px auto; width:90%; font-size:24px; line-height:28px;}
.single .entry-content h4 { margin-bottom:15px;}
.page .entry-title { text-align:center; margin-bottom:30px;}
h1.entry-title { line-height:32px; font-size:32px}
h1.entry-title:after { content:''; display:block; height:3px; width:50px; background:#000; margin:20px 0; margin-bottom:10px;}
#lightcase-nav a {color:#fff;}



/**FOOTER**/
#site-footer { padding:20px 0; margin-top:50px; border-top:1px solid #eaeaea; font-size:12px;}
#site-footer a { color:#000}
.footer-menu { list-style:none; text-align:right; margin:0; padding:0}
.footer-menu li { display:inline-block; margin-left:10px;}


/***Sidebars*/
#searchform_sidebar { font-size:12px;}
#sidebar .widget{ padding:20px; color:#000}
.widget-title { margin-bottom:20px; border-left:1px solid #000; padding-left:20px; font-family:Open Sans; }
#sidebar section { margin-bottom:10px;}
#sidebar .widget a, #sidebar-left .widget a{ color:#000}
.widget_categories ul { list-style:none; margin:0; padding:0}
.widget_categories ul>li:before { content:'- '}
.widget_categories ul>li { padding:5px 0; border-bottom:1px solid #eaeaea;}
.widget_categories ul>li:last-child { margin-bottom:0px;  border:none; padding-bottom:0}
.calendar_wrap td { background:#fff; color:#ccc; text-align:center;}
.calendar_wrap th { text-align: center;}
.calendar_wrap td a { color:#000}

#sidebar-left .widget-title { text-align:center; border-left:0; padding-left:0px;}
#sidebar-left section { border-bottom:1px solid #eaeaea; padding-bottom:20px;}
#sidebar-left section:last-child { margin-bottom:0px; padding-bottom:0; border:0}
#sidebar-left ul { text-align:center;}
#sidebar-left .menu { margin:0; padding:0; list-style:none;}
#sidebar-left .menu li { margin-bottom:10px; display:block;}
#sidebar-left .menu li:last-child { margin-bottom:0}
#sidebar-left .menu li a { display:inline-block; color:#999;}
#sidebar-left .menu li a:hover, #sidebar-left .menu li.current-menu-item a{ color:#000; text-decoration:none;}
/*WIDGETS*/
	.widget .row { margin:0px;}
	.widget div[class^="col-md-"] { padding:0px !important;}
	.widget-title {font-size:16px; line-height:32px !important; margin-top:0px;}
	.widget-title span {  letter-spacing:1px; margin-bottom:15px; padding-bottom:3px; color:#000; font-weight:600; border-bottom:1px solid #ffde00}
    .widget input[type="submit"] {width: 100%; border-radius: 0; border: 1px solid #000}
    .widget input {padding: 15px 20px; font-size: 12px;line-height: 16px;}


	/*Recent Comments*/
	.comments_widget_ul { list-style:none; margin:0px; padding:0px;}
	.comments_widget_ul li { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
	.comments_widget_ul li:last-child { margin-bottom:0px; padding-bottom:0px; border-bottom:0px;}
	.oi_small_avatar img { display:inline-block; margin:0 auto;}
	.oi_widget_comment_author {  font-size:11px; font-style:italic; color:#999} 
	.oi_widget_post_content a { color:#000}
	.oi_widget_post_content a:hover { text-decoration:none; display:block;}
	
	/*Category widget*/
	.oi_cat_widget { list-style:none; margin:0px; padding:0px;}
	.oi_cat_widget:after { content:''; display:block; clear:both;}
	.oi_cat_widget li {width: 48%; float: left; padding:10px; background:#f9f9f9; margin-bottom:10px; margin-right:2%;}
	.oi_cat_widget li:nth-of-type(2n+2) {margin-right: 0px !important; margin-left:2%}
	.oi_cat_count { padding-right:10px; float:right; display:inline-block !important; font-size:11px;}
	.widget .cat-item { color:#999}
	.widget .cat-item a { color:#000}
	.widget .cat-item a:hover { text-decoration:none;}
	
	/*Twitter widget*/
	.oi_twitter_ul { list-style:none; margin:0px; padding:0px;}
	.oi_twitter_ul li:last-child { padding-bottom:0px; margin-bottom:0px; border-bottom: none}
	.oi_tweet { color:#999; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eaeaea;}
	.oi_tweet a { color:#000}
	.oi_tweet a:hover { text-decoration:none;}
	.twitter_time { padding:0px 10px; background:#f6f6f6 !important; color:#777 !important; letter-spacing:1px; display:inline-block; font-size:11px; margin-top:10px}
	.twitter_time:hover { color:#000 !important}
	
	/*Popular Posts*/
	.oi_ppw_list { list-style:none; margin:0; padding:0;}
	.oi_ppw_list img { width:auto;}
	.oi_ppw_list li:last-child { margin-bottom:10px; padding-bottom:0px; border:none;}
	.oi_popular_widget_post_holder { display:flex; align-items:center; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eaeaea;}
	.oi_popular_widget_post_content_date { font-size:11px; opacity:0.5; line-height:11px;}
	.oi_popular_widget_post_content { overflow:hidden; padding-left:20px;}
	.oi_popular_widget_post_content a { color:#000}
	.oi_popular_widget_post_content a:hover { text-decoration:none;}
	.oi_popular_widget_post_content h6 { margin-top:0px; letter-spacing:1px; font-size:14px; font-weight:400;}
	.oi_popular_widget_post_image a { width:90px !important; display:block;}
	
	/*instagram widget*/
	.oi_instagram_widget_ul li { width:33.3333%; float:left; overflow:hidden; margin-bottom:0px !important; padding:5px;}
	.oi_instagram_widget_ul.oi_inst_12 li { width:8.3333%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_10 li { width:10%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_6 li { width:16.6666%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_5 li { width:20%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_4 li { width:25%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_3 li { width:33.3333%; float:left; overflow:hidden}
	.oi_instagram_widget_ul.oi_inst_2 li { width:50%; float:left; overflow:hidden}
	.oi_instagram_widget_ul li:hover img { transform: scale(1.05);}


/*COMMENTS*/
/**
 * 12. =Comments
 * ----------------------------------------------------------------------------
 */

#comments { color:#000; font-size:13px}
.comment-awaiting-moderation { color:red;}
.title-comments,
.comment-reply-title {
  margin-bottom: 2rem;
  text-align: left;
}

.title-comments:after,
.comment-reply-title:after {
  content: '';
  display: block;
  width: 2rem;
  height: 2px;
  background: black;
  margin: 1rem auto 0;
}

.title-comments:after,
.comment-reply-title:after {
  margin-left: 0;
}

.post-comments {
  margin-top: 2rem;
  padding: 2rem;
  background: #f9f9f9;
}

@media (min-width: 992px) {
  .post-comments {
    padding: 4rem;
  }
}

.comment-respond {
  margin-bottom: 2rem;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
  margin-top: 2rem;
  margin-bottom: 0;
}

.comment-body + .comment-respond,
.comment-list + .comment-respond {
  padding-top: 2rem;
  border-top: 1px #eceeef solid;
}

.comment-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid #eceeef;
  padding: 2rem 0;
}

.comment-list > .comment:first-child > article {
  border-top: none;
}

.comment-list .children {
  list-style: none;
  margin: 0;
}

.comment-list .children > li {
  padding-left: 3rem;
}

.comment-author .avatar {
  float: left;
  height: 60px;
  margin-right: 1rem;
  position: relative;
  width: 60px;
  border-radius: 50%;
}


.comment-meta {
  margin-bottom: 1rem;
}

.comment-meta::after {
  content: "";
  display: table;
  clear: both;
}

.comment-metadata .edit-link,
.pingback .edit-link {
  display: inline-block;
}
.comment-metadata time { text-transform:uppercase; font-size:10px; color:#999; line-height:10px;}
.comment-metadata a {line-height:10px; display:inline-block;}
.comment-content ul,
.comment-content ol {
  margin: 0 0 2rem 1rem;
}

.comment-content li > ul,
.comment-content li > ol {
  margin-bottom: 0;
}

.comment-form {
  margin-top: 1rem;
}

.no-comments {
  margin: 2rem 0 0;
}

.comment-navigation + .no-comments {
  border-top: 0;
  padding-top: 0;
}

@media (min-width: 544px) {
  .comment-form {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
  .comment-form::after {
    content: "";
    display: table;
    clear: both;
  }
  .comment-notes,
  .comment-form-comment,
  .form-submit,
  .logged-in-as {
    width: 100%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    width: 33.33333%;
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.form-submit {
  margin-bottom: 0;
}

.required {
  color: #d9534f;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
	color:red;
	font-size:11px;
}
.reply a { color:#999}
.blogger-burger-container hr { opacity:0.5}


.single .format-link.hentry .entry-content p > a:first-child { text-align:center; text-decoration:none; border:0; box-shadow:none; display:block;}



/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 12.1 - Captions
 */

.widget .screen-reader-text { display: none !important} 
.widget select { padding: 5px; width: 100%;}
.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}
.bypostauthor > article .fn:after {
	position: relative;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}



.page_has_featured_image .entry-header{ height:400px;  margin-bottom:30px; margin-top:0}
.page_has_featured_image #masthead { border-bottom:0; margin-bottom:0}
.page_has_featured_image .entry-header { position:relative; background-position:center center; background-size:cover;}
.page_has_featured_image .entry-header .entry-title { color:#000; margin-top:150px;}
.page_has_featured_image .entry-header .entry-title span { background:rgba(255,255,255,0.9); padding:15px 40px;}
.page_mask {  position:absolute; left:0; top:0; right:0; bottom:0; z-index:0}
.page_has_featured_image h1.entry-title::after { display:none;}



.arrow-up {
width: 0; 
height: 0; 
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #fff;
position: absolute; top: -40px; left: 50%; margin-left: -40px;
}

#oi_next_image {opacity: 0}
#oi_current_image_shortcode {position: absolute; top: 0; bottom: 0; left: -140px; right: -25px; height: 100%; background-position:center center !important; background-size: cover; z-index: 5}
.oi_creative_p_content {position: absolute; z-index: 997; box-shadow: 3px 10px 10px rgba(0,0,0,0.3); bottom: 40px; min-width: 400px; right: 25px; background: #fff; padding: 40px 60px; text-align: center; border-radius:10px;}
.oi_creative_p_content a { box-shadow: none !important}
.oi_crea_a {position: absolute;}
.oi_prev_c_p {left: 30px; top: 50%; margin-top: -14px}
.oi_next_c_p {right: 30px; top: 50%;  margin-top: -14px}
.oi_c_title {margin-bottom:0px;}
.oi_c_cats {font-size: 12px;}
.prize_img {position: absolute; top: 0; left: 50%; margin-left: -24px; margin-top: -24px; opacity: 0.6}
.oi_bg_img_shortcod { background-position:center center !important; background-size:cover !important}
#oi_next_image_shortcode { background-size: cover;position: absolute; top: 0; bottom: 0; left: -140px; right: -25px; height: 100%; z-index: 6; opacity: 0}
/*------------------------------------------------------------------
[1. CLOCK]
-------------------------------------------------------------------*/
.box{
  width: 100%;
  position: relative;
  overflow: hidden;
    color: #000
}

.title_text {position:absolute; z-index: 1; left: 0; right: 0; text-align: center; top: 50%;}
.title {
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
}
.title h3 {
	text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 100px;
    text-indent: .3em;
    color: #000;
    font-weight: bold;
    font-family:  Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	margin-bottom:0px;
	margin-bottom:10px;
}

@-webkit-keyframes drift {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes drift {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  from {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


/*Contact Block*/
.normal {position:inherit !important}
.clock_mask h4 {margin-bottom: 0px}
.clock_mask { width: 600px; left: 0; right: 0; background: #fff; padding: 20px; margin: 0 auto; position: absolute; top: 50%;}
.clock_click {position:fixed; z-index: 99; background: rgba(0,0,0,.5); top:0; bottom:0; right:0; left:0; width: 100%; display: none;}
.active_clock.clock_click {display:block;}
.clock_mask .wpcf7 input.wpcf7-submit { background:#f1f1f1; color:#000; width: auto; }
.clock_mask .wpcf7 input.wpcf7-submit:hover { background:#000; color: #fff !important;  }
.clock_mask .wpcf7 input, .clock_mask .wpcf7 textarea { border: 1px solid #ccc}
.wpcf7 input:focus, .wpcf7 textarea:focus {outline:none; border: 1px solid #666}
.icon_clock_box {font-size: 20px; position: absolute; right: 20px; top: 20px;}
.icon_clock_box:hover {cursor:pointer}


.oi_contact_block { display:block; text-align:center;}
.oi_contact_block i { font-size:100px; }
.oi_contact_block { color:#fff}
.oi_contact_block_holder { overflow:hidden;}
.oi_contact_block:hover i { text-decoration:none; font-size:140px; color:#fff}
.oi_tringle {
	position:absolute; left:0px !important; top:50% !important; margin-top:-50px !important;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 50px;
	border-color: transparent transparent transparent #ffffff
}

.oi_vc_button, .vc_latest_news_a {box-shadow: none !important}

.gm-style-mtc {
  display: none;
}






.footer_text a {color: #000;}
.page_title {color: #e83b23;}
.page_title {position: relative; padding-right: 60px; font-weight: 900; letter-spacing: 1px;}
.page_title:after {content: ''; display: inline-block; width: 40px; border-bottom: 1px solid #e83b23; position: absolute; top: 50%; right: 0}




#fp-nav ul li a span, .fp-slidesNav ul li a span {height: 1px; width: 10px; border-radius: 0; margin: 0; background: #999}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span  {height: 3px; width: 10px; border-radius: 0; background:#000; margin: 0; }
.fp-slidesNav ul li:hover a.active  span, #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {height: 3px; margin: 0}

.img_holder_blog {background-color: #f1f1f1}
.page_for_blog article:not(.oi_no_height):nth-child(even){background: #f6f6f6}
.page_for_blog article:not(.oi_no_height) .entry-header {display:table-cell; vertical-align:middle;}
.page_for_blog article.oi_no_height .entry-header { padding-left: 140px; padding-right: 40px; padding-top:40px; padding-bottom: 40px; margin-bottom: 40px; margin-top: 0; background: #f6f6f6;}
.page_for_blog article.oi_no_height .enty-meta {margin-bottom: 0}
.img_holder_blog {height: 400px; background-size: cover; background-position: center center; }
.oi_date h6:before {content: ''; display: inline-block; width: 15px; border-bottom: 1px solid #999; position: absolute; top: 50%; left: 0}
.oi_date h6 {font-weight: 300; position: relative; padding-left: 30px;}
.enty-meta > span a { color: #999999}
.enty-meta > span a:hover{color: #e83b23;}
.comments-link .screen-reader-text {display: none;}
.no_feat_image .entry-header {padding-left: 140px;}

.entry-header h3 a:hover {color: #e83b23;}
.single .entry-header, .single .entry-footer, .single #comments, .blogger_share {padding-left: 140px; margin: 40px 0}
.archive_page_header p { margin-bottom:0px; margin-top:10px;}
.archive_page_header h3 { margin:0px; color: #000;}
.archive_page_header { padding: 35px; padding-left: 50px;  background: #f9f9f9; margin: 0}
.single .entry-footer { background: #fff; margin: 0; padding-top: 40px; padding-bottom: 40px;}

.st_sf_vc_potrfolio .oi_creative_p_content { right: 50px; bottom: -60px; opacity: 0}
.oi_c_title a{color: #000}
.oi_c_title a:hover {color: #e83b23;}

#filters{text-align: center; }
.st_sf_list_cats {padding:35px 0; font-size: 11px; display: block; margin-bottom: 0px;}
.st_sf_list_cats li a {margin-right: 30px; background: none;}

.st_sf_f_t_list #load_more_port_masorny_posts, .st_sf_h_t_wo_s #load_more_port_masorny_posts, .st_sf_r_t_wo_s #load_more_port_masorny_posts, .st_sf_s_t_wo_s #load_more_port_masorny_posts {margin: 0; display: block; text-align: center; background: #f1f1f1; color: #000; padding: 40px;}
.potfolio_container_holder {margin-bottom: 0px;}
.st_sf_load_more_holder {padding-top: 0px !important;}
.st_sf_f_t_list .st_sf_vc_port_mask, .st_sf_f_t_list .st_sf_vc_potrfolio:hover .st_sf_vc_port_mask {left: 50% !important}
.st_sf_r_t_wo_s .st_sf_list_cats, .st_sf_r_t_w_s, .st_sf_s_t_wo_s, .st_sf_s_t_w_s, .st_sf_h_t_wo_s, .st_sf_h_t_w_s {background: #f9f9f9;}

.st_sf_r_t_w_s, .st_sf_s_t_w_s, .st_sf_h_t_w_s {padding-left: 120px; padding-right: 25px; padding-bottom: 30px;}
.st_sf_r_t_w_s .st_sf_load_more_holder, .st_sf_s_t_w_s .st_sf_load_more_holder, .st_sf_h_t_w_s .st_sf_load_more_holder{ text-align: center;}
.st_sf_s_t_wo_s .text-center {text-align:right}
.st_sf_s_t_wo_s  .hover_overlay {padding-left: 100px; padding-right: 30px;}
.filter_button {color:#999}
.welcome_for_portfolio .oi_np_link:last-child a { margin-right: -10px;}
.welcome_for_portfolio .oi_np_link a {opacity:0.5; padding: 10px;}
.welcome_for_portfolio .oi_np_link a:hover{opacity: 1}


.oi_vc_text {
    padding: 0px 60px;
    background: #fff;
    display: table;
    width: 100%;
}
.oi_vc_text_span {
    display: table-cell;
    vertical-align: middle;
    line-height: 22px;
}

.page-content_nothing {padding-left: 140px; background: #f9f9f9; display: table; width: 100%; padding-right: 60px; }
.page-content_nothing h4, .page-content_nothing h1 {margin-bottom: 40px; text-align: center;}

.mobile-overlay, .mobile_call {display: none;}


@media (min-width: 768px) and (max-width: 3000px) {
	#masthead .welcome_text h3, #masthead .welcome_text p  { webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
		opacity:0}
	.window_loaded #masthead .welcome_text h3, .window_loaded #masthead .welcome_text p  {
		opacity:1;
	}
	.content_loaded #right_side{ opacity:1}
	.window_loaded .preloader  {opacity:1}
	.content_loaded  .preloader { opacity:0}
	.menu_clicked .preloader {opacity:1}
	
	.menu_clicked #masthead .welcome_text p, .menu_clicked #masthead .welcome_text h3   { opacity:0 !important}
	
	
}
@media (min-width: 1024px) and (max-width: 1300px) {
.st_sf_s_t_w_s {padding-right:35px;}
}

@media (min-width: 1100px) and (max-width: 1400px) {
.welcome_text {max-width: 80%; }
}

@media (min-width: 0px) and (max-width: 768px) {
.welcome_text {max-width: 90%; }
}
@media (min-width: 768px) and (max-width: 1100px) {
.welcome_text {max-width: 70%; }
}
@media (min-width: 1100px) and (max-width: 3000px) {
.vc_row:not(.vc_inner):not(.vc_row-no-padding) { padding-left:140px !important; padding-right:35px;}
}
@media (min-width: 0px) and (max-width: 1100px) {
	.preloader { display:none;}
    #site_round  {left: -55%}
    #left_side { z-index: 999 !important; left: -55%; width: 50%; right: 0; top: 0; bottom: 0} 
    #right_side {width: 100% !important; margin: 0}
    .bars_menu, header, .copy{right:100% ; left: -100%; display: block; opacity: 0;}
    .mobile-overlay { opacity: 0; position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -1}
    .mobile_call {display: inline-block; position: fixed; top: 20px; right: 20px; z-index: 999; padding: 10px; background: #000}
    .mobile_call .fa {color: #fff}
    .active_mobile_menu .bars_menu, .active_mobile_menu header, .active_mobile_menu .copy { left: 0; right: 45% !important; opacity: 1}
    .active_mobile_menu #site_round { left: 55%; }
    .active_mobile_menu #left_side{ left: 0%; }
    .active_mobile_menu .mobile-overlay  { opacity: 1; z-index: 998}
    
    .bars_menu, header, .copy, #left_side, #right_side, #site_round, .mobile-overlay  {
        webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .vc_row:not(.vc_inner):not(.vc_row-no-padding) { padding-left:35px !important; padding-right:35px !important;}
    
    .st_sf_f_t_wo_s .st_sf_strange_portfolio_item{height: 100% !important;width: 100% !important;}
    .st_sf_f_t_list .st_sf_strange_portfolio_item {height: 300px; width:100% !important;}
    .st_sf_r_t_w_s, .st_sf_s_t_w_s, .st_sf_h_t_w_s {padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 30px;}
    .single .entry-header, .single .entry-footer, .single #comments, .blogger_share {padding-left: 35px;}
    .single #comments {margin-bottom:0}
    
}
@media (min-width: 0px) and (max-width: 736px){
    .oi_partner_holder a img {margin: 0 auto !important}
	.text-right.logo_holder {text-align:left !important}
	.text-right.mobile_text_left {text-align:left !important;}
    #left_side {left: -100%; width:100%}
	.logo_holder h3 {margin-top:0 !important}
    .bars_menu,  header, .copy { right: 0px; left: 0px; margin: 0; text-align: left !important; opacity: 1}
    .active_mobile_menu #site_round { left: 0%; }
    .active_mobile_menu #left_side{ left: 0%;  right: 0; overflow-y: scroll }
    .text-right, .welcome_text {text-align: left;}
    .welcome_text {max-width: 100%; float: none; padding-left: 30px; padding-right: 30px;}
    .welcome_text .page_title {padding-right: 0; display: block; float: none;}
    .welcome_text .page_title:after {display: none;}
    .welcome_text .page_title:after, .welcome_text p{ float: none; margin-bottom: 0}
    .welcome_text p br {display: none}
    #masthead {top: 0; margin-top: 0px !important; position: relative;}
    .logo_holder {padding:30px; padding-top: 25px; padding-right: 70px; }
    .bars_menu {position: relative; padding: 30px; background: #f9f9f9; margin-bottom: 40px;}
    .site-header-menu ul.primary-menu > li > a {margin-left: 0px;}
    .site-header-menu ul > li {display: block;}
    .copy {position:relative; padding: 30px;}
    .logo_name {font-size: 24px !important; line-height: 24px !important;}
    .social-navigation i {margin-left: 0; margin-right: 10px;}
    .site-header-menu ul > li > ul { position:relative; margin: 0 !important; top: 0;}
	
	.site-header-menu ul > li > ul > li > ul { position:relative !important; margin: 0 !important; top: 0; left:20px !important;}
	.site-header-menu ul.primary-menu > li > ul >li.menu-item-has-children > a:after { content:'\f105'; font-family:fontawesome; display:inline-block; position:relative; margin-left:10px; right:inherit;}
	
    .blogger-search-button, .site-header-social-menu, .blogger-burger-button, .site-header-menu {display:block;}
    .site-header-menu ul.primary-menu li a {text-align: left !important; margin-bottom: 5px !important; display: inline-block;}
    .oi_creative_p_content {right: 20px !important; left: 20px !important; min-width: inherit; bottom: 30px;}
    #oi_next_image_shortcode, #oi_current_image_shortcode {left: -20px; right: -20px;}
    .st_sf_f_t_wo_s .row { margin: 0 !important}
    .st_sf_f_t_wo_s .oi_creative_p_content {right: 20px !important; left: 20px !important; min-width: inherit; bottom: 30px;}
    .st_sf_f_t_list .st_sf_vc_port_mask, .st_sf_f_t_list .st_sf_vc_potrfolio:hover .st_sf_vc_port_mask {width: 100% !important; left: 0 !important}
    .st_sf_s_t_wo_s .text-center{text-align: center;}
    .st_sf_s_t_wo_s  .hover_overlay {padding-left: 30px}
    .st_sf_s_t_w_s .st_sf_lmc_holder, .st_sf_h_t_w_s .st_sf_lmc_holder {margin-top: 30px !important;}
    .page_for_blog article:not(.oi_no_height) .entry-header, .page_for_blog article.oi_no_height .entry-header {padding: 30px;}
    .vc_row:not(.vc_inner):not(.vc_row-no-padding) { padding-left: 15px !important; padding-right: 15px !important;}
    .single .entry-header, .single .entry-footer, .single #comments, .blogger_share {padding-left: 20px;}
    .welcome_for_portfolio .oi_np_link:last-child a { margin-right: -10px;}
    .welcome_for_portfolio .oi_np_link a {opacity:0.5; padding: 10px; background: #f9f9f9; margin-top: 10px !important;}
    .welcome_for_portfolio .oi_np_link a:hover{opacity: 1}
    .oi_np_link {margin-top: 20px !important; display: inline-block;}
    .vc_row.m_bg_f9f9f9 {background: #f9f9f9 !important; background-image: none !important}
    .vc_row.m_bg_fff{background: #fff !important; background-image: none !important}
    .clock_shortcode .title h3 {font-size: 66px !important;}
    .blog_snipet_slider ul {margin-left: 0}
    .text-right.wpb_column .wpb_text_column p{text-align: left !important;}
    
}
@media (min-width: 1200px) and (max-width: 1400px) {
	#left_side {width:27%;}
	#site_round {left: 27%}
	#right_side { width:73% !important; margin-left:27%}
	.bars_menu { right:73%;  margin-right:0px;}
	header { right:71%}
	.welcome_text { width:80%; max-width:80%}
	.copy { right:73%; margin-right:0px;}
	.vc_row:not(.vc_inner):not(.vc_row-no-padding) {padding-left:120px !important;}
	h3.logo_name { font-size:40px !important; line-height:40px !important;}
	
}
@media (min-width: 1200px) and (max-width: 1300px) {
	.site-header-menu ul.primary-menu li a { font-size:12px !important;}
}

a[href^="tel"]{
    color:inherit !important;
    text-decoration:none !important;
    box-shadow: none !important
}


body.vc_not_used.single .content-area {padding-left: 140px; padding-right: 30px; background: #f9f9f9;}
body.vc_not_used:not(.home) .content-area {background: #f9f9f9;}
body.vc_not_used.single .entry-header, body.vc_not_used.single .entry-footer, body.vc_not_used.single #comments,  body.vc_not_used .blogger_share {padding-left: 0px !important}
body.vc_not_used.single .entry-header {margin: 0; padding-top: 40px; padding-bottom: 40px;}
body.vc_not_used.single .entry-footer{background: none;}
body.vc_not_used.single .oi_f_img_holder {margin-left: -140px; margin-right: -40px;}
body.vc_not_used.page .entry-content {padding-left: 140px; padding-right: 30px; background: #f9f9f9; padding-top: 30px; padding-bottom: 30px;}
body.vc_not_used.page #comments {padding-left: 140px; padding-right: 30px; background: #f9f9f9; padding-top: 30px;}
body.vc_not_used.page .alignleft:after {clear: both; content: ''; display: block;}

body.vc_not_used.single.small_featured  .oi_f_img_holder{ margin-left: 0px !important; padding-top: 40px;}

.welcome_text .page_title { margin-top:0}
.entry-content {min-height: 100%;}
.preloader { margin-top:-34px; opacity:0; background:#fff; position:absolute; right:0; padding-left:40px;}
.loader {
  position: relative;
  width: 44px;
  height: 8px;
  float: right;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ccc;
  position: absolute;
}

.dot_1 {
  animation: animateDot1 1.5s linear infinite;
  left: 12px;
  background: #e83b23;
}

.dot_2 {
  animation: animateDot2 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

.dot_3 {
  animation: animateDot3 1.5s linear infinite;
  left: 12px;
}

.dot_4 {
  animation: animateDot4 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

@keyframes animateDot1 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }
  25% {
    transform: rotate(180deg) translateX(-12px);
  }
  75% {
    transform: rotate(180deg) translateX(-12px);
  }
  100% {
    transform: rotate(360deg) translateX(-12px);
  }
}
@keyframes animateDot2 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }
  25% {
    transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    transform: rotate(-360deg) translateX(-12px);
  }
}
@keyframes animateDot3 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }
  25% {
    transform: rotate(180deg) translateX(12px);
  }
  75% {
    transform: rotate(180deg) translateX(12px);
  }
  100% {
    transform: rotate(360deg) translateX(12px);
  }
}
@keyframes animateDot4 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }
  25% {
    transform: rotate(-180deg) translateX(12px);
  }
  75% {
    transform: rotate(-180deg) translateX(12px);
  }
  100% {
    transform: rotate(-360deg) translateX(12px);
  }
}

.no_margins {margin: 0 !important; padding: 0 !important}
.no_margins .vc_column-inner {margin: 0 !important; padding: 0 !important}
.vc_row.bg_top {background-position: top center !important}
.vc_row-no-padding .st_sf_strange_portfolio_item {margin-bottom: 0}
.st_sf_strange_portfolio_item.p_shortcode {width: 100% !important}

.ult-vc-seperator {z-index: 8 !important; }

.contact-info {list-style: none; margin: 0; padding: 0}
.contact-info li {display: block; margin-bottom: 40px;}
.contact-info li span {display: block}
.contact-info strong {border-bottom: 1px solid #ccc !important; margin-bottom: 20px;}

.oi_vc_text.item_height_x2 input, .oi_vc_text.item_height_x2 textarea { color: #000; background: none; border: none; border-bottom: 1px solid #ccc; padding: 5px 0}

.oi_vc_text.item_height_x2 input:focus, .oi_vc_text.item_height_x2 textarea:focus {border-bottom: 1px solid #000}

.oi_vc_text.item_height_x2 .wpcf7-form p {margin-bottom: 30px;}
.oi_vc_text.item_height_x2 input[type="submit"] {background: #000; color: #fff; padding: 10px; border: none; text-transform: none}

.dark_border .ult-new-ib-desc:after, .dark_border .ult-new-ib-desc:before {background: rgba(0,0,0,1) !important; width: 10% !important}

.full_team .vc_team_member_holder {margin-bottom: 0px;}

.full_height {
	height:100vh;
}
.log_forms  {
	margin-top:38vh!important;
	box-shadow: 1px 1px 18px #ddd;
}
@media only screen and (max-width:1100px){
body.vc_not_used.page .entry-content {
	padding-left:2%!important;
	padding-right:2%!important;
}
	.elementor-582 .elementor-element.elementor-element-50160573 .elementor-spacer-inner, .elementor-594 .elementor-element.elementor-element-2badb143 .elementor-spacer-inner {
		display:none;
	}
	.elementor-623 .elementor-element.elementor-element-b11602a {
		padding: 4em 1em!important;
	}
}

b, strong {
	color:#222!important;
}