@import url('font-awesome/css/font-awesome.css');
@import url('lightbox.css');
@import url('wpb.css');
@import url('vc.css');
/* @import "debugging.css"; */

/*------------------------------------------------------------------
[Table of contents]

1. Typograpgy
2. Menu
3. Portfolio
4. Blog
5. Footer
6. Responsive

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




/*------------------------------------------------------------------
[1. Typograpgy]
*/

body { padding:0px 60px;}
h1,h2,h3,h4,h5,h6 { margin-top:0px;}
a:focus, a:active, input:focus, textarea:focus { outline:none !important; text-decoration:none !important; color:inherit}

#oi_page_head { padding:100px 0px}
.oi_legend { margin-top:0px; margin-bottom:20px;}
.single-post .oi_legend { font-size:32px; line-height:40px;}
.single-format-video iframe { height:600px;}
.single-post .oi_post_format_content { margin-bottom:40px;}
.oi_alert { background:rgba(0,0,0,0.3); color:#fff; border-radius:0; float:left; font-size:14px; font-weight:300;}
.full_row.row  { margin:0 -60px;}
.full_row div[class*='col'] { margin:0px; padding:0px;}
.block_row.row  { margin-left:0px; margin-right:0px;}
.block_row div[class*='col'] { margin:0px; padding:0px;}
.oi_white { color:#fff}
h4.oi_white { font-weight:300; line-height:24px;}
.oi_blocked { background:#000; padding:40px; float:left;}
.mini_row { max-width:1240px; margin:0 auto !important;}

/*------------------------------------------------------------------
[2. Menu]
*/
.header_menu {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-top:60px;
}
.header_menu  > li { display:inline-block; float:left; }
.header_menu  > li > a { color:#000; text-transform:uppercase; font-weight:600;padding:10px 15px; margin-right:5px; display:inline-block; background:transparent}

.header_menu  > li > a:hover { text-decoration:none; background:#000; color:#fff}
.header_menu  > li.current-menu-item > a, .header_menu  > li.current-menu-parent  > a{ background:#000; color:#fff;}

.header_menu  > li > ul { background:#fff; list-style:none; padding:0px; position:absolute; display:none; z-index:9999; min-width:200px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.header_menu  > li:hover > ul { display:block;}
.header_menu  > li > ul > li > a { padding:7px 15px; display:block; color:#000; font-size:13px;}
.header_menu  > li > ul > li > a:hover { background:#000; color:#fff; text-decoration:none;}
.header_menu  > li > ul > li.current-menu-item > a { background:#000; color:#fff;}

hr.small {
    display: block;
    height: 1px;
    border: 0;
    border-top: 3px solid #000;
    margin:  0;
	margin-bottom:10px;
    padding: 0;
	width:65px;
}
hr.oi_next-prev_hr { width:87px;}

img.alignleft { text-align:left; display:inline-block; margin-right:15px;}
img.alignright{ text-align:right; display:inline-block;}
.aligncenter{ text-align: center; display: block; margin-left: auto;  margin-right: auto; }
.alignright { float:right;}
.alignleft { float:left;}
img.alignleft { margin-right:20px;}
.aligncenter { text-align:center;}
.vc_progress_bar { margin-bottom:10px !important;}
h5.small_width { font-weight:normal;}


.oi_serv_block { margin-bottom:35px;}
.oi_serv_block .row{ margin-left:0px; margin-right:0px; padding:0px; }
.oi_serv_block div[class*='col-md-'] { margin:0px; padding:20px; }
.oi_serv_block div[class*='col-md-9'] { margin:0px; padding:20px 40px;background:#fff; }
.oi_serv_block div[class*='col-md-3'] { text-align:center;}
.oi_serv_block .img-responsive{ margin:0px; display: inline-block; vertical-align: middle}
.oi_serv_block  .oi_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.oi_footer { padding:80px 60px; background:#fff;  text-align:center; margin-left:-60px; margin-right:-60px;}

.oi_serv_block div[class*='col-md-'] { width:100% }


.oi_boxed_text { max-width:800px; text-align:center; margin:0 auto}


.list-star { background:#f6f6f6; padding:20px;}
.list-star li { font-size:14px; line-height:14px; margin-bottom:12px !important; color:#666666}
.list-star li:last-child { margin-bottom:0px !important;}
.list-star li:before {
content: "\f00c";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: left;
text-decoration: inherit;
font-size: 12px;
margin-right:12px;
line-height:16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity:1;
color:#ff3b2f
}

.cta
{
	margin-bottom: 0px !important;
    margin-left: -60px!important;
    margin-right: -60px!important;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    background-color: #cc191b !important;
}

.cta_h
{
	font-weight: 800 !important;
    font-size: 45px !important;
    line-height: 20px !important;
    color: #fff !important;
}

.cta_button
{
	padding: 10px 20px !important;
    border: 2px solid #fff !important;
    border-radius: 0px !important;
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
}

.about_h

{   font-weight: 800;
    font-size: 50px;
    line-height: 50px;
    }
	
.about_p
{
	font-size:20px;
	line-height: 23px;
}
.about_p p
{	margin: 36px 0 !important;
}
.testipad{
	padding: 35px 80px
}
.carousel {
	margin: 50px auto;
}
.carousel .item {
	color: #999;
	overflow: hidden;
    min-height: 120px;
}
.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
	margin-left: 20px;
}
.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    border: 2px solid #fff;
}
.carousel .testimonial {
    color: #fff;
    position: relative;    
    background: #9b9b9b;
	padding: 15px;
	margin: 0 0 25px 20px !important;
}
.carousel .testimonial::before, .carousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.carousel .testimonial::before {
    width: 20px;
    height: 20px;
	background: #9b9b9b;
	box-shadow: inset 12px 0 13px rgba(0,0,0,0.5);
}
.carousel .testimonial::after {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    border-left-color: #fff;
}
.carousel .item .row > div:first-child .testimonial {
	margin: 0 20px 20px 0;
}
.carousel .item .row > div:first-child .media {
	margin-left: 0;
}
.carousel .testimonial p {
	text-indent: 40px;
    line-height: 21px;
	margin: 0;
}
.carousel .testimonial p::before {
	content: '\94';
    color: #fff;
    font-weight: bold;
    font-size: 68px;
    line-height: 70px;
    position: absolute;
    left: -25px;
    top: 0;
}
.carousel .overview {
	padding: 3px 0 0 15px;
}
.carousel .overview .details {
	padding: 5px 0 8px;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #ff5555;
}
.carousel .carousel-control {
	width: 30px;
	height: 30px;
    background: #666;
    text-shadow: none;
	top: 4px;
}
.carousel-control i {
	font-size: 16px;
}
.carousel-control.left {
	left: auto;
	right: 40px;
}
.carousel-control.right {
	left: auto;
}
.carousel-indicators {
	bottom: -80px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 0;
	margin: 1px 4px;
}
.carousel-indicators li {	
    background: #e2e2e2;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
	color: #fff;
    background: #ff5555;    
    border: 5px double;    
}
.star-rating li {
	padding: 0 2px;
}
.star-rating i {
	font-size: 14px;
	color: #ffdc12;
}

/*------------------------------------------------------------------
[3. Portfolio]
*/

.oi_next_prev { margin-top:20px;}
.oi_next_prev a { padding:10px; border:1px solid #000; color:#000; margin-right:10px; opacity:0.3}
.oi_next_prev a:hover { opacity:1}
.oi_port_container, .oi_load_more_holder { margin-left:-60px; margin-right:-60px;}
.oi_box_port_container, .oi_box_load_more_holder { margin-left:0px; margin-right:0px;}
.oi_port_row { margin-left:-60px; margin-right:-60px;}
.oi_port_row .col-md-4, .oi_port_row .col-md-8 { padding:0px;}
.oi_port_row .col-md-4 { padding:0px 60px;}
.oi_col-md-3 { width:25%; float:left; overflow:hidden;}
.oi_col-md-4 { width:33.33333%; float:left; overflow:hidden;}
.oi_col-md-6 { width:50%; float:left; overflow:hidden;}

	#cbox .oi_flickr_item img { border-radius:0px;}
	.oi_flickr_item { overflow:hidden;}
	#cbox .oi_flickr_item { float:left; width:20%; border:1px solid #fff}
	#cbox .oi_flickr_item:nth-child(4n){ margin-right:0px;}
	#cbox .oi_flickr_item img:hover { opacity:0.9}

.oi_first_port_descr { margin-bottom:20px;}
.oi_port_cats { font-size:12px; text-transform:uppercase;}
.oi_strange_portfolio_item { position:relative;}
.oi_strange_portfolio_item .oi_mask {
	position:absolute;
	z-index:999;
	top:0px;
	left:0px;
	right:0px;
	left:0px;
	bottom:0px;
	padding:30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0
}
.oi_strange_portfolio_item:hover .oi_mask { 
	opacity:0.95;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.portfolio-squre .oi_mask .oi_port_title,  .portfolio-long .oi_mask .oi_port_title{ font-size:34px;}
.oi_mask .oi_port_title { margin-bottom:10px; font-weight: bolder !important; text-transform:uppercase;}
.portfolio-wide .oi_mask .oi_port_title { font-size:44px;}
.portfolio-squrex2 .oi_mask .oi_port_title { font-size:68px;}

.oi_filter-fa { margin-right:10px;}
.oi_port_cats { bottom:20px; position:absolute;}
.oi_port_filter { margin-top:20px;}
.page-template-portfolio-4-php  .oi_port_filter { margin-bottom:20px;  margin-top:0px; line-height:14px;}

.filter_button {  color:#000;  margin-right:20px;  display:inline-block; text-transform:uppercase; font-size:12px; font-weight:bolder;}
.filter_button:hover {color:#ff3b2f; text-decoration:none;}
a.filter_current { color:#ff3b2f !important; }
.filter_current:hover { color:#ff3b2f; text-decoration:none;}
.oi_load_more { padding:10px 15px; background:#000; text-transform:uppercase; font-size:13px; display:block; text-align:center; color:#fff;}
.oi_load_more_holder { position:relative;}
.oi_counts { position: absolute; color:#fff; padding:10px; font-size:11px;}
.oi_load_more:hover { text-decoration:none; color:#fff; background:#ff3b2f; cursor:pointer;}
.oi_load_more.disabled:hover{ color:#fff;background:#000; cursor:default;}
.oi_folio_page_title { padding:30px 0px; border-top:1px solid #f1f1f1; margin-bottom:20px}
.oi_first_portfolio_content { background:#fafafa; padding:0px 80px;}
.oi_port_date { margin:0px; color:#F00; text-transform:uppercase;}
.oi_port_title { margin-top:5px; margin-bottom:20px;}
.oi_first_portfolio_attach, .oi_first_portfolio_content { width:50%; float:left;}
.oi_readmore_btn { color:#f00; font-size:11px;}
.oi_readmore_btn:hover { color:#000;}
.oi_first_portfolio_attach { position:relative;}
.oi_tringle{
	width: 0; 
	height: 0; 
	border-right: 20px solid transparent;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fafafa;
	position:absolute;
	z-index:999;
	left:0px;
	bottom:50%;
	margin-bottom:-10px;
}
.portfolio-squre, .portfolio-long { width:20%; float:left }
.portfolio-squrex2, .portfolio-wide  { width:40%;float:left}

#oi_blog_cont { margin-bottom:60px; margin-left:-15px; margin-right:-15px;}
.oi_blog_item_holder { overflow:hidden;}
.oi_vc_gal { margin-bottom:0px !important;}
.oi_post { padding:15px}
.page-template-blog-php .oi_post { padding-top:0px; padding-bottom:40px;}
.search-results .oi_post { padding-top:0px; padding-bottom:40px;}
.wpb_gmaps_widget .wpb_wrapper { padding:0px !important;}

.post.format-image .oi_blog_full_content_holder, .post.format-video .oi_blog_full_content_holder, .post.format-audio .oi_blog_full_content_holder, .post.format-gallery .oi_blog_full_content_holder, .post.format-standard .oi_blog_full_content_holder { padding:40px; background:#fff; padding-bottom:10px;}
.post iframe { margin-bottom:-5px;}
.post a { color:#000}
.oi_blog_post_title a:hover, .oi_blog_meta a { text-decoration:none; color:#ff3b2f;}
.oi_post_date { padding:6px; background:#000; color:#fff; font-size:11px;}
.oi_blog_meta { margin-bottom:20px;}
.oi_with_mask_no_url { position:relative; }
.oi_with_mask_no_url:hover img{
opacity:0.6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.oi_with_mask_no_url { background:#000}
.oi_with_mask_no_url:hover .oi_pretty_image_link_plus  { opacity:0.9; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;}

.oi_pretty_image_link_plus {
	background-image:url("../css/img/link.png");
	border:15px solid #fff;
	border-radius:3px;
	background-color:#fff;
	padding:25px;
	background-size:contain;
	position:absolute;
	top:50%; left:50%;
	margin-left:-37px;
	margin-top:-37px;
	z-index:99;
	opacity:0;
}

.oi_sidebar_post { background:#fff;}
.oi_search_btn { width:100%; border-radius:0px; background:#333; color:#fff}
.oi_search_btn:hover { background:#000; color:#fff}

.pride_pg a { text-decoration:none;}
.pride_pg { margin-left:15px; margin-bottom:40px;}
.pride_pg .prev { margin:0px !important; padding-left:0px !important;}
.pride_pg .page-numbers { padding:5px 10px; color:#999;}
.pride_pg .page-numbers:not(.current):hover { color:#000;}
.page-numbers.current { background:#000; color:#fff;}
	.oi_soc_icons div {background-size:contain;}
	.oi_soc_icons a {
		display:inline-block;
		float:left;
		margin-right:1px;
		opacity:0.8;
		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+ */
		filter: gray; /* IE6-9 */
		-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
		-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	}
	.oi_soc_icons a:hover{
		opacity:1;
		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");
		-webkit-filter: grayscale(0%);
	}

	.menu_icon_t { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/twitter.png')}
	.menu_icon_facebook { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/facebook.png')}
	.menu_icon_in { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/linkedin.png')}
	.menu_icon_pi { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/pinterest.png')}
	.menu_icon_dribbble { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/dribbble.png'); }
	.menu_icon_google { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/google_plus.png')}
	.menu_icon_youtube { width:24px; height:24px; background:url('https://cdn1.iconfinder.com/data/icons/flat-shadow-social-media-icons/48/youtube.png')}
	.menu_icon_flickr { width:24px; height:24px; background:url('../img/flickr.png')}

/*------------------------------------------------------------------
[3. Blog]
*/

.io_widget_title { text-transform:uppercase; letter-spacing:3px; border-bottom:1px solid #ededed; padding-bottom:15px;}
.oi_widget { padding:40px; background:#fff;}
/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar a { color:#ff3b2f}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; margin-bottom:10px; }
#wp-calendar thead th { padding: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #ededed; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { background:#ededed; text-align:center;  border: 1px solid #fff;}
#wp-calendar caption { font-weight:bold; color:#ff3b2f}


.product-categories { padding:0px; list-style:none;}
.product-categories li { 
border-bottom:1px dotted #ededed;
}
.oi_widget .current-menu-item a { color:#ff3b2f !important}

#cbox .oi_flickr_item img { border-radius:0px;}
#cbox .oi_flickr_item { float:left; width:20%; border:1px solid #fff}
#cbox .oi_flickr_item:nth-child(4n){ margin-right:0px;}
#cbox .oi_flickr_item img:hover { opacity:0.9}
.pp_content { background: #f8f8f8 !important;}
.pp_description { font-size:20px; margin-top:10px !important}

.oi_widget ul:not(#cbox) { padding:0px; list-style:none;}
.oi_widget ul:not(#cbox) li { 
border-bottom:1px dotted #ededed;
}
.oi_cat_count { float: right; padding:2px 4px; background:#ededed; margin-top:4px; font-size:10px; min-width:30px; text-align:center;}
.oi_widget ul:not(#cbox) li a:before{
content: "\f105";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: block;
float: left;
text-decoration: inherit;
font-size: 14px;
margin-right:12px;
line-height:16px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity:1;
margin-top:5px;
}
.oi_widget ul:not(#cbox) li a { color:#000; display: inline-block; opacity:1; padding:7px 0px 7px 0px;}
.oi_widget ul:not(#cbox) li a:hover { text-decoration:none; opacity:1; color:#ff3b2f;}
.oi_widget ul:not(#cbox) li a:hover:before{
	margin-right:6px;
	margin-left:6px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#ff3b2f;
}


.oi_widget  #searchform label { display:none;}
.input-text { background:#fafafa; border:1px solid #ededed;}
input, textarea{ padding:10px;}
.oi_widget input {
	width:100%;
	padding:10px;
	border:1px solid #eaeaea;
	font-size:12px;
	line-height:12px;
	margin-bottom:20px;

}
.oi_widget input#s{ margin:0px}
.oi_tweet {
	margin-bottom:20px;
	padding-left:40px;
	background-image:url("../css/img/twitter-24-black.png");
	background-position:left center;
	background-repeat:no-repeat;
}
.oi_tweet a:not(.twitter_times) { color:#000;}
.oi_tweet a:hover { color:#ff3b2f; text-decoration:none;}
.oi_tweet_time > a.twitter_time { font-size:11px; color:#ff3b2f; }
.tagcloud a { padding:7px; background:#fafafa; line-height:14px; display:inline-block; margin-bottom:3px; color:#000;}
.tagcloud a:hover { color:#ff3b2f;  text-decoration:none;}
.oi_widget_area { margin-bottom:40px;}


.single-post .oi_blog_item_holder { padding:40px; background:#fff;}
.single-post .oi_post { padding-top:0px;}

/*------------------------------------------------------------------
[3. Comments]
*/
.oi_comments_title { font-size:18px;}
.comments_div h3 span { font-size:18px; margin-right:5px;}
#respond #comment { outline:none !important; box-shadow:none !important; border:1px dotted #ededed; padding:10px;}
#respond #comment:focus { border:1px solid #ddd; }
#respond h4 { margin-top:0px;}
.fn a, .oi_commente_holder h4 a { color:#ff0000}
.oi_ticket_commentlist { list-style:none; padding:0px}
.oi_ticket_commentlist .oi_avatar { box-shadow:none;}

.oi_ticket_commentlist { padding-left:0px;}
.oi_ticket_commentlist .children { list-style:none;}
.oi_ticket_commentlist > li{ padding:30px; background:#f5f5f5; margin-bottom:20px;}
.oi_ticket_commentlist > li li{ background:#f5f5f5; margin-bottom:10px;}
.oi_ticket_commentlist > li ul{  margin-bottom:10px;}

.oi_ticket_commentlist ul.children { margin-top:10px;}
.oi_ticket_commentlist > li > .comment-body { border-bottom:1px solid #ededed; padding-bottom:20px;}
.oi_ticket_commentlist > li  ul .comment-body { background:#fff; padding:10px;}

.oi_ticket_commentlist .comment-meta{
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
}

.oi_ticket_commentlist .comment-meta a { color:#999; font-style:italic; text-decoration:none;}
.oi_ticket_commentlist .comment-author  .fn{ color:#ff3b2f; font-weight:bold;}
.oi_ticket_commentlist .reply a { opacity:0.5}
.oi_ticket_commentlist .reply a:hover { opacity:1; text-decoration:none;}
.oi_ticket_commentlist .comment-body .reply .comment-reply-link { color:#ff3b2f; font-size:11px;}
.oi_ticket_commentlist > li > .comment-body .reply .comment-reply-link { color:#ff3b2f; font-size:11px; }

.comment-awaiting-moderation {	/* Safari and Chrome: */
	-webkit-animation:oi_blink 1s linear 1s infinite alternate;
	-moz-animation:oi_blink 1s linear 1s infinite alternate;
}

.btn.oi_submit { margin-top:20px; padding:10px 20px; font-size:13px !important; border:0px; background:#333; color:#fff; border-radius:0px !important;}
.oi_border, .wpcf7-submit { padding:10px 20px; border:2px solid #000; border-radius:0px !important; color:#000; font-weight:bold; text-transform:uppercase; letter-spacing:3px;}
.oi_border:hover { background:#000; color:#fff;}
.btn.oi_submit:hover { background:#000}
#contact-form input, #contact-form textarea {width:100%; padding:5px; border:1px solid #ededed; box-shadow:none; background:#f5f5f5;}

.oi_commente_holder {padding:40px; background:#fff; margin:15px;}
/* Contact-form-7 */
.wpcf7-form input:not(.wpcf7-submit), .wpcf7-form textarea  { width:100%; padding:7px; border:1px solid #ededed; background:#fff; margin-bottom:10px !important;}
.wpcf7-submit { background:#000; color:#fff; border:none; border-radius:3px;}
.wpcf7-submit:hover { background:#ff3b2f; color:#fff;}
.wpcf7-form h5 { font-weight:bold; color:#000; text-transform:uppercase; margin-bottom:5px; font-size:12px; margin-top:0px;}
.wpcf7-form span[role='alert'] { font-size:11px; margin-top:-15px !important; margin-bottom:10px !important; display:block !important;}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border:none !important; background:#ff3b2f; color:#fff; margin-left:0px !important; padding:20px !important;}
.wpcf7-mail-sent-ok { background:#8fae1b !important;}
.wpcf7 textarea:focus, .wpcf7 input:focus { border:1px solid #999; outline:none !important;}

.wpcf7 textarea  {
  height: 80px !important;
}





/*------------------------------------------------------------------
[3. Footer]
*/
.footer_menu { margin-top:40px; margin-bottom:0px;}
.footer_menu li { display:inline-block;}
.footer_menu li a { font-size:13px; color:#000; padding:10px 5px;}
.footer_menu li a:before { display:inline-block; content:'/'; margin-right:10px;}
.footer_menu li a:hover {  color:#000}
.footer_menu li:first-child a:before { display:none;}





.head_standard  .header_menu { margin-top:0px; float:right;}
.head_standard#oi_page_head { padding:40px 0 !important; }

 /* Back To Top */
#back-top {
  position: fixed;
  bottom: 25px;
  right: 35px;
  z-index: 99;
  display: none;
}
.oi_without_border #back-top {
  bottom: 15px;
  right: 15px;
}
#back-top a {
  width: 44px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a .fa {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: block;
  font-size: 14px;
  background:rgba(0,0,0,0.3);
  border-radius: 6px;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a:hover {
  color: #fff;
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#back-top a:hover .fa {
  background-color: rgba(0,0,0,0.7);
  	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.oi_sticky { z-index:9999 !important; }
.admin-bar .oi_sticky  { margin-top:30px;}
.oi_sticky .oi_logo_holdred  a img{ max-height:30px !important; margin-top:5px;}
.oi_sticky .header_menu { margin:0px;}

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 9999;
    height: 100%;
	display:none;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
	 display:none;
 }

	.head_standard_st { position:fixed; z-index:8999; background:#fff; left:0px; right:0px; padding:0px 60px; top:0px; display:none; height:44px !important;}
	.admin-bar .head_standard_st { margin-top:30px;}
	.head_standard_st .header_menu { float:right; font-size:12px;}
	.head_standard_st .header_menu { margin:0px;}
	.oi_small_block { max-width:80%;}
	.head_business { padding:0px !important;}
	.head_business .head_standard_st { display:block !important;}
	.oi_need_m { margin-top:40px;}



/*------------------------------------------------------------------
[3. Responsive]
*/

@media (min-width: 1200px) and (max-width: 1280px) {
	 .oi_legend  { 
	 	font-size:50px !important;
		line-height:54px !important;
		margin-bottom:20px;
	 }
	 .oi_sub_legend { font-size:22px !important; line-height:30px !important;}
	 .oi_serv_block div[class*='col-md-'] { width:100% }
}
@media (min-width: 980px) and (max-width: 1200px) {
	.oi_widget { padding:20px 15px}
	.header_menu li a { padding:7px !important;}
	.header_menu { display:block !important;}
	.wide_cont {max-width:1020px }
	.home_paralax { 
		background-attachment: inherit!important;
		background-size: cover;
		background-position:center !important;
		background-repeat:no-repeat;
	}
	 .oi_legend  { 
	 	font-size:30px !important;
		line-height:34px !important;
		margin-bottom:20px;
	 }
	 .oi_sub_legend { font-size:18px !important; line-height:22px !important;}
	 .oi_serv_block div[class*='col-md-'] { width:100% }
	 .oi_for_port { width:100%}
	 .oi_col-md-4 { width:50%;}
}



@media (min-width: 767px) and (max-width: 980px) {
	.header_menu { display:block !important; margin-bottom:60px;}
	.oi_legend { margin-top:60px;}
	h2  { font-size:24px !important;}
	.achievements h3 {  font-size:56px !important;}
	.oi_widget { display:none;}
	.oi_col-md-4 { width:100%;}

}


@media (min-width: 0px) and (max-width: 767px) {
	body { padding:20px !important; margin:0px !important}
	.oi_legend  { 
	 	font-size:34px !important;
		line-height:40px !important;
		margin-bottom:20px;
	 }
	 .oi_sub_legend { font-size:18px !important; line-height:26px !important;}
	.oi_legend { margin-top:60px;}
	h2  { font-size:24px !important;}
	.achievements h3 {  font-size:56px !important;}
	.oi_widget { display:none;}
	.oi_col-md-4 { width:100%;}
	#oi_page_head { text-align:center;}
	#oi_page_head  .img-responsive { display:inline; margin-bottom:20px;}
	#oi_page_head .small { display:none;}
	.head_standard_st { display:none !important}
	
		.header_menu { display:none; box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);}
	.header_menu li{ display: inline-block !important; width:100%;   border-bottom:1px solid #ededed;}
	.header_menu li a {  display:block; padding:10px 13px !important;}
	.header_menu { padding:0px !important;}
	.header_menu li.active a { background:none !important; color:#fff;}
	.header_menu li.active { background:#ff3b2f}
	.visible-xs { font-size:36px; text-align:right; margin-top:5px}
	.visible-xs:hover { cursor:pointer;}
	
	/* Menu - simple drop down*/
.header_menu > li > .sub-menu {
	visibility:visible;
	opacity:1;
	position:relative;
	background:#fff;
	box-shadow: none;
	width:100%;
}

.header_menu > li > .sub-menu > ul > li > a { padding:5px 30px !important}
.header_menu > li >a { width:100%;}

.header_menu > li:hover > .sub-menu {
	display:block;
	visibility:visible;
	opacity:1;
	z-index:100
}
.full_row.row  { margin:0px;}
.full_row div[class*='col'] { margin:0px; padding:0px;}
.block_row.row  { margin-left:0px; margin-right:0px;}
.block_row div[class*='col'] { margin:0px; padding:0px;}
#oi_page_head { padding:20px 0px;}
.oi_footer { margin:0px;}

}