.single-format-video .span4 {
  width: 95% !important;
}
.single-format-video .span8 {
  width: 00% !important;
  display:none !important;
}
.single-format-video .preview_meta {
  margin-bottom: -60px !important;
  float:right !important;
}

.portfolio_item {
    margin-bottom: -80px !important;
}
.portfolio_item_title h4, .portfolio_item .preview_categ {
  transform: translateY(-163px);
  transition: all 0.6s ease-in-out;
  font-size: 11px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  color: #fff;
}

.portfolio_item .innerpadding  {
 padding: 3px !important; 

}

.portfolio_block {
  width: 100% !important;
  margin: 38px 0 0 0!important;
}

.portfolio_item:hover h4, .portfolio_item:hover .preview_categ {
  opacity: 1;
  transform: translateY(-93px);
}

/*
.portfolio_item {
    margin-bottom: -88px !important;
}
.portfolio_item_title h4, .portfolio_item .preview_categ {
  transform: translateY(-163px);
  transition: all 0.6s ease-in-out;
  font-size: 11px;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  background: rgba(0, 0, 0, 0.8);
  padding: 3px;
  color: #fff;
}

.portfolio_item:hover h4, .portfolio_item:hover .preview_categ {
  opacity: 1;
  transform: translateY(-93px);
}

.portfolio_item .innerpadding  {
 padding: 0px !important; 
  width: 100%;
}
*/
/**************************** FORM *******************************/
label {
 font-size: 12px !important; 
  text-transform: uppercase !important;
  weight: 700;
  letter-spacing: 1px;
}
input, textarea {
 border: none !important; 
  font-size: 12px !important;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
}
input:focus {
 border: none !important; 
  font-size: 12px !important;
  background: #1C817C;
  color: #fff !important;
}

/**************************** CL EFFECT *******************************/
.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 60px;
	height: 60px;
	border-width: 6px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 0.7;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}

/**************************** MENU *******************************/
.menu a {
 font-weight: 400 !important; 
}

.menu a::before, .optionset li a::before,
.menu a::after, .optionset li a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.menu a::before, .optionset li a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.menu a::after, .optionset li a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.optionset li a:hover {
	color: #00837C !important;
}

.menu a:hover::before,
.menu  a:hover::after,
.menu  a:focus::before,
.menu  a:focus::after, 
.optionset li a:hover::before,
.optionset li  a:hover::after,
.optionset li  a:focus::before,
.optionset li  a:focus::after{
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/**************************** CONTACTS *******************************/

.contacts {
  position: absolute;
  width: 99%;
  font-family: "Open Sans";
  top: 0px;
  min-height: 20px;
  background: #EFF3F3;
  padding: 9px 0px 9px 40px !important;
  margin-bottom: 30px;
  margin-left: 0px;
  line-height: 10px !important;
  font-size: 11px;
    font-weight: 400;
}
@media screen and (max-width: 600px) {
  .contacts {
    visibility: hidden !important;
    display:none !important;
  }
}
.contacts a {
  color: #3d3d3d !important;
}
.contacts .left_part {
    float: left;
    min-height: 20px;
}
.contacts .thisitem {
    float: left;
    font-size: 11px;
    color: #727272;
    margin-right: 30px;
}
.contacts .hire {
 font-weight: 600; 
  float: left;
  margin-right: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.contacts .fr {
    display: table-cell;
    vertical-align: middle;
}

.contacts .socials_list {
    text-align: right;
    margin-bottom: 0;
  margin-right: 40px;
}

.contacts .header_socials {
    text-align: right;
    float: right;
    min-height: 10px;
}
.contacts  a {
    opacity: 0.7;
}
.contacts  a:hover {
    opacity: 1;
}

.contacts .header_socials a {
    opacity: 0.5;
}
.contacts .header_socials a:hover {
    opacity: 1;
}
.contacts .thisitem a::before,
.contacts .thisitem a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.contacts .thisitem a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.contacts .thisitem a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.contacts .thisitem a:hover::before,
.contacts  .thisitem a:hover::after,
.contacts  .thisitem a:focus::before,
.contacts  .thisitem a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/**************************** FOOTER & PAGES *******************************/

.page-id-122.fw .wrapper.container {
  width: 100% !important;
  overflow: hidden !important;
}

body {
  overflow-x: hidden !important;
}

.page-id-122 header.type4 .fw_header {
  padding: 0px 15px 0px 15px!important;
}

footer {
  background: #ffffff !important;
  }  

header.type3 .fl, header.type4 .fl {
  margin: 17px 0 0 0;
}

header.type4 .fr {
  margin: 6px 0 0 0;
}

header.type1 .menu {
  margin-top: 70px !important;
}

.elementor-progress-text {
  font-size: 10px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}