
/* #Beautiful loading
================================================== */

// html:not(.mobile-true) #main .benefits-grid-ico.animate-element img,
// html:not(.mobile-true) #main .animate-element img,
// html:not(.mobile-true) #main .wpb_revslider_element img,
// html:not(.mobile-true) .pp_content img,
// html:not(.mobile-true) #page .widget_shopping_cart_content img,
// html:not(.mobile-true) #page .grav-grav img,
// html:not(.mobile-true) #page .comment-gravatar img,
// html:not(.mobile-true) #shWrap img,
// html:not(.mobile-true) #page .royalSlider img {
// 	opacity: 1;
// }

// html:not(.mobile-true) #main .benefits-grid-ico.animate-element img,
// html:not(.mobile-true) #main .wpb_revslider_element img,
// html:not(.mobile-true) .pp_content img,
// html:not(.mobile-true) #page .widget_shopping_cart_content img,
// html:not(.mobile-true) #page .grav-grav img,
// html:not(.mobile-true) #page .comment-gravatar img,
// html:not(.mobile-true) #shWrap img,
// html:not(.mobile-true) #page .royalSlider img {
// 	-webkit-transition: none;
// 	transition:      none;
// }
/* #Basic typography
================================================== */

body.responsive-off {
	min-width: 998px;
}
body {
	overflow-x: hidden;
}

/* #Headers
================================================== */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin-bottom: 10px;
		clear: both;
	}

		h1 a,
		h2 a,
		h3 a,
		h4 a,
		h5 a,
		h6 a {
			text-decoration: none;
		}

	p {
		margin-bottom: 10px;
	}
	a {
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

/* #Lists
================================================== */
	.content ul,
	.content ol {
		margin: 0 0 10px 20px;
	}
	.fa-ul li {
		list-style: none;
	}
	.content .widget ul,
	.content .widget ol {
		margin: 0 0 0px 0px;
	}
	.content ul {
		list-style: disc outside none;
	}
	.content ol {
		list-style-type: decimal;
	}

/* #Tables
================================================== */
	.content table {
		border-bottom: 1px solid transparent;
		width: 100%;
		margin: 0 0 10px 0;
	}
		.content table caption {
			margin: 10px 0;
		}
			.content td,
			.content th {
				border-top: 1px solid transparent;
				padding: 5px 10px 5px 5px;
			}
			.content th {
				text-align: left;
			}

/* #Images
================================================== */
	img[class*="align"],
	img[class*="wp-image-"],
	img[class*="attachment-"],
	.post img,
	.post .rollover,
	.post .rollover-video:not(.ts-slide) {
		max-width: 100%;
		height: auto;
	}
	.items-grid .alignleft img,
	.recent-posts .alignleft img {
		max-width: inherit;
		height: inherit;
	}
	blockquote {
		padding: 20px 25px;
		margin: 0 0 10px 0;
	}
	.format-status-content {
		border: none;
	}
	.alignleft {
		float: left;
		margin: 0 30px 10px 0;
	}
	#footer .alignleft,
	#sidebar .alignleft {
		margin-right: 20px;
	}
	.alignright {
		float: right;
		margin: 0 0 10px 30px;
	}
	#footer .alignright,
	#sidebar .alignright {
		margin-left: 20px;
	}
	.aligncenter {
		display: block;
		margin: 0 auto 10px auto;
	}

	.alignnone {
		float: none;
		margin: 0 auto 10px auto;
	}
	.shortcode-single-image-wrap.alignnone,
	.shortcode-single-image-wrap.aligncenter {
		margin-left: auto !important;
		margin-right: auto !important;
	}

/* #Dividers & gap
================================================== */
.hr-thick,
.hr-thin,
.gap-10,
.gap-20,
.gap-30,
.gap-40,
.vc_empty_space,
.gap {
	clear: both;
}
.hr-thick {
	height: 1px;
	line-height: 1px;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	margin-bottom: 1px;
	margin: 0 auto;
}

.hr-thin {
	height: 9px;
	line-height: 9px;
	margin: 0 auto;
	&.hr-left {
		margin: 0;
	}
	&.hr-right {
		margin: 0 0 0 auto;
	}
}

.divider-heder,
.single .divider-heder,
.page .divider-heder {
	margin: 25px 0 36px 0;
}
	.layout-list .divider-heder,
	.layout-masonry .divider-heder {
		margin: 25px 0 36px 0;
	}

.divider-comments {
	margin: 0 0 35px 0;
}

.divider-post {
	margin: 10px 0 20px 0;
}
.text-centered {
	text-align: center;
}
/* Basic typography: end */


