/*
	
	Theme Name: Loop Me
	Author: Creative Brand Design
	Version: 1.0
	License: GNU General Public License v2 or later
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
	
	# Misc
		## Font
		## Buttons
	# Header
		## Main menu
	# Footer 
		## Main Footer
	# Home
		## Proven Success
	# News Page
	# Product
	# Responsive
	
*/

/*.bubbles-section .nextSectionArrow img,
#purchase_loop_arrow img,
#ai_power_arrow img,
#proven_success_home_down img,*/
#mob_menu_overlay{
	display:none; 
}

/* ##### Font #####*/
	h1 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 34px);
		line-height: var(--spacing, 40px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-top: 0;
	}

	h2 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 28px);
		line-height: var(--spacing, 34px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0.14em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-top: 0;
	}

	h3 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 26px);
		line-height: var(--spacing, 30px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-top: 0;
	}

	h4 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 18px);
		line-height: var(--spacing, 22px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0.1em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-top: 0;
	}

	h5 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 18px);
		line-height: var(--spacing, 26px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0.02em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-top: 0;
	}

	h6 {
		font-family: 'Roboto', sans-serif;
		font-size: var(--size, 22px);
		line-height: var(--spacing, 32px);
		font-weight: var(--weight, 400);
		letter-spacing: var(--tracking, 0.02em);
		text-transform: var(--case, inherit);
		color: var(--color, #3b3b3b);
		margin-bottom: 0;
	}

	p,
	li,
	a,
	div,
	span {
		font-family: 'Roboto', sans-serif;
		font-weight: var(--weight, 400);
		font-size: var(--size, 16px);
		color: var(--color, #3b3b3b);
		line-height: var(--spacing, 20px);
		letter-spacing: var(--tracking, 0.02em);
		text-transform: var(--case, inherit);
	    text-decoration: none;
	}

	h2 sup {
		font-size: 18px;
		font-weight: 400;
		vertical-align: top;
		letter-spacing: 0.02em;
	}

	h5 sup {
		font-size: 10px;
	}
/* ##### End Font #####*/


/* CUSTOM TYPOGRAPHY CLASSES */
	.size16 {
		--size: 16px;
		--spacing: 24px;
		--tracking: 0.02em;
	}
	.size18 {
		--size: 18px;
		--spacing: 26px;
		--tracking: 0.02em;
	}
	.size20 {
		--size: 20px;
		--spacing: 24px;
		--tracking: 0.02em;
	}
	.size22 {
		--size: 22px;
		--spacing: 26px;
		--tracking: 0.02em;
	}
	.size24 {
		--size: 24px;
		--spacing: 32px;
		--tracking: 0.04em;
	}
	.size28 {
		--size: 28px;
		--spacing: 34px;
		--tracking: 0.14em;
	}
	.size32 {
		--size: 32px;
		--spacing: 42px;
		--tracking: 0.04em;
	}
	.size34 {
		--size: 34px;
		--spacing: 40px;
		--tracking: 0.04em;
	}
	.size28 sup {
		font-size: 16px;
		letter-spacing: 0.02em;
	}

	.nospace {
		--tracking: 0em;
	}
	.space40 {
		--tracking: 0.04em;
	}
	.space100 {
		--tracking: 0.1em;
	}
	.spaced {
		--tracking: 0.14em;
	}

	.lower {
		--case: lowercase;
	}
	.title {
		--case: capitalize;
	}
	.upper {
		--case: uppercase;
	}

	.light {
		--weight: 300;
	}
	.light strong {
		font-weight: 400;
	}
	.regular {
		--weight: 400;
	}
	.regular strong {
		font-weight: 500;
	}
	.bold {
		--weight: 500;
	}
	.bold strong {
		font-weight: 600;
	}
	.heavy {
		--weight: 600;
	}
	.heavy strong {
		font-weight: 700;
	}

	.black {
		--color: #000;
	}
	.dark {
		--color: #252525;
	}
	.grey {
		--color: #3b3b3b;
	}
	.red {
		--color: #ed1d24;
	}
	.white {
		--color: #ffffff;
	}

	.left {
		text-align: left;
		max-width: 780px;
	}
	.center {
		text-align: center;
		max-width: 768px;
		margin: 0 auto;
	}
	.right {
		text-align: right;
	}
/* End Custom Type */

/* ##### Misc ##### */
.clear {
	clear: both;
}

#main {
	max-width: 1100px;
	margin: 0 auto;
}

#main.singlePostContainer {
	padding: 120px 0;
	max-width: 900px;
}

.at-branding-logo.at-expanded-menu-branding {
	display: none !important;
}

.at-expanding-share-button-toggle-bg span {
	background-image: none !important;
}
.at-expanding-share-button-toggle-bg span::after {
	content: '\f1e0';
	font-weight: 700;
	font-size: 26px;
	color: #fff;
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


html,
body {
	padding: 0;
	margin: 0;
	position: relative;
}

body {
	border-top: 5px solid #ed1d24;
	overflow-x: hidden;
}

.redbox > .wpb_wrapper span {
	background-color: rgba(237, 29, 36, 0.9);
	padding: 10px 20px;
	color: #fff;
	box-shadow: 10px 0 0 rgba(237, 29, 36, 0.9), -10px 0 0 rgba(237, 29, 36, 0.9);
}

#home_page_video .redbox > .wpb_wrapper span {
	padding: 8px 20px;
}

.whitebox > .wpb_wrapper span {
	background-color: #fff;
	padding: 10px 0px;
	color: #ed1d24;
	box-shadow: 10px 0 0 #fff, -10px 0 0 #fff;
}

.slim > .wpb_wrapper span {
	padding: 5px 0px;
}

.stick > .wpb_wrapper span {
	padding: 3px 10px;
}

.redbox p,
.whitebox p {
	margin: 0 auto;
}

body .fixed-bg {
	background-attachment: fixed !important;
	-webkit-backface-visibility: hidden;
}

body .top-bg {
	background-position: top center !important;
}

.fa-equal:before {
	content: '=';
	font-size: 90px;
	color: #fff;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	position: absolute;
	top: 30px;
	right: 16px;
	line-height: 0;
}

.fixed .fa-equal:before {
	color: #3b3b3b;
	top: 23px;
}

#fullscreen_row_container_800 {
	float: none !important;
	max-width: 800px;
	margin: 0 auto !important;
}

#fullscreen_row_container_1400 {
	float: none !important;
	max-width: 1400px;
	margin: 0 auto !important;
}

.red_white_learn_more_btn .vc_btn3 {
	border: 1px solid #fff !important;
	text-transform: uppercase !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	padding: 15px 35px !important;
	border-radius: 6px !important;
}

.red_white_learn_more_btn .vc_btn3:hover {
	background-color: #ffffff !important;
	background-image: none !important;
	color: #b0131b !important;
}

.proven_success_button {
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	cursor: pointer;
	border: 1px solid #fff;
	padding: 10px 25px !important;
	border-radius: 6px;
	transition: all 0.3s;
	text-transform: uppercase;
	text-decoration: none;
}

.proven_success_button:hover {
	background-color: #fff;
	color: #333;
	text-shadow: none !important;
}

.proven_success_button:hover .fa-chevron-right{
	text-shadow: none !important;
}

.proven_success_button .fa-chevron-right {
	margin-left: 10px;
}

.wpb_revslider_element {
	margin-bottom: 0px !important;
}

#main li {
    margin-bottom: 10px;
    padding-left: 10px;
}

#partner_roller img{
	width: auto !important;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
#partner_roller .item{
	text-align: center;
	padding: 0 20px;
}
#partner_roller{
	margin-bottom: 35px;
}

