/**************************/
/* MAX 1300 WIDTH
 *
 * Add class max_1300 to
 * the element you want
 */
div.max_1300{
  max-width: 1300px;
  margin: 0 auto;
}

/**************************/
/* GRADIENT BACKGROUND
 *
 * Add class gradient_background_right to
 * vc_row to get gradient background from right to left
 * or cass gradient_background_left to get gradient background
 * from left to right
 */
div.vc_row.gradient_background_right > div.clearfix{
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7819328414959734) 70%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7819328414959734) 70%);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7819328414959734) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
div.vc_row.gradient_background_left > div.clearfix{
	background: -moz-linear-gradient(90deg, rgba(0,0,0,0.78) 30%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.78) 30%, rgba(0,0,0,0) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,0.78) 30%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
div.vc_row.white_gradient_background_right > div.clearfix{
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7819328414959734) 70%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7819328414959734) 70%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7819328414959734) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1);
}
div.vc_row.white_gradient_background_left > div.clearfix{
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0.78) 30%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0.78) 30%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0.78) 30%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#FFFFFF",GradientType=1);
}

/**************************/
/* BOX SHADOW
 *
 * Add class box_shadow to
 * the element you want
 */
.box_shadow:not(.inner_shadow),
div.box_shadow.inner_shadow div.wpb_content_element,
div.box_shadow.inner_shadow div.owl-stage-outer{
	-webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.75);
}
.bottom_box_shadow{
	-webkit-box-shadow: 10px 0px 50px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 0px 50px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 0px 50px -10px rgba(0,0,0,0.75);
}

/**************************/
/* SAME HEIGHT BOXES
 *
 * Add class same_height_box to
 * Qode Elements Holder
 */
 div.same_height_box,
 div.same_height_box > div.q_elements_item > div.q_elements_item_inner,
 div.same_height_box > div.q_elements_item > div.q_elements_item_inner > div.q_elements_item_content,
 div.same_height_box > div.q_elements_item > div.q_elements_item_inner > div.q_elements_item_content > div.wpb_text_column,
 div.same_height_box > div.q_elements_item.full_height > div.q_elements_item_inner > div.q_elements_item_content > div.wpb_single_image,
 div.same_height_box > div.q_elements_item.full_height > div.q_elements_item_inner > div.q_elements_item_content > div.wpb_single_image > div.wpb_wrapper,
 div.same_height_box > div.q_elements_item.full_height > div.q_elements_item_inner > div.q_elements_item_content > div.wpb_single_image > div.wpb_wrapper > div.vc_single_image-wrapper,
 div.same_height_box > div.q_elements_item.full_height > div.q_elements_item_inner > div.q_elements_item_content > div.wpb_single_image > div.wpb_wrapper > div.vc_single_image-wrapper > img{
   height: 100% !important;
   object-fit: cover !important;
   box-sizing: border-box !important;
 }
/**************************/
/* ICON WITH TEXT FOR CONTACTS
 *
 * Add class icon_text_contacts to
 * anchor element
*/
.icon_text_contacts{
	display: flex;
	align-items: center;
	margin: 10px 0px 12px;
	text-align: left;
	vertical-align: middle;
}
.icon_text_contacts span.qode_icon_shortcode{
	text-align: center;
	margin-right 5px;
}
.icon_text_contacts i{
	text-align: center;
	width: 40px;
	font-size: 30px;
	line-height: 1;
}
footer div.textwidget{
	display: inline-block !important;
}
footer .icon_text_contacts{
	justify-content: center;
}
footer .icon_text_contacts i{
	color: white;
	text-align: center;
}
footer .icon_text_contacts:hover,
footer .icon_text_contacts:hover i{
	color: #333333;
}

/**************************/
/* CONTAIN BACKGROUND ALIGNMENT
 */
div.bg_align_right{
  background-position-x: 80% !important;
}
div.bg_align_left{
  background-position-x: 20% !important;
}
@media screen and (min-width: 1400px){
	div.bg_align_right{
	  background-position-x: calc(50% + 450px) !important;
	}
	div.bg_align_left{
	  background-position-x: calc(50% - 450px) !important;
	}
}