/* #Helper styles
================================================== */
.text-secondary {
	a& {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.assistive-info {
	text-align: right;
	color: #fff;
}
.wf-clearfix {
	&:before {
		content: "";
		display: table;
	}
	&:after {
		content: "";
		display: table;
		clear: both;
	}
	.ancient-ie & {
		zoom: 1;
	}
}

.wf-container,
#main-nav,
#top-bar,
.header-bottom-bar,
.layout-list .post {
	.wf-clearfix;
}

/* Helper styles: end */

/* #Basic blocks layout
================================================== */

#page {
	position: relative;
	overflow: hidden;
}

.footer-overlap #page {
	background: none;
}
#page.boxed {
	max-width: 1320px;
	margin: 0px auto;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	box-shadow:			0 0 12px rgba(0, 0, 0, 0.15);
}

	/* !Main */
	.main-gradient {
		display: none;
	}

	#main
	// .single-dt_gallery #main,
	// .single-portfolio #main,
	// .single.single-post #main,
	// .single-dt_team #main,
	// .single-product #main,
	// .single-dt_testimonials #main 
	{
		padding: 50px 0 50px 0;
	}

	/* !-Overlap header */
	.overlap #main {
		position: relative;
		z-index: 1;
	}
	// .is-webkit.overlap .main-gradient {
	// 	display: block;
	// }
	// .is-webkit.overlap #main {
	// 	-webkit-box-shadow: none;
	// 	box-shadow:			none;
	// }

	// .is-webkit.overlap .main-gradient {
	// 	position: relative;
	// 	width: 100%;
	// 	height: 66px;
	// 	margin-top: -46px;
	// 	z-index: 3;
	// }

	// .is-webkit.overlap #main > .wf-wrap {
	// 	position: relative;
	// 	top: -16px;
	// }
	// .is-webkit.overlap #main {
	// 	padding-bottom: 34px;
	// }
	// .is-webkit.overlap #main {
	// 	-webkit-box-shadow: none;
	// 	box-shadow: none;
	// }

/* Basic blocks layout: end */

/* !Stripes */

.stripe {
	/*position: relative;*/
	width: 100%;
	padding: 20px 2000px;
	margin-left: -2000px;
	overflow: hidden;
	.rtl & {
		margin-left: 0;
		margin-right: -2000px;
	}
}

.static-height {
	position: relative;
}

.stripe-parallax-bg,
.fancy-parallax-bg,
.page-title-parallax-bg {
	background-attachment: fixed !important;
	background-position-x: 50%;
	// position: relative;
	// z-index: 1;
	//   background-size: cover;
	//   background-repeat: no-repeat;
	//   background-position: 50% 50%;
}
	// .parallax {
	//   position: absolute;
	//   left: 0;
	//   height: 200%;
	//   width: 100%;
	//   z-index: -1;
	//   will-change: transform;
	// }
// [id^=jarallax] {
// 	width: 100%;
// 	height: 100%;
// 	.stripe & {
// 		width: calc(100% ~"-" 4000px);
// 	}
// }
// [id^=jarallax] > div {
// 	will-change: transform;
// }
.stripe-parallax-bg > .wf-wrap,
.fancy-parallax-bg > .wf-wrap,
.page-title-parallax-bg > .wf-wrap {
	position: relative;
}
.mobile-false .stripe-parallax-bg,
.mobile-false .fancy-parallax-bg,
.mobile-false .page-title-parallax-bg {
	opacity: 0;

	-webkit-transition: opacity 300ms ease;
	transition:      opacity 300ms ease;
}
/* !- Stripe style 4 */

@strype-4-color: #ffffff; /* It's important to keep this value in quotes */
@strype-4-color-temp: escape(~"@{strype-4-color}");
@strype-4-header-color: #ffffff;
/*@strype-4-secondary-color: @accent-bg-color;*/

@strype-4-divider-bg-color: fade(@strype-4-color, 15%); /* color of arrows and dividers */
@strype-4-divider-bg-color-ie: @strype-4-color;
@strype-4-divider-bg-color-temp: escape(~"@{strype-4-divider-bg-color}");

@strype-4-backgrounds-bg-color: @strype-4-divider-bg-color; /* color of backgrounds for meta information, blockquotes, etc. */

@strype-4-bg-color: rgba(46, 48, 49, 1); /* variable color and opacity */
@strype-4-bg-color-ie: #2e3031; /* alternative variable color for ie */
@strype-4-bg-image: ~"";
@strype-4-bg-repeat: ~"";
@strype-4-bg-attachment: ~"fixed";
@strype-4-bg-position-x: ~"center"; /* Constant */
@strype-4-bg-position-y: ~"top";
@strype-4-bg-size: cover;

/* Stripe style 4: end */

/* !- Stripe style 5 */

@strype-5-color: #333333; /* It's important to keep this value in quotes */
@strype-5-color-temp: escape(~"@{strype-5-color}");
@strype-5-header-color: #333333;
/*@strype-5-secondary-color: @accent-bg-color;*/

@strype-5-divider-bg-color: fade(@strype-5-color, 15%); /* color of arrows and dividers */
@strype-5-divider-bg-color-ie: @strype-5-color;
@strype-5-divider-bg-color-temp: escape(~"@{strype-5-divider-bg-color}");