/* #### Buttons #### */

.whiteButton {
	background-color: transparent;
	border: none;
	font-family: 'Roboto', sans-serif;
	color: white;
	font: none;
	-moz-appearance: none;
	padding: 0;
}

.whiteButton a {
	color: white;
	border: 2px solid white;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 400;
	padding: 10px 20px;
	background-color: transparent;
	text-decoration: none;
}

.red a{

}

.pdf-links a {
    text-decoration: none !important;
}

.pdf-links a {
    text-decoration: none !important;
	color: rgba(237, 29, 36);
}

/* #### End Buttons #### */

/* ##### End Misc ##### */

/* ##### Header ##### */

#main_menu {
	display: block;
}
#mobile_menu {
	display: none;
}

header {
	position: fixed;
	z-index: 1000000;
	left: 0;
	top: 0px;
	width: 100%;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#header_container {
	padding-top: 0px;
}

.admin-bar header {
	top: calc(10px + 32px - 5px);
}

.admin-bar header.fixed {
	top: 0;
}

#header_logo {
	float: left;
	padding-left: 80px;
	margin-top: 8px;
}

#main_menu {
	margin-right: 80px;
	float: right;
}

#mobile_menu {
	float: right;
}

.home #header_logo {
	display: none;
}

.home #row4{
	overflow: hidden;
}

.home #row3 .vc_row{
	margin-left: 0;
	margin-right: 0;
}

#header_logo img {
	height: 53px;
	width: auto;
	padding-top:8px

}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
	border-top: 5px solid #ed1d24;
	height: 77px;
}

/* ##### Main Menu ##### */
#menu-main-menu{
    margin:25px 0
}
.fixed #menu-main-menu{
    margin:14px 0
}
.fixed #main_menu {
	margin-top: 11px;
}

.fixed #main_menu .menu-item a {
	color: #0d141d;
}

.fixed #header_logo {
	display: block;
	margin-top: 0;
	height: 77px;
}

.fixed #header_logo img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.menu-item a {
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s;
	font-size: 16px;
	position: relative;
	display: inline-block;
	opacity:0.8;
}
.menu-item a:hover {
	/*opacity: 0.6;*/
}

.menu-item {
	display: inline-block;
	list-style: none;
	margin-left: 55px;

}

.sub-menu {
	display: none;
	-webkit-box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 4px 4px -4px rgba(0,0,0,0.45);
	padding: 0;
	padding-top: 32px;
	position: absolute;
}

.sub-menu .menu-item {
	display: block;
	margin: 0;
	padding: 16px 20px;
	text-align: center;
	transition: 0.2s all;
	background: rgba(255,255,255,0.9);
}

.sub-menu a {
	color: #0d141d;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.04em;
	transition: 0.2s all;
}

.sub-menu .menu-item:hover {
	background: rgba(237,29,36,0.9);
}

.sub-menu .menu-item:hover a {
	color: #fff;
}

.sub-menu .current_page_item {
	background: rgba(237,29,36,0.9);
}

.sub-menu .current_page_item a {
	color: #fff !important;
}

/*.menu-item-has-children > a::after {
	content: '+';
	position: absolute;
	right: -20px;
	font-size: 26px;
	font-weight: 300;
	top: 0px;
}

.menu-item-has-children:hover > a::after {
	content: '-';
}*/

.menu-item-has-children .far {
	font-size: 16px;
	margin-top: 2px;
	margin-left: 5px;
}


/* Shimmer effect on hover */

.home:not(.fp-viewing-section0) header{
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.home:not(.fp-viewing-section0) header #main_menu .menu-item a{
	color:#0d141d;
}

.home header #header_logo img:not(.red_home_logo){
	display:none !important;
}

.home:not(.fp-viewing-section0) header #header_logo,
.home:not(.fp-viewing-section0) header #header_logo .red_home_logo{
	display:block;
}
.home:not(.fp-viewing-section0) header #header_container{
	padding-top:0px;
}

/* effect-shine */
.menu-item a:hover {
  /* -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 1.5s; */
  color:#fff;
  opacity: 1 !important;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


/* ##### End Main Menu ##### */

/* ##### End Header ##### */

/* ##### Footer ##### */
	/* ##### Main Footer ##### */

		#main_footer {
			background-color: #171717;
			padding: 70px 0;
		}

		#main_footer_container {
			max-width: 1360px;
			margin: 0 auto;
		}

		#main_footer_container h4 {
			color: #fff;
			margin-bottom: 20px;
			font-size: 18px !important;
			letter-spacing: 0.1em !important;
			text-transform: uppercase;
		}

		#main_footer_container p {
			font-size: 13px;
			margin-bottom: 20px;
			color: #acacac;
			margin-top: 0px;
			text-align: left;
			line-height: 21px;
		}

		.footer_col {
			float: left;
		}

		#footer_col_left,
		#footer_col_right {
			width: 322px;
		}

		#footer_col_center {
			width: calc(100% - 322px - 322px - 60px);
			padding: 0 30px;
		}

		/* ##### Footer Locations ##### */

		.footer_location_title_text p,
		.footer_location_title_arrow .far {
			color: #fff;
			margin: 0;
			transition: all 0.3s;
			transform: rotate(0deg);
			text-transform: uppercase;
		}

		.footer_location_title_text p {
			font-size: 14px !important;
			font-weight: 400;
			color: #ffffff !important;
			margin-bottom: 0 !important;
		}

		.footer_location_title_text {
			float: left;
		}

		.footer_location_title_arrow {
			float: right;
		}

		.footer_location_title {
			padding-bottom: 13px;
			cursor: pointer;
			margin-bottom: 13px;
			border-bottom: 1px solid #2f2f2f;
		}

		.footer_location_content {
			display: none;
		}

		div.routate180.footer_location_title_arrow .far {
			transition: all 0.3s;
			transform: rotate(180deg);
		}

		.locationFooterContainer {
			float: left;
			width: calc(50% - 15px);
		}

		.locationFooterContainer:first-of-type {
			margin-right: 15px;
		}

		.locationFooterContainer:last-child {
			margin-left: 15px;
		}

		.footer_col_center::after {
			content: '';
			clear: both;
		}

		/* ##### End Footer Locations ##### */

		.footer_col .particles-button {
			cursor: pointer;
			margin: 0 auto 20px;
			border-radius: 5px;
			padding: 10px 20px;
		}

		.footer_col .particles-button a {
			font-size: 14px !important;
			color: #fff;
			letter-spacing: 0.05em !important;
			font-weight: 400 !important;
		}

		.footer_col .particles-button:hover a {
			color: #171717;
		}

		/*.footer_col button:hover {
			background-color: #fff;
			color: #333;
		}*/

		.footer_col button .far {
			margin-left: 15px;
		}

		.social [class*="fab fa-"] {
			background-color: #acacac;
			border-radius: 30px;
			color: #171717;
			display: inline-block;
			height: 40px;
			line-height: 40px;
			margin: auto 9px;
			width: 40px;
			font-size: 22px;
			text-align: center;
			text-decoration: none;
			transition: 0.2s all;
		}

		.social [class*="fab fa-"]:first-child {
			margin-left: 0 !important;
		}

		.social [class*="fab fa-"]:hover {
			background: rgba(172,172,172,0.2);
			color: #fff;
		}

	/* ##### End Main Footer ##### */
	/* ##### Copyright ##### */
		#copyright {
			padding: 20px 0;
			background-color: #121212;
		}

		#copyright_container {
			max-width: 1360px;
			margin: 0 auto;
		}

		#copyright_container .menu-item {
			margin: 0 15px;
			opacity: 0.8;
		}

		#copyright_container .menu-item,
		#copyright_container .menu-item a {
			font-size: 13px;
			font-weight: 400;
			color: rgba(255, 255, 255, 0.3);
			text-transform: capitalize;
		}

		#copyright_container .menu-item a {
			opacity: 1;
		}

		#menu-copyright-bar {
			padding: 0;
			text-align: center;
			margin: 0;
		}
	/* ##### End Copyright ##### */
/* ##### End Footer ##### */

/* ##### Home ##### */
	#purchase_loop_arrow,
	#ai_power_arrow{
		position: absolute;
		left: 50%;
		bottom:40px;
		transform: translateX(-50%);
		cursor: pointer;
		width: auto;
		height: auto;
	}
	#ai_power_arrow{
		bottom: 25px;
	}
	/* .aiUseringP{
		position: absolute;
		left: 50%;
		top: calc(50% + (540px / 2));
		transform: translateX(-50%);
		text-align: center;
		max-width: 700px;
		width: 100%;
		z-index: 10;
	}
	.nextSectionArrow{
		position: absolute;
		left: 50%;
		top:calc(50% (540px / 2) + 60px);
		bottom: 40px;
		font-size: 32px;
		border-width: 2px;
		border-radius: 100%;
		border-style: solid;
		width: 36px;
		height: 36px;
		text-align: center;
		line-height: 36px;
		cursor: pointer;
		transform: translateX(-50%);
		text-align: center;
	}
	.nextSectionArrow i{
		position: absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	#row2 .nextSectionArrow{
		bottom:auto;
		top:calc(50% + (540px / 2) + 80px);
	}
	.nextSectionArrow.light_bg{
		color:#ec232e;
		border-color:#ec232e
	}
	.nextSectionArrowLink{
		text-align: center;
		color: #ec232e;
		line-height: 36px;
		font-size:32px;
	} */
	/* ##### Proven Success ##### */
		#proven_success_inner_container {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
		}

		.proven_success_single_container {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		.proven_success_bg {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 100%;
			height: 100%;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
		}
		#proven_success_home_down{
			cursor: pointer;
			left: 50%;
			bottom: 50px;
			transform: translateX(-50%);
			position: absolute;
			z-index: 100;
		}
		.proven_success_content {
			position: absolute;
			left: 50%;
			width: calc(100% - 300px);
			z-index: 2;
			max-width: 960px;
			top: 50%;
			transform: translate(-50%, -50%);
		}
		
		.home_slider_content{
			display: none;
		}

		.home_slider_content p{
			color: #fff !important;
			margin-top:40px;
		}

		.home_slider_content p span{
			color: #fff !important;
		}

		.proven__success_content_left,
		.proven__success_content_right {
			float: left;
			width: 50%;
		}

		.proven__success_content_left *{
			text-shadow: 0 0 10px rgba(0,0,0,1);
		}

		.proven__success_content_left h2,
		.proven__success_content_left h2 *{
			text-shadow: none;
		}

		.proven__success_content_left h1{
			font-size:22px;
		}
		.proven_success_content .red_text-bg {
			padding: 5px 10px;
			background-color: rgba(237,29,36,0.8);
			color:#fff;
			text-transform: uppercase;
			font-size:22px;
			font-weight: 400;
		}

		

		#mockup_container_proven {
			position: relative;
			text-align: right;
		}

		#percentage_increase {
			position: absolute;
			right: -70px;
			top: -70px;
			z-index: 10;
			width: 140px;
			text-align: center;
			color: #fff;
			height: 140px;
			border-radius: 100%;
			background-image:url(https://loopme.com/wp-content/uploads/2018/07/red-circle-img.png);
			background-color: rgba(221, 35, 48, 0.95);
			filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.4));
			background-blend-mode: overlay;
		}

		#percentage_increase_inner p {
			font-size: 25px;
			font-weight: 500;
			margin: 5px 0 0;
			color: #fff;
		}

		#percentage_increase_inner {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}

		.proven_award_won {
			color: #fff;
			font-size: 22px;
			margin-bottom: 30px;
			text-decoration: underline;
			margin-top: 0;
			font-weight: 400;
		}

		.proven_success_single_container#proven_success_1 {
			display: block;
		}

		.proven_success_single_container {
			display: none;
		}

		#proven_success_pageable {
			position: absolute;
			z-index: 100;
			right: 200px;
			;
			top: 50%;
			transform: translate(0, -50%);
		}

		.pageable_option {
			height: 10px;
			width: 10px;
			cursor: pointer;
			transition: all 0.3s;
			margin-bottom: 5px;
			border-radius: 100%;
			border: 2px solid #fff;
		}

		.pageable_option:hover,
		.active_option.pageable_option {
			background-color: #ed1d24;
			border-color: #ed1d24;
		}

		.active_proven_success {
			z-index: 50;
		}
	/* ##### End Proven Success ##### */
	#home_page_video {
		position: relative;
		min-width:100vw !important;
		height: calc(100vh - 70px) !important;
		z-index: 1;
		margin:0;
		padding:0;
	}
	#home_page_slider_vid{
		overflow: hidden;
	}
	#home_page_video video {
		position: absolute;
		z-index: 0;
	/*	background: url(mel.jpg) no-repeat;*/
		background-size: 100% 100%;
		top: 0px;
		left: 0px;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
	}
	#home_page_slider_overlay{
		position: absolute;
		left: 50%;
		top: 50%;
		opacity: 0;
		text-align: center;
		z-index: 2;
		transform: translate(-50%, -50%);
	}
	#home_page_slider_overlay .fal{
		margin-left: 20px;
		cursor: pointer;
	}
	#home_page_slider_overlay h2{
		margin-top:30px;
	}
	#down_arrow_home_slider{
		position: absolute;
		z-index: 3;
		bottom: 70px;
		left: 50%;
		cursor: pointer;
		transform: translateX(-50%);
	}
	#row2 #down_arrow_home_slider {
		bottom: -70px;
	}
	#home-video-splash{
		display: none;
	}
	.proven_mock_up{
		max-height: 550px;
	}
/* ##### End Home ##### */

/* ##### About Page ##### */
	.staff_arrow_left{
		position: absolute;
		top:50%;
		right:calc(100% + 20px);
		transform: translateY(-50%);
		z-index: 90;
	}
	.staff_arrow_right{
		position: absolute;
		top:50%;
		left:calc(100% + 20px);
		transform: translateY(-50%);
		z-index: 90;
	}
	.staff_arrow_left .fas,
	.staff_arrow_right .fas{
		font-weight: 200;
	}
	.staff_arrow_right,
	.staff_arrow_left{
		font-size: 26px;
		color: #ec232e;
		cursor: pointer;
		border: 1px solid #ec232e;
		border-radius: 100%;
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
	}
	
	.staffAboutTitle{
		text-align: center;
		margin-bottom: 40px;
	}
	.staffAboutTitle h2{
		text-transform: uppercase;
		font-size:22px;
		margin-bottom: 15px;
	}
	.staffAboutContainer{
		position: relative;
	}
	.staffAboutContainer p {
		font-weight: 300;
	}
	.staffSingle {
		min-height: 360px;
	}
	.staffSingle .staffSingleImage{
		width:100%;
		height:240px;
		background-size:cover;
		overflow: hidden;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
	}
	.staffSingleName{
		margin:20px 0 10px;
		font-size:22px;
		color:#3b3b3b;
		text-transform: capitalize;
	}
	.staffSingleRole{
		font-size:18px;
		margin:0;
		color:#ec232e;
	}
	.staffContent{
		position: absolute;
		display: none !important;
		left: 0;
		top: 100%;
		opacity: 0.8;
		width:calc(100% - 20px);
		background-image: url(https://loopme.com/wp-content/uploads/2018/06/Untitled-2.png);
		background-size:cover;
		transition: all 0.3s;
		background-repeat: no-repeat;
		background-position: center;
		color: #fff;
		padding:10px;
		height:calc(100% - 20px);
	}
	.staffContent p{
		color:#fff;
		font-size:12px;
		position: absolute;
		top:50%;
		left:50%;
		width:calc(100% - 40px);
		transform: translate(-50%,-50%);
	}
	.staffSingle .staffSingleImage:hover .staffContent{
		top: 0%;
	}
	#staffInnerOutter{
		position: relative;
	}
	.staffInnerSection{
		position: relative;
		left: 0;
		width:100%;
		height:100%;
		top: 0;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-column-gap: 25px;
		grid-row-gap: 40px;
		margin-bottom: 80px;
	}