@strype-5-backgrounds-color: @strype-5-header-color;
@strype-5-backgrounds-bg-color: @strype-5-divider-bg-color; /* color of backgrounds for meta information, blockquotes, etc. */

@strype-5-bg-color: rgba(255, 255, 255, 1); /* variable color and opacity */
@strype-5-bg-color-ie: #ffffff; /* alternative variable color for ie */
@strype-5-bg-image: ~"";
@strype-5-bg-repeat: ~"";
@strype-5-bg-attachment: ~"fixed";
@strype-5-bg-position-x: ~"center"; /* Constant */
@strype-5-bg-position-y: ~"top";
@strype-5-bg-size: cover;

/* Stripe style 5: end */

.stripe-style-4 {
	background-color: @strype-4-bg-color;
	background-repeat: @strype-4-bg-repeat;
	background-attachment: @strype-4-bg-attachment;
	background-position: @strype-4-bg-position-x @strype-4-bg-position-y;
	background-size: @strype-4-bg-size;
}

	.stripe-style-4 *,
	.stripe-style-4 a {
		color: @strype-4-color;
	}
	.stripe-style-4 .gw-go * {
		color:inherit;
	}

.stripe-style-5 {
	background-color: @strype-5-bg-color;
	background-repeat: @strype-5-bg-repeat;
	background-attachment: @strype-5-bg-attachment;
	background-position: @strype-5-bg-position-x @strype-4-bg-position-y;
	background-size: @strype-5-bg-size;
}

	.stripe-style-5 *,
	.stripe-style-5 a {
		color: @strype-5-color;
	}
/*!-Video background*/
embed,
iframe,
object,
video {
	max-width: 100%;
}

.stripe.stripe-video-bg {
	position: relative;
}
	.stripe.stripe-video-bg .wf-container {
		position: relative;
	}
		// .stripe.stripe-video-bg > video {
		// 	position: absolute;
		// 	top: 0;
		// 	left: 0;
		// 	width: auto;
		// 	height: auto;
		// 	min-width: 100%;
		// 	min-height: 100%;
		// }
		// .no-mobile .stripe.stripe-video-bg > video {
		// 	display: block;
		// }
		// .stripe.stripe-video-bg > video {
		// 	display: none;
		// }


		  .stripe-video-bg > video {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		  }
		  /* 1. No object-fit support: */
		  @media (min-aspect-ratio: 16/9) {
		    .stripe-video-bg > video { height: 300%; top: -100%; }
		  }
		  @media (max-aspect-ratio: 16/9) {
		    .stripe-video-bg > video { width: 300%; left: -100%; }
		  }
		  /* 2. If supporting object-fit, overriding (1): */
		  @supports (object-fit: cover) {
		   .stripe-video-bg > video {
		      top: 0; left: 0;
		      width: 100%; height: 100%;
		      object-fit: cover;
		    }
		  }

/*Video background:end*/

/*!-Parallax background for device*/
.mobile-true .stripe,
.mobile-true .fancy-parallax-bg,
.mobile-true .page-title-parallax-bg {
	background-attachment: scroll !important;
	background-size: auto !important;
}
.mobile-true .stripe-parallax-bg {
	background-size: auto !important;
}

/*Stripe background for device:end*/

/*!-Row settings->Full-width content*/
.full-width-wrap {
	position: relative;
	display: block;
	opacity: 0;
	// #page:not(.boxed) & {
	// 	width: 100vw;
	// 	left: 50%;
	// 	margin-left: -50vw;
	// }
	// // -webkit-transform: translateX(-50vw);
	// // transform: translateX(-50vw);
	// .rtl #page:not(.boxed) & {
	// 	left: auto;
	// 	right: 50%;
	// 	margin-left: 0;
	// 	margin-right: -50vw;
	// }
	 // margin-left: -50vw;
	 // left: 50%;
	-webkit-transition: opacity 400ms ease;
	transition:      opacity 400ms ease;
}
.is-iphone .full-width-wrap {
	opacity: 1;
}
.full-width-wrap > .wf-cell,
.full-width-wrap > .wpb_column,
.content .vc_row.full-width-wrap > .wpb_column,
.full-width-wrap > .wpb_column > .vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}

/*!-WP Audio*/
.mejs-controls .mejs-play:hover button {
	background-position:0 0;
}
.mejs-controls .mejs-pause button,
.mejs-controls .mejs-pause:hover button {
	background-position:0 -16px;
}
.mejs-controls button {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.mejs-controls .mejs-mute button:hover {
	background-position:-16px -16px;
}
.mejs-controls .mejs-unmute button:hover {
	background-position:-16px 0;
}
/*WP Audio:end*/

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
#page .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    color: #21759b;
    display: block;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: none;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em;
}

/**/
article.attachment:after,
article.attachment:before {
	content: "";
	display: table;
	clear: both;
}