/* ##### End About Page ##### */

/* ##### News ##### */

#pageTitleBar {
	width: 100%;
	height: 620px;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}

#pageTitleBarContent {
	position: absolute;
	left: 50%;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
}

#pageTitleBarTitle {
	display: inline-block;
	padding: 4px 25px;
	background: rgba(237, 29, 36, 0.0);
	mix-blend-mode: hard-light;
	transition: 3.4s all;
}

#pageTitleBarTitle h1 {
	margin: 0;
	overflow: hidden;
	font-weight: 600;
	/* Needs to be important as someone has set this fontsize on all pages so this way we can overright that style */
	font-size:22px !important;
}
#pageTitleBarTitle h1 span{
	font-size:22px !important;
	line-height:40px !important;
	font-weight: 600;
}

#pageTitleBarPara {
	margin-top: 20px;
	max-width: 700px;
	opacity: 0;
	transform:translate3d(0, 20px, 0);
	transition: 0.4s all;
}

#pageTitleBarPara h2 {
	margin: 0 auto;
}

.newsCustomRow {
	padding: 80px 0;
}

.newsCustomRow h2 {
	text-align: center;
	color: #ed1d24;
	margin: 0 0 50px;
	font-weight: 400;
}

.newCustomRowContainer {
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
}

.newsReadMoreBtn,
.btn-red a {
	color: #ed1d24 !important;
	border: 2px solid #ed1d24 !important;
	border-radius: 6px !important;
	background-color: transparent !important;
	cursor: pointer !important;
	background-image: none !important;
	transition: all 0.3s !important;
	text-transform: uppercase !important;
	font-size: 22px !important;
	padding: 10px 30px !important;
	font-weight: 300 !important;
}

.newsReadMoreBtn:hover,
.btn-red a:hover {
	background-color: #ed1d24 !important;
	color: #fff !important;
}

.newsRowPosts {
	text-align: center;
	max-width: 1350px;
	margin: 0 auto;
}

.newsReadMore{
	margin-top:40px;
	text-align: center;
}

.newsReadMore button{
	color: #ed1d24 !important;
	border: 2px solid #ed1d24 !important;
	border-radius: 6px !important;
	background-color: transparent !important;
	cursor: pointer !important;
	background-image: none !important;
	transition: all 0.3s !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
	padding: 15px 35px !important;
	font-weight: 300 !important;
	letter-spacing: 1px !important;
    width: auto  !important;
    margin:0 auto !important;
}
.newsReadMore button i {
	margin-left: 20px;
}

.newsReadMore button:hover{
	background-color: #ed1d24 !important;
	color: #fff !important;
}

.newsPost {
	display: inline-block;
	width: calc(33.33333% - 20px - 5px);
	margin: 0 10px;
	transition: all 0.3s;
	cursor: pointer;
	vertical-align: top;
}

.showNewsBlock.newsPost{
	display: inline-block !important;
}

#singlePostContent{
	margin-top:60px;
	margin-bottom: 40px;
}

.newsPost:hover .newsPostOverlay {
	top: 0;
	background-color: rgba(237, 29, 36, 0.9);
}

.newsPostContainer {
	overflow: hidden;
	height: 272px;
	background-image: url(https://loopme.com/wp-content/uploads/2018/05/home_running.jpg);
	position: relative;
	background-size: cover;
	background-position: center center;
}

.newsPostOverlay {
	position: absolute;
	left: 0;
	top: calc(100% - 52px);
	text-align: left;
	transition: all 0.3s;
	height: 100%;
	background-color: rgba(32, 32, 32, 0.9);
	width: 100%;
}

.newsPostOverlay > .far {
	position: absolute;
	right: 16px;
	top: 16px;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.02em;
	color: #fff;
	transition: 0.3s all;
}

.newsPost:hover .newsPostOverlay > .far {
	opacity: 0;
}

.newsRowPosts {
	padding: 30px 0;
}

.newsPostTitle {
	position: absolute;
	left: 16px;
	top: 16px;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.02em;
	color: #fff;
	width: 70%;
	transition: 0.2s all;
}

.newsPostTitle p {
	color: white;
	margin-top: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	width: 100%;
	overflow: hidden;
	transition: 0.2s all;
}

.newsPost:hover .newsPostTitle {
	width: auto;
}

.newsPost:hover .newsPostTitle p {
	white-space: normal;
	text-overflow: inherit;
	overflow: auto;
}

.newsPostReadMore {
	position: absolute;
	left: 16px;
	bottom: 16px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
}

.newsPostReadMore > .far {
	margin-left: 10px;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 0.02em;
	color: #fff;
}

.newsPostExcerpt {
	padding: 0 10px;
}

.newsPostExcerpt p {
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #3b3b3b;
}

#newsPageContent {
	max-width: 1400px;
	margin: 0 auto;
}

/* ##### Single Post ##### */

.single #pageTitleBar {
	background-position: center center !important;
	max-height: 108px;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: overlay;
}

.single #pageTitleBarContent {
	display: none;
}

.singlePostType {
	text-align: center;
}

.singlePostType p {
	display: inline-block;
	background-color: #ff1b0f;
	color: #fff;
	font-size: 22px;
	letter-spacing: 0.04em;
	font-weight: 400;
	line-height: 22px;
	padding: 7px 10px;
	margin-bottom: 20px;
}

.singlePostTitle {
	text-align: center;
	max-width: 660px;
	margin: 0 auto;
}

.singlePostTitle h1 {
	font-size: 22px;
	text-transform: uppercase;
	color: #1f1f1f;
	line-height: 32px;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
}

.singlePostTitle p {
	font-size: 16px;
	margin: 0;
}

.singlePostImage {
	margin: 40px 0;
	text-align: center;
}

.singlePostImage img {
	max-height: 500px;
	width: auto;
	max-width: 100%;
}

#singleLinksLeft,
.shareLinkSingle {
	float: left;
}

#singleLinksRight {
	float: right;
}

.shareLinkSingle {
	border: 2px solid #d5d5d5;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s;
	padding: 7px 10px;
}

.newsRowPosts .newsPost:nth-child(1n + 4){
	display: none;
}

.shareLinkSingle:hover {
	background-color: #d5d5d5;
}

.shareLinkSingle:hover p {
	color: #fff;
}

.shareLinkSingle p {
	text-transform: uppercase;
	color: #808080;
	transition: all 0.3s;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
}

#singleLinksLeft .shareLinkSingle {
	margin-right: 10px;
}

#singleLinksRight .shareLinkSingle {
	margin-left: 10px;
}

#singleShareLinksMobile {
	padding: 0 4% 6% !important;
}

#singleShareLinksMobile .fa-facebook-f {
	background-color: #3b5998;
	border-radius: 48px;
	color: #fff;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	margin: auto 3px;
	width: 48px;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
}
#singleShareLinksMobile .fa-twitter {
	background-color: #4099ff;
	border-radius: 48px;
	color: #fff;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	margin: auto 3px;
	width: 48px;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
}
#singleShareLinksMobile .fa-share-alt {
	background-color: #949393;
	border-radius: 48px;
	color: #fff;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	margin: auto 3px;
	width: 48px;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
}
#singleShareLinksMobile .fa-bars {
	background-color: #949393;
	border-radius: 48px;
	color: #fff;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	margin: auto 3px;
	width: 48px;
	font-size: 26px;
	text-align: center;
	text-decoration: none;
}

/* ##### End Signle Post ##### */

/* ##### End News ##### */

/* ##### Format Gallery ##### */

body .format-toggles .vc_tta-panel:not(.vc_active) .vc_tta-title-text {
	transition: 0.3s all;
	border-bottom: 3px solid white;
	
}

body .format-toggles .vc_tta-panel:not(.vc_active):hover .vc_tta-title-text {
	border-bottom: 3px solid rgba(237,29,36,0.9);
}

body .format-toggles .vc_tta-panel-heading {
	background-color: transparent !important;
}

body .format-toggles .vc_active .vc_tta-title-text {
	background: rgba(237,29,36,0.8);
	color: white;
	padding: 6px 8px;
	font-size: 22px;
	mix-blend-mode: hard-light;
}

body .format-toggles .vc_tta-panel-title a {
	padding-left: 0 !important;
}

body .format-toggles .vc_tta-panel-body {
	background: #e9e9e9 !important;
}

body .format-toggles .vc_tta-panel-body p {
	color: #3b3b3b !important;
	font-weight: 300;
	margin-top: 0;
	line-height: 24px;
}

.device .portrait img {
	margin: 0 auto;
	width: auto;
	height: 500px;
}

.device .gambit_mock_content {
	font-size: 0;
}

.device .portrait .gambit_mock_content {
	top: 11.556%;
	left: 6.605%;
	right: 7.173%;
	bottom: 13.8626339%;
	width: 217.2px;
	height: 382.4px;
	margin: 0 auto;
}


.gambit_mock_iphone_6plus.landscape .gambit_mock_content{
    left: 11.3% !important;
    top:6.2% !important;
    height:87.121% !important;
    width:77.4% !important
}

.gifplayer-wrapper {
	width: 100% !important;
	height: 100% !important;
}
.gp-gif-element {
	height: 100% !important;
	width: 100% !important;
}
ins.play-gif {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	top: 50% !important;
	transform: translateY(-50%);
	background: rgba(34,34,34,0.6);
	transition: 0.2s all;
}

/*Bubbles*/

	.typo-text {
		max-width: 300px;
	}

	.bubbles_center_content{
		max-width: 580px;
		text-align: center;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50% , -50%);
	}

	.bubbles-section img:not(.typo-text){
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50% , -50%);
	}

	.bubbles-section img.big1{
		top: calc( 50% - 30px);
		left: calc( 50% - 350px);
	}

	.bubbles-section img.big2{
		top: calc( 50% - 75px);
		left: calc( 50% + 350px);
	}
	
	.bubbles-section img.small1{
		left: calc( 50% - 370px);
    	top: calc( 50% - 195px);
	}

	.bubbles-section img.small2{
		left: calc( 50% + 500px);
    	top: calc( 50% - 165px);
	}

	.bubbles-section img.grey85{
		top: calc( 50% - 164px);
		left: calc( 50% - 530px);
	}

	.bubbles-section img.grey72{
		top: calc( 50% + 35px);
		left: calc( 50% + 470px);
	}

	.bubbles-section img.red54{
		top: calc( 50% + 100px);
		left: calc( 50% - 275px);
	}

	.bubbles-section img.grey47{
		left: calc( 50% + 330px);
		top: calc( 50% - 250px);
	}

	.bubbles-section img.red45{
	    top: calc( 50% + 70px);
    	left: calc( 50% + 230px)
	}

	.bubbles-section img.grey37{
		left: calc( 50% - 405px);
		top: calc( 50% - 140px);
	}

	.bubbles-section img.grey31{
		left: calc( 50% + 405px);
		top: calc( 50% - 320px);
	}
 
	.bubbles-section img.grey30{
		left: calc( 50% - 430px);
		top: calc(50% - 320px);
	}

	.bubbles-section img.red25{
		left: calc( 50% + 250px);
		top: calc( 50% - 300px);
	}

	.bubbles-section img.redder25{
		left: calc( 50% + 500px);
		top: calc(50% - 250px);
	}

	.bubbles-section .nextSectionArrow{
		margin-top: 50px;
	}

	.bubbles-section .nextSectionArrow img{
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		right: auto;
		transform: none;
	}
    
    .bubbles-section img:not(.typo-text){
        opacity: 0;
	    transition: padding .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
    	opacity .8s ease-in-out;
    	margin-bottom:-100px;
    }
    
    #row2 .active img:not(.typo-text) {
        opacity: 1;
        padding-bottom:100px;
    }
    
    .big1{
        transition-delay: 0.1s !important;
    }
    .big2{
        transition-delay: 0.18s !important;
    }
    .grey85,
	.red54,
	.red25,
	.red45,
	.grey72 {
         transition-delay: 0.26s !important;
    }
    .grey37,
	.small1,
	.grey30 {
        transition-delay: 0.34s !important;
    }
	.small2 {
		transition-delay: 0.4s !important;
	}
	.grey47,
	.redder25,
	.grey31 {
		transition-delay: 0.48s !important;
	}


    /*
	@-webkit-keyframes bounce {
		0%, 100% {
			-webkit-transform: translate(-50%, -50%);
		}
		50% {
			-webkit-transform: translate(-50%, 10px);
		}
	  }
	  @keyframes bounce {
		0%, 100% {
		  	transform: translate(-50%, -50%);
		}
		50% {
		  	transform: translate(-50%, 10px);
		}
	}
	.active .bubbles-section .wpb_raw_html > .wpb_wrapper > img:nth-child(1n + 2){
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
	}
	.active .bubbles-section .wpb_raw_html > .wpb_wrapper > img:nth-child(2n + 3){
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.4s;
	}
	.active .bubbles-section .wpb_raw_html > .wpb_wrapper > img:nth-child(3n + 4){
		-webkit-animation-delay: 1.4s;
		animation-delay: 1.6s;
	}
	.active .bounce {
		-webkit-animation-name: bounce; 
		animation-name: bounce;
	}
	.active .animated {
		-webkit-animation-duration: 2.2s;
		animation-duration: 2.2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		animation-iteration-count: 1;
		-webkit-animation-iteration-count: 1;
	  }

	.aiUseringP {
		margin-top: 40px;
	}
	*/
	/* Buddles Responsive */

		/* Lets Start with height responsive first */
			@media only screen and (max-height: 800px) {
				.bubbles-section .nextSectionArrow {
					margin-top: 20px;
				}
			}
			@media only screen and (max-height: 750px) {
				.bubbles_center_content{
					max-width: 320px;
				}
				.bubbles_center_content img{
					max-width: 200px;
					height: auto;
				}
				.aiUseringP {
					width: 290px;
					margin-top: 50px;
					margin-bottom: 0;
					font-size: 14px;
				}
				.bubbles-section .nextSectionArrow img,
				#purchase_loop_arrow img,
				#ai_power_arrow img,
				#proven_success_home_down img{
					width: 40px;
					margin:0 auto !important;
					display: none !important;
				}
				.bubbles-section .nextSectionArrow{
					margin-top: 20px;
					text-align: center;
				}
			}	
		/* End Height Res */

	/* End Buddles Responsive */


/* .bubbles-section .vc_column_container,
.bubbles-section .vc_column-inner,
.bubbles-section .wpb_wrapper,
.bubbles-section .wpb_raw_code {
	width: 100%;
	height: 100%;
}

.bubbles-section img:not(.typo-text) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.typo-text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: 0;
} 

@media (min-width: 480px) {
	/* .bubbles-section img.big1 {
		transform: translateX(-260%) translateY(-255%);
	}

	.bubbles-section img.big2 {
		transform: translateX(170%) translateY(-285%);
	}

	.bubbles-section img.red45 {
		transform: translateX(480%) translateY(-950%);
	}

	.bubbles-section img.red54 {
		transform: translateX(-520%) translateY(-560%);
	}

	.bubbles-section img.grey72 {
		display:none;
		transform: translateX(610%) translateY(-610%);
	}

	.bubbles-section img.grey37 {
		transform: translateX(-1110%) translateY(-1540%);
	}

	.bubbles-section img.small1 {
		transform: translateX(-545%) translateY(-865%);
	}

	.bubbles-section img.small2 {
		transform: translateX(490%) translateY(-610%);
	}

	.bubbles-section img.grey85 {
		transform: translateX(-650%) translateY(-710%);
	}

	.bubbles-section img.grey30 {
		transform: translateX(-1460%) translateY(-2540%);
	}

	.bubbles-section img.red25 {
		transform: translateX(2010%) translateY(-2780%);
	}

	.bubbles-section img.grey47 {
		transform: translateX(690%) translateY(-1450%);
	}

	.bubbles-section img.redder25 {
		transform: translateX(1050%) translateY(-2930%);
	}

	.bubbles-section img.grey31 {
		transform: translateX(1320%) translateY(-2560%);
		display:none;
	}

	.bubbles-section img.pullDown { 
		transform: translate(-50% 0%);
	}
} */

/* End Bubbles */

/*Particle Buttons*/

.particles {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
	display: inline-block;
}

.particles-canvas {
	position: absolute;
	pointer-events: none;
	top: 50%;
	left: 50%;
	transform:translate3d(-50%, -50%, 0);
}

.particles-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.particles-button {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	border-radius: 5px;
	border-radius: var(--radius-button);
	background: var(--color-button-bg);
	color: var(--color-button-text);
	border: 0;
	border: var(--border-button);
	margin: 0;
	padding: 10px 25px;
	padding: var(--button-padding);
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	transition: 0.3s all;
}

.particles-button a {
	color: var(--color-button-text);
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.05em;
	transition: 0.3s all;
}

.particles-button img {
	width: 18px;
	display: inline-block;
	vertical-align: top;
}

.has-button {
	--color-button-bg: #transparent;
	--color-button-text: #fff;
	--button-padding: 14px 20px;
	--radius-button: 6px;
	--border-button: 1px solid #fff;
}

.learn .has-button {
	--button-padding: 14px 25px;
}

.red.has-button {
	--color-button-text: #ed1d24;
	--border-button: 1px solid #ed1d24;
}

/* .particles-button:focus {
	outline: none;
} */

.particles-button:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #171717;
}

.red .particles-button:hover {
	background: #ed1d24;
	--color-button-text: #fff;
}
.red .particles-button img {
	transition: 0.2s all;
}
.red .particles-button:hover img {
	-webkit-filter: brightness(0) invert(100%);
	filter: brightness(0) invert(100%);
}

.white .particles-button:hover {
	background: #fff;
	--color-button-text: #ed1d24;
}

.white.dark-bg .particles-button:hover {
	--color-button-text: #171717;
}

/*End Particles Buttons */

/*section loading*/

.load1,
.load2,
.load3,
.load4 {
	opacity: 0;
	transform: translateY(100px);
	transition: transform .8s cubic-bezier(0.16, 0.68, 0.43, 0.99),
	opacity .8s ease-in-out;
}

.load4.down {
	transform: translateY(-100px);
}

.section_loaded_once .load1,
.section_loaded_once .load2,
.section_loaded_once .load3,
.section_loaded_once .load4,

.active .load1,
.active .load2,
.active .load3,
.active .load4

{
	opacity: 1 !important;
	transform: translateY(0) !important;
}

#row3.active .load1,
#row3.active .load2,
#row3.active .load3,
#row3.active .load4 {
	opacity: 1;
	transform: translateY(0);
}

#row4.active .load1,
#row4.active .load2,
#row4.active .load3,
#row4.active .load4 {
	opacity: 1;
	transform: translateY(0);
}

.active_proven_success .load1,
.active_proven_success .load2,
.active_proven_success .load3,
.active_proven_success .load4 {
	opacity: 1;
	transform: translateY(0);
}


.vc_row.active .load1 {
	transition-delay: 0.22s;
}

.vc_row.active .load2 {
	transition-delay: 0.66s;
}

.vc_row.active .load3 {
	transition-delay: 1.1s;
}

.vc_row.active .load4 {
	transition-delay: 1.54s;
}

/* End section loading */

/*Product Page*/

#gallery-1,
#gallery-2,
#gallery-3 {
	text-align: center;
}

#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item {
	float: none !important;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
	width: auto !important;
}

#gallery-2 .gallery-item {
	margin: 0 10px;
}

#gallery-3 .gallery-item {
	margin: 0 25px;
}

#gallery-1 img,
#gallery-2 img,
#gallery-3 img {
	border: none !important;
}

/* End Product Page */

/* Format Gallery */
	.mob_format_content_title { 
		text-align: center;
		margin:20px 0;
	}
	.mob_format_main_content{
		background-color: #e9e9e9;
		padding:30px; 
	}
	.mob_format_main_content p{
		margin:0;
	}
	#format_gal .owl-dots{
		position: static;
		transform: none;
	}
	#format_gal .owl-item .gambit_mock_container{
		display: block !important;
	}
	#format_gal .owl-nav{
		display: none;
	}
	#format_gallery_mobile .owl-nav{
		display: none;
	}

/* End Format gallery */

/* Publishers Page */

/* Contact Forms */

.address-row .wpb_text_column {
    min-height:225px ;
}



.contact-left {
	float: left;
	width: 50%;
	position: relative;
}

.contact-right {
	float: right;
	width: 50%;
	position: relative;
}

.wpcf7-form-control-wrap,
.wpcf7-form-control {
	width: 100%;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #3b3b3b !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #3b3b3b !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #3b3b3b !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #3b3b3b !important;
opacity: 1;
}

.contact-left input,
.contact-right input,
.contact-left select {
    width: calc(100% - 50px);
    background-color: rgba(255,255,255,0.35);
    color: #3b3b3b;
    margin: 5px 15px 5px 0 !important;
    height: 40px;
    padding: 4px 20px;
    border: 1px solid #000;
	border-radius: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.contact-subject {
    width: calc(100% - 30px);
    background-color: rgba(255,255,255,0.35);
    font-size: 14px;
    color: #3b3b3b;
    margin: 5px 15px 25px 0 !important;
    padding: 4px 10px;
    border: 1px solid #000;
	border-radius: 3px;
}
.select-left{
    width: calc(50% - 50px);
    background-color: rgba(255,255,255,0.35);
    color: #3b3b3b;
    margin: 5px 15px 5px 0 !important;
    height: 40px;

    border: 1px solid #000;
	border-radius: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
.select-left select{
    margin:0 !important;
    padding:0 !important;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
.select-left div{
    margin:10px 0 0 10px !important;
    padding:0 !important;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	    text-align: left;
}
.contact-subject input {
    width: calc(100% - 20px);
    background-color: rgba(255,255,255,0);
    color: #3b3b3b;
    margin: 5px 15px 5px 0 !important;
    padding: 15px 10px;
	border: none;
    border-bottom: 1px solid #000;
    	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.contact-subject textarea {
    width: calc(100% - 20px);
    background-color: rgba(255,255,255,0);
    color: #3b3b3b;
    margin: 5px 15px 5px 0 !important;
	border: none;
    padding: 4px 10px;
    	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.wpcf7-form-control-wrap textarea {
	font-family: 'Roboto', sans-serif;
	padding: 10px;
}

.contact-left select {
	width: calc(100% - 8px);
	height: 49px;
}

.wpcf7-submit {
	max-width: 272px;
	background: rgba(255,255,255,0);
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 18px;
	text-transform: uppercase;
	color: #3b3b3b;
	letter-spacing: 0.05em;
	padding: 12px 0;
	cursor: pointer;
	transition: 0.3s all;
}

.wpcf7-submit:hover {
	background: #171717;
	color: #fff;
}

/* End Contact Forms */

.single-post #main iframe {
	width: 100% !important;
	height: 400px !important;
}

/* ##### Product ##### */
	#video_play_overlay{
		position: fixed;
		left: 0; 
		top: 0;
		width: 100%;
		height: 100%;
		display: none;
		background-color: rgba(0, 0, 0, 0.85);
		z-index: 1000000;
	}
	#video_play_overlay iframe{
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	#close_product_video{
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
		font-size: 30px;
		color: #fff;
	}
	#close_product_video{
		position: absolute;
		right: 20px;
		top: 20px;
		cursor: pointer;
		font-size: 32px;
		color: #fff;
	}
	#close_product_video a{
		cursor: pointer;
		font-size: 32px;
		text-decoration: none;
		font-weight: 400;
		color: #fff;
	}
/* ##### End Product ##### */

#row2{
	overflow: hidden;
}

/* misc button fixes and overwrites to this silly file: https://code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile.structure-1.5.0-alpha.1.min.css */
body button.ui-button{
    width: auto;
    margin: 0 auto;
}

#main_footer button.ui-button{
    width: auto;
    margin: 0 0 20px 0;
}

#ai-guide button.ui-button, #row3 button.ui-button{
    margin: 0;
}

.ui-textinput-text{
    border: 0 !important;
}
#join-team button.ui-button{
       margin: 0; 
}

.events-section .owl-nav span{
    font-size:42px !important;
}
    .events-section .owl-nav{
        opacity:0;
    }
/* ##### Responsive ##### */
	@media (max-width: 1440px) {
		#main_footer {
			padding: 70px;
		}
		.bubbles-section img.typo-text {
			/* transform: translateX(-50%) translateY(-44%); */
			opacity: 1;
		}
		.bubbles-section .wpb_wrapper > img:not(.typo-text) {
			margin-bottom: -220px;
		}
		#row4 .ai-icon img {
			width: 80px;
			display: none;
			opacity: 0;
		}
		#pageTitleBar {
			height: 500px;
		}
		#map-container {
			height: 400px !important;
		}

		/*Typography*/
		.size16 {
			--size: 14px;
			--spacing: 1.6;
			--tracking: 0.02em;
		}
		.size18 {
			--size: 16px;
			--spacing: 1.6;
			--tracking: 0.02em;
		}
		.size20 {
			--size: 18px;
			--spacing: 1.6;
			--tracking: 0.02em;
		}
		.size22 {
			--size: 22px;
			--spacing: 1.6;
			--tracking: 0.02em;
		}
		.size24 {
			--size: 22px;
			--spacing: 1.6;
			--tracking: 0.04em;
		}
		.size28 {
			--size: 28px;
			--spacing: 34px;
			--tracking: 0.1em;
		}
		.size32 {
			--size: 32px;
			--spacing: 1.6;
			--tracking: 0.04em;
		}
		.size34 {
			--size: 34px;
			--spacing: 40px;
			--tracking: 0.04em;
		}
		.size28 sup {
			font-size: 16px;
			letter-spacing: 0.02em;
		}
		
		.nospace {
			--tracking: 0em;
		}
		.space40 {
			--tracking: 0.04em;
		}
		.space100 {
			--tracking: 0.1em;
		}
		.spaced {
			--tracking: 0.14em;
		}
	}
	/* 1360px */
		@media (max-width: 1360px) {
			#main_footer_container{
				padding:0 20px;
			}
		}
	/* End 1360px */
	/* 1100px */
		@media (max-width: 1100px) {
			
			/* Home Page */
				.home #press_section .vc_col-sm-12{
					width:calc(100% - 200px);
					margin:auto auto;
					display:block;
					float:none;
				}
			/* End Home page */
			/* Proven Success */
				.proven_mock_up{
					width:100%;
				}
			/* End Proven Success */
			/* Footer */
				#main_footer_container{
					padding:0 30px;
					width:calc(100% - 60px);
				}
				.locationFooterContainer{
					margin-bottom:50px;
				}
				.footer_col{
					width:100%;
					float:none;
					margin-bottom:50px;
				}
				#footer_col_left, 
				#footer_col_right,
				#footer_col_center{
					width:100%;
					padding:0;
					margin-bottom:50px;
				}
			/* End Footer */
			#mobile_menu_logo img{
				width: 200px;
			}
			#main{
				max-width: calc(100% - 40px);
				padding-left: 20px;
				padding-right: 20px;
			}
		}
	/* End 1100 */
	/* 992px */
		@media (min-width: 992px) {
			#hide_format_gal_desktop{
				display: none;
			}
		}
		@media (max-width: 992px) {
			#hide_format_gal_desktop{
				max-width: 620px;
				margin: 0 auto;
			}
			#home-video-splash{
				display: block;
			}
			#home_page_slider_vid{
				display: none;
			}
			#home-video-splash img {
				display: block;
			}
			#home-video-splash .vc_video-bg{
				display: none !important;
			}
			#home-video-splash .fp-tableCell{
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%);
				height: auto !important;
			}
			#format_gal {
				height: auto !important;
			}
		}
	/* End 992px */		
	/* 920px */
		@media (max-width: 920px) {
			.newsPost{
				display: block;
				width: 100%;
				margin: 0 0 40px 0;
			}
		}
	/* End 920px */
	/* 840px */	
		@media (max-width: 840px) {
			.data-type p{
				height: auto !important;
			}
			#fp-nav{
				display: none;
			}
			.proven_success_content{
				width: calc(100% - 160px);
			}
			.proven__success_content_left{
				padding-right:20px;
				width:calc(50% - 20px);
			}
			.proven__success_content_left h5{
				font-size: 12px;
				line-height: 1.4;
			}
			.proven__success_content_left .proven_award_won{
				line-height: 26px;
			}
			.home #row4{
				overflow: hidden;
			}
			.staff_arrow_left {
				right: auto;
				left: -10px;
				transform: none;
			}
			.staff_arrow_right {
				right: -10px;
				left: auto;
				transform: none;
			}
		}
	/* End 840px */
	/* 640px */	
		@media (min-width: 640px) {
			.hide-desktop {
				display: none;
			}
			#singleShareLinks {
				display: block;
			}
			#singleShareLinksMobile {
				display: none;
			}
		}
		@media (max-width: 640px) {
			.hide-desktop {
				display: block;
			}
			.hide-mobile {
				display: none;
			}
			.proven__success_content_left{
				width: 100%;
				padding:0;
				margin-bottom: 40px;
			}
			.proven__success_content_right{
				width:100%;
			}
			#mockup_container_proven{
				text-align: center;
				width:220px;
				margin:15px auto 0;
			}
			#percentage_increase{
				right: -25px;
				top: -25px;
				width: 80px;
				height: 80px;
			}
			#percentage_increase_inner img{
				width:38px;
			}
			#percentage_increase_inner p{
				font-size: 14px; 
				margin: 0px;
			}
			.proven__success_content_left .proven_award_won{
				line-height: 26px;
				margin-bottom: 10px !important;
			}
			.proven__success_content_left, 
			.proven__success_content_right{
				margin-top:0px;
			}
			.proven_success_content{
				width: calc(100% - 40px);
			}
			#press-section{
				padding: 70px 0 !important; 
			}
			.proven__success_content_left{
				margin-bottom: 30px !important;
				text-align: center;
			}
			.proven__success_content_left h2,
			.proven_success_content .red_text-bg,
			.proven__success_content_left h1,
			.proven_award_won{
				font-size:18px;
				line-height:22px;
				margin-bottom: 10px !important;
			}
			.load1 proven__success_content_left h5{
				font-size:16px;
				line-height:20px;
			}
			.proven_success_button{
				font-size:14px;
			}
			.proven_success_button:hover{
				text-shadow: none;
			}
			#proven_success_pageable{
				top: auto;
				right: auto;
				left: 50% !important;
				text-align: center;
				bottom:50px;
				transform: translate(-50%, 0);
				width:100%;
			}
			.pageable_option{
				display: inline-block;
				vertical-align: middle;
				margin:0 5px 0;
				border-color: #333;
			}
			.locationFooterContainer {
				width: 100%;
				margin: 0 0 40px;
			}
			img.proven_mock_up {
				max-width: 320px;
				max-height: 280px;
				width: auto;
				height: 100%;
			}
			#contactForm{
				background-image:url(https://loopme.com/wp-content/uploads/2018/08/mobile_contact_form_bg.jpg) !important;
			}
			.newsRowPosts {
				padding: 30px 4%;
			}
			.single-post #pageTitleBar {
				display: none;
			}
			#main.singlePostContainer {
				padding: 100px 0 0;
			}
			#main.singlePostContainer > div {
				padding: 0 4%;
			}
			#singleShareLinks {
				display: none;
			}
			#singleShareLinksMobile {
				display: block;
			}
			
			/* Home specifc fix */
            .page-id-5 #row3 .ui-button{
                width:100% !important;
            }
            
            body button.ui-button{
                width:100% !important;
                margin: 0 auto;
            }

              .events-section .owl-dot {
                display: none !important;
              
            }
			
		}
	/* End 640px */
	/* 480px */
		@media (max-width: 480px) {
		    .events-section .owl-nav{
		        opacity:1;
		    }
		    .page-id-29 #contactForm{
		        padding:0 15px !important
		    }
			.address-box{
			    text-align: center;
			}
			.bold {
				--weight: 400;
			}
			.size22 {
				--size: 20px;
			}
			
			.redbox > .wpb_wrapper span {
				padding: 6px 10px;
				box-shadow: none;
			}
			
			.home #press-section .vc_col-sm-12{
				width: 100%;
				padding: 0 14px;
				margin:0 auto;
			}
			.home #press-section .vc_col-sm-12 > .vc_column-inner {
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			#home-video-splash .whitebox > .wpb_wrapper span{
				font-size:15px;
			}
			.full-height-mob{
				padding-top: 0px !important;
			}
			.full-height-mob .has-button{
				position: static !important;
			}
			#row3 .full-height-mob .vc_column-inner  > .wpb_wrapper{
				position: absolute;
				left: 0;
				width: 100%;
				top: 50%;
				transform: translateY(-50%);
			}
			.home #row3{
				overflow: hidden;
			}
			#press-section{
				margin-left: 0 !important;
				margin-right: 0 !important;
			}
			#press-section h2{
				margin-bottom:20px;
			}
			.bubbles-section img:not(.typo-text){
				display: none;
			}
			.typo-text{
				position: static;
				transform: none;
				height: 70vh;
			}
			#row2 .wpb_raw_html > .wpb_wrapper{
				text-align: center;
				padding: 30px 0 !important;
			}
			.hide-mobile {
				display: none;
			}
			.particles,
			.particles-wrapper,
			.particles-button {
				width: 100%;
				padding: 0;
			}
			.particles-button {
				padding: 12px 30px;
			}
			#row4 .particles-button{
				width: 100%;
			}
			.particles-button a {
				font-size: 18px;
			}
			.particles-button .fal {
				margin-left: 30px;
			}
			#main_menu {
				display: none;
			}
			.fixed {
				height: 60px !important;
			}
			#header_container {
				padding-top: 0;
			}
			#header_logo {
				padding-left: 16px;
				margin-top: 18px;
			}
			#header_logo img,
			#mobile_menu_logo img {
				height: 45px;
				width: 112px;
			}
			.fixed #header_logo {
				height: 60px;
				margin-top: 0;
			}
			#pageTitleBar {
				height: 100vh;
			}
			#pageTitleBarContent {
				width: 90%;
			}
			#pageTitleBarTitle {
				padding: 2px 16px;
			}
			#pageTitleBarPara {
				margin-top: 10px;
			}
			#pageTitleBarPara h2 {
				font-weight: 400 !important;
				font-weight: 600;
				font-size: 18px !important; 
			}
			
			#main_footer {
				padding: 50px 14px;
				background-color: #212121;
			}
			#footer_col_left,
			#footer_col_right,
			#footer_col_center {
				text-align: center;
				width: 100%;
				padding: 0;
				margin-bottom: 20px;
			}
			#main_footer_container h4 {
				margin-bottom: 14px;
			}
			#main #contactForm {
				padding-top: 0 !important;
			}
			#contactForm p {
				font-size: 22px !important;
				font-weight: 400 !important;
			}
			#contactForm .vc_column-inner  {
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
			.contact-left,
			.contact-right {
				float: none;
				width: 100%;
			}
			.contact-left select {
				width: 100%;
			}
			#contactForm .wpcf7-form p,
			#contactForm .wpcf7-form p a {
				font-size: 11px !important;
				line-height: 1.2;
			}
			.wpcf7-submit {
				max-width: 100%;
			}
			.contact-left input,
			.contact-right input,
			.wpcf7-form-control-wrap textarea, .select-left {
				width: calc(100% - 10px);
			}
			#main_footer_container {
				padding: 0;
				width: 100%;
			}
			#main_footer_container p {
				text-align: center;
			}
			.footer_col .particles-button {
				width: 100%;
			}			
			
			.newsPost {
				margin: 0 0 10px 0;
			}
			.newsPostContainer {
				height: 150px;
			}
			.newsPostOverlay {
				top: calc(100% - 45px);	
			}
			.newsPostTitle {
				top: 12px;
				text-transform: unset;
			}
			.newsReadMore button {
				width: 100%;
			}
			
			.carousel-container > ul {
				left: 0 !important;
				margin: 0 !important;
				margin-left: -7px !important;
			}
						
			@supports (-webkit-overflow-scrolling: touch) {
			  /* CSS specific to iOS devices */
				body .fixed-bg {
					background-attachment: scroll !important;
				}
			}
			
			.center-mobile h2,
			.center-mobile p {
				text-align: center !important;
			}
			
			#copyright_container .menu-item {
				margin: 0 5px;
			}
			#copyright_container .menu-item,
			#copyright_container .menu-item a {
				font-size: 12px;
			}
		}
	/* End 480px */


/* ##### End Responsive ##### */

/* Home specifc fix */
.page-id-5 #row3 .ui-button{
    width:auto ;
}
