/* CSS Document */

body, html {
	font-family: 'Roboto Mono', monospace;
	font-weight: 400;
	font-style: normal;
	color: #FFFFFF;
	font-size: 17px;
	line-height: 32px;
	max-width: 2500px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}
h1, h2, h3, h4 {
	font-family: 'primetimeregular';
	color: #FFFFFF;-webkit-font-smoothing: auto;
}
.pad-t-50 {
	padding-top: 50px;
}
.glow {
	-webkit-animation: glow 2s ease-in-out infinite alternate;
	-moz-animation: glow 2s ease-in-out infinite alternate;
	animation: glow 2s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
	from {
		text-shadow: 0 0 50px #1fbbed, 0 0 60px #1fbbed, 0 0 70px #1fbbed;
	}
	to {
		text-shadow: 0 0 70px #166fad, 0 0 80px #166fad;
	}
}
/* Preloader */

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000000;
	/* change if the mask should have another color then white */
	z-index: 10001;
	/* makes sure it stays on top */
}
#status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	/* centers the loading animation horizontally one the screen */
	top: 50%;
	/* centers the loading animation vertically one the screen */
	background-image: url(../images/status.gif);
	/* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 300px;
	margin: -100px 0 0 -100px;
	/* is width and height divided by two */
}
::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #FF0DB7;
}

::selection {
  color: #ffffff;
  background: #FF0DB7;
}
.grow {
	transition: all .2s ease-in-out;
}
.grow:hover {
	transform: scale(1.1);
}
/* NAVIGATION */

/* Menu Fixes */
.pink {
	color: #FF0DB7;
}
.overlay-contentpush {
background: #000000;
}
html .overlay {
    overflow: hidden;
}
html .overlay ul {
    width: 100%;
}
html .overlay ul > li.dropdown .dropdown-menu {
	width: 100%;
    text-align: center;
    margin: auto;
    top: 0;
    right: 0;
    position: fixed;
    bottom: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    background-color: #000000;
    padding: 0 20px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
html .overlay ul > li.dropdown .dropdown-menu .dropdown-item {
	text-align: left;
    line-height: 1.2;
    font-size: 19px;
    color: #ffffff;
}
html .overlay ul > li.dropdown.open .dropdown-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
html .overlay ul > li.dropdown .dropdown-menu .dropdown-item:last-child {
	border: 0 !important;
}
html .overlay ul > li.dropdown .dropdown-menu .dropdown-item:before {
    display: none !important;
}
.dropdown.active.open .dropdown-menu {
	display: block !important;
}
.overlay ul li a:hover, 
.overlay ul li a:focus, 
.overlay ul li button:hover, 
.overlay ul li button:focus, 
button.btn.btn-primary:hover, 
.overlay ul li button:active, 
.overlay ul li button:visited
{
	color: #8b8b8b;
	text-decoration: none;
	background-color:transparent !important;
	border: none;
	padding: 0px;
	margin: 0px;
	
}
    
#trigger-overlay .glyphicon.glyphicon-menu-hamburger {
	width: 30px;
	height: 23px;
	border-top: 4px solid #FF0DB7;
	border-bottom: 4px solid #FF0DB7;
}
#trigger-overlay .glyphicon.glyphicon-menu-hamburger:before {
	content: '';
	width: 100%;
	height: 4px;
	background-color: #FF0DB7;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
html .overlay .overlay-close {
	width: 20px;
	height: 20px;
}
html .overlay ul li a:hover, html .overlay ul li a:focus {
    text-transform: none;
    color: #ffffff;
}
html .overlay nav {
    height: 100%;
}
html .overlay ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
html .overlay ul li {
	width: 100%;
	height: auto;
	min-height: auto;
	padding: 0 20px;
}
html .overlay ul li a {
    text-align: left;
    position: relative;
	padding: 15px 20px 15px 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
html .overlay ul li:last-child a {
    border-bottom: 0 !important;
}
/*html .overlay ul li.dropdown a:before {
	display: block;
	content: "\e258";
	position: absolute;
	top: 23px;
	right: 18px;
	font-family: 'Glyphicons Halflings';
	font-size: 14px;
	font-weight: 400;
}*/
.overlay_sub_close {
	display: block;
	padding: 10px;
	color: #FF0DB7;
	font-weight: 400;
	position: absolute;
	top: 80px;
	left: 30px;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}
.overlay_sub_close img {
	width: 15px;
}
/*.overlay_sub_close:before {
    content: "\e258";
    font-size: 18px;
	line-height: 1;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    font-family: 'Glyphicons Halflings';
    -webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}*/
/* Menu Fixes */



.blue {
	color: #1ebbed
}
.blue2 {
	color: #115395
}
.upper {
	text-transform: uppercase;
}
.bold {
	font-weight: 700;
}
.light {
    color: #80A3B7;
}
.award {
	position: absolute;
	top: 115px;
	right: 35px;
	z-index: 9999
}
.script {
	font-family: 'fabfeltscriptbold';
}
.cnt223 {
	min-width: 600px;
	width: 600px;
	min-height: 150px;
	margin: 100px auto;
	background: #355470;
	position: relative;
	z-index: 103;
	padding: 10px 25px 60px 25px;
	border-radius: 0px;
	box-shadow: 0 2px 15px #000;
	transform: rotate(4deg);
}
.cnt223 h2 {
	color: #ffffff;
}
.cnt223 p {
	clear: both;
	/* text-align: justify; */
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
}
.cnt223 p a {
	color: #ffffff;
	font-weight: bold;
}
.cnt223 .x {
	float: right;
	height: 35px;
	left: 22px;
	position: relative;
	top: -25px;
	width: 34px;
}
.cnt223 .x:hover {
	cursor: pointer;
}

.logo {
	position: fixed;
	top: 25px;
	left: 25px;
	z-index: 1000;
}
.logo img {
	width: 220px;
}
.navigation {
	background-color: #000000;
	height: 88px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	
}
.navbar {
	margin-bottom: 0px;
}
.navbar, .navbar-default {
	margin-top: 12px;
	font-size: 14px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	text-align: right;
}
.navbar .navbar-nav {
	display: inline-block;
	float: none;
	padding-right: 28px;
	padding-top: 13px;
}
.navbar .navbar-nav li.first {
	padding-left: 0px;
}
.navbar .navbar-nav li a, .navbar .navbar-nav li button {
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 20px;
    padding-top: 10px;
	border: none;
    color: #FFFFFF;
	background-color: transparent;
	transition: all 0.3s ease;
}
.navbar .navbar-nav li a.special {
	color: #FF0DB7;
}
.navbar .navbar-nav li a.especial {
	padding-bottom: 10px;
	padding-right: 16px;
	padding-left: 16px;
    padding-top: 10px;
	border: 1px solid #80A3B7;
	border-radius: 20px;
    color: #003745;
	background-color: transparent;
	transition: all 0.3s ease;
	margin-left: 20px;
}

.navbar .navbar-nav li a.special2 {
	color: #FF0DB7;
}
.navbar .navbar-nav li a.especial2 {
	padding-bottom: 10px;
	padding-right: 16px;
	padding-left: 16px;
    padding-top: 10px;
	border: 1px solid #80A3B7;
	border-radius: 20px;
    color: #003745;
	background-color: transparent;
	transition: all 0.3s ease;
	margin-left: 20px;
}

.navbar .navbar-nav li button {
	padding-top: 11px
}
.navbar .navbar-nav li a:hover, .navbar .navbar-nav li button:hover {
	color: #FF0DB7;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #FFFFFF;
}
.navbar .navbar-nav li.last {
	padding-left: 40px;
	margin-top: 0px;
}
.navbar .navbar-nav li.last a {
color: #FFFFFF;
	padding: 14px 10px 14px 30px;
    font-weight: 900;
	font-size: 20px;
    padding-top: 10px;
}
.navbar .navbar-nav li.last a:hover {
	
	cursor: pointer;
}
.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
.navbar-nav>li>.dropdown-menu {
	background-color: #000000;
	border: none;
	border-radius: 0px 0px 20px 20px;
	text-align: left;
	padding-bottom: 20px;
	margin-top: 10px;
    margin-left: 25px;
    -webkit-box-shadow: 0px 10px 21px -16px rgba(0, 0, 0, 0.36);
	-moz-box-shadow: 0px 10px 21px -16px rgba(0, 0, 0, 0.36);
	box-shadow: 0px 10px 21px -16px rgba(0, 0, 0, 0.36);
}
.dropdown-menu>li>a, .dropdown-menu>li {
	padding-bottom: 5px;
    background-image:url("../images/el_chevron-left.png");
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 89% 19px;
    
    
}
.navbar-default .navbar-nav .dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #d3c799;
	background-color: transparent;
}
.dropdown-menu>li>a:hover {
	color: #d3c799;
	background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: transparent;
}
.navbar-default .navbar-nav .dropdown-menu>li>a {
	font-size: 15px;
    padding-left:16px;
    padding-right:50px;
}
.dropdown-menu {
	min-width: 200px;
}
/* CAROUSEL */

.owl-carousel {
	margin-top: 0px;
	/*padding-bottom: 15px*/
}
.owl-carousel .slide {
	padding-top: 300px;
	height: 1000px
}
.owl-carousel.dev .slide {
	padding-top: 30px;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.owl-carousel.dev .slide img {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border: 15px solid #ffffff
}
.owl-carousel .slide-1 {
	background-image: url("../images/home-slider-BG-1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.owl-carousel .slider-content {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transition: all 0.3s ease;
}
.owl-carousel .slider-content h1 {
	color: #ffffff;
	font-size: 110px;
	line-height: 105px;
	margin-bottom: 30px
}
.owl-carousel .slider-content h1 span.outline {
	color: transparent;
	-webkit-text-stroke-width: 3px;
	-webkit-text-stroke-color: #ffffff;
}
.owl-carousel .slider-content a {
	background-color: #5D6771;
	border-radius: 40px;
	border: solid #FFFFFF;
	border-width: 2px 2px 6px 2px;
	color: #FFFFFF;
	padding: 18px 35px 18px 35px;
	font-family: 'lemonmilkregular';
	font-size: 30px;
}
.owl-carousel .slider-content a:hover {
	color: #5D6771;
	background-color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}
.owl-carousel .slider-content.pump:hover {
	transform: scale(1.03);
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
}
.owl-carousel .slider-content-box {
	background-color: #ffffff;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding: 40px;
	margin-top: 40px;
}
.owl-carousel .slider-content-box h1 {
	font-family: futura-pt, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #355470;
	font-size: 60px;
	margin-top: 0px;
	margin-bottom: 8px;
}
.owl-carousel .slider-content-box h2 {
	font-family: 'fabfeltscriptbold';
	color: rgb(255, 201, 47);
	font-size: 50px;
	margin-bottom: 1px;
	margin-top: 0px
}
.owl-carousel .slider-content-box p {
	font-size: 32px;
}
.owl-carousel .slider-content-box p.link {
	padding-top: 10px;
}
.owl-carousel .slider-content-box p.link a {
	font-weight: 700;
	background-color: rgb(31, 187, 237);
	padding: 10px 15px;
	font-size: 18px;
	color: rgb(255, 255, 255);
	font-family: futura-pt, sans-serif;
	font-weight: 700;
}
.owl-carousel .slider-content img {
	width: 70%;
	max-width: 900px;
	display: inline;
}
.owl-carousel .slider-content img.three {
	width: 25%;
	max-width: 500px;
	display: inline;
}
.owl-carousel .slider-content.seventyfive img {
	width: 35%;
	max-width: 1000px;
	display: inline;
	padding-top: 100px;
}
.owl-carousel .owl-dots {
	margin-top: -60px;
	z-index: 199999;
	position: relative;
	text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
	width: 12px !important;
	height: 12px !important;
	background: rgba(255, 255, 255, 0.4) !important;
	border: none;
	border-radius: 20px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #FF0DB7 !important;
}



.blur {
	background-image: url("../images/blur-1.png");
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center top ;
}
.blur.alt {
	background-image: none;
}

.hero {
	background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
	padding-top: 200px;
	padding-bottom: 120px;
}
.hero.hero-1 {
	 background-image: url("../images/BG-hero-1.png");
}
.hero.hero-2 {
	 background-image: url("../images/BG-hero-2.png");
}
.hero.hero-3 {
	 background-image: url("../images/BG-hero-3.png");
}
.hero.hero-4 {
	 background-image: url("../images/BG-hero-4.png");
}
.hero.hero-5 {
	 background-image: url("../images/BG-hero-5.png");
}
.hero.hero-6 {
	 background-image: none;
	padding-bottom: 0px;
}
.hero .image {
}
.hero .image img {
	width: 90%;
}
.hero .text {
	
}
.hero .text h2 {
	color: #FF0DB7;
	font-size: 22px;
	font-family: 'Roboto Mono', monospace;
	margin-top: 0px;
}
.hero .text h2 img {
	width: 15px;
}
.hero .text h1 {
	font-size: 89px;
	line-height: 87px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 25px;
}
.hero .text h1 img.icon1 {
	height: 75px;
	margin-top:-15px;
}
.hero .text h1 img.icon2 {
	height: 75px;
	margin-top:-15px;
}
.hero .text h1 img.icon3 {
height: 70px;
margin-top: -10px;
}
.hero .text p {
	color: #FFFFFF;
	font-size: 20px;
	line-height: 35px;
}
.hero .text.legal p {
	font-size: 16px;
	line-height: 27px;
}
.hero .text.legal h2, .hero .text.legal h3, .hero .text.legal h4 {
	font-family: 'Roboto Mono', monospace;
	font-size: 22px;
	padding-top: 40px;
}
.basic {
	 background-image: url("../images/basic-BG-1.png");
	background-repeat: no-repeat;
    background-size: 40%;
    background-position: center right;
	padding-top: 130px;
	padding-bottom: 130px;
}
.basic.basic-2 {
	background-image: url("../images/basic-BG-2.png");
}
.basic .image {
	text-align: right;
}
.basic .image img {
	width: 90%;
}
.basic .text h2 {
	font-size: 55px;
	line-height: 55px;
}
.basic .text h2.second {
	padding-top: 40px;
}
.basic .text p {
	font-size: 16px;
	line-height: 30px;
}
.basic .text p.link {
	padding-top: 25px;
}
.basic .text p.link a {
	color: #FF0DB7;
	font-size: 18px;
	border-top: 1px solid #FF0DB7;
	padding: 7px 0px 9px 0px;
}
.basic .text p.link a:hover {
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}
.hvr-underline-from-left:before {
	background: #FF0DB7;
height: 1px;
}
.basic .text p.link a img {
	width: 10px;
}

.basic .text h3 {
	color: #FF0DB7;
	font-size: 22px;
	font-family: 'Roboto Mono', monospace;
	margin-top: 0px;
}
.basic.rev {
	 background-image: url("../images/BG-basic-rev.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.basic.rev.alt {
	background-image: url("../images/basic-BG-2.png");
	 background-image: none;
	padding-top: 40px;
}
.basic.rev.alt2 {
	background-image: url("../images/basic-BG-2.png");
	background-repeat: no-repeat;
    background-size: 40%;
    background-position: center left;
	padding-top: 130px;
	padding-bottom: 130px;
}
.basic.rev.alt3 {
	background-image: url("../images/basic-BG-2.png");
	background-repeat: no-repeat;
    background-size: 50%;
    background-position: center left;
	padding-top: 130px;
	padding-bottom: 130px;
}
.basic.rev.alt4 {
	background-image: none;
	background-repeat: no-repeat;
    background-size: 50%;
    background-position: center left;
	padding-top: 0px;
	padding-bottom: 130px;
}
.basic.rev.alt2 .image img {
	width: 70%;
}
.basic.rev.alt3 .image img {
	width: 90%;
}
.basic.rev.alt2 h2, .basic.rev.alt3 h2 {
	margin-top: 0px;
}
.basic.rev.alt .text, .basic.rev.alt2 .text, .basic.rev.alt3 .text {
	 padding-top: 0px;
}
.basic.rev .image {
	text-align: left;
}
.basic.rev .text {
	padding-top: 40px;
}


.news-signup input {
font-family: inherit;
font-size: 20px;
margin: 0;
padding: 10px 15px;
border-radius: 10px;
margin-bottom: 15px;
	color:#000000;
}
.news-signup button {
	background-color: #FF0DB7;
font-family: 'primetimeregular';
	color: #FFFFFF;-webkit-font-smoothing: auto;
font-size: 30px;
margin: 0;
padding: 10px 15px;
border-radius: 10px;
margin-top: 15px;
	border:none;
	text-transform: uppercase;
}

.easy {
	padding-top: 50px;
	padding-bottom: 120px;
}
.easy h2 {
	font-size: 55px;
line-height: 55px;
	padding-bottom: 30px;
}
.easy h2 img {
	width: 40px;
	padding-bottom: 30px;
}
.easy .item {
	background-color: #ffffff;
	padding: 35px;
	border-radius: 20px;
	margin-right: 30px;
	color: #000000;
}
.easy .item h3 {
	color: #000000;
}
.easy .item.dark h3 {
	color: #ffffff;
}
.easy .item.dark {
	background-color: #000000;
	background-image:url("../images/BG-dark-box.png");
	background-size: cover;
	color: #ffffff;
}
.easy .item img {
	width: 70px;
}
.easy .item h3 {
	font-size: 30px;
	line-height: 32px;
}
.easy .item p {
	font-size: 16px;
}

.easy .item.dark p.link a {
	color: #FF0DB7;
font-size: 18px;
border-top: 1px solid #FF0DB7;
padding: 7px 0px 9px 0px;
}
.easy .item.dark p.link {
padding-top: 25px;
}

.easy .item.dark p.link a img {
width: 10px;
}



.hello {
    background-image: url("../images/lines.png");
	background-repeat: repeat-x;
    background-size: 1600px;
    background-position: 0 37px;
	margin-top: 220px;
	padding-bottom: 60px;
}

.hello .content {
	padding-top: 150px;
}
.hello .image {
	padding-right: 30px
}
.hello .image img {
	width: 100%;
}
.hello h1 {
	font-size: 145px;
	line-height: 130px;
	color: #FFFFFF;
	
	padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 0px;
	
}
.hello h1 img.icon1 {
	height: 115px;
	margin-top:-15px;
}
.hello h1 img.icon2 {
	height: 115px;
	margin-top:-18px;
}
.hello h1 img.icon3 {
	height: 70px;
	margin-top:-15px;
	margin-right:10px;
	margin-left:5px;
}
.hello p.link {
	padding-top: 25px;
}
.hello p.link a {
	color: #FF0DB7;
	font-size: 18px;
	border-top: 1px solid #FF0DB7;
	padding: 7px 0px 9px 0px;
}
.hello p.link a:hover {
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer;
}
.hello p.link a img {
	width: 10px;
}
.services-carousel {
	padding: 0px 0px 100px 0px;
	text-align: center;
}
.services-carousel img.swipe {
	width: 30px;
	margin-bottom: 10px;
}
.services-carousel .item {
	background-color: #ffffff;
	height: 550px;
	border-radius: 30px;
	background-image: url("../images/icon-plus.png");
    background-size: 25px;
	background-repeat:no-repeat;
    background-position: 95% 95%;
	margin-top: 15px;
	margin-bottom: 30px;
	box-shadow: 0px 3px 18px -4px rgba(0, 0, 0, 1);
	
	
}
.services-carousel .item:hover {
	z-index:9998
}
.services-carousel .text {
	padding: 10px 30px 30px 30px;
	text-align: left;
}
.services-carousel .text h3 {
	font-size: 30px;
	line-height: 30px;
	padding-left: 30px;
	 background-image: url("../images/icon-chev.png");
    background-size: 20px;
	background-repeat:no-repeat;
    background-position: 0 8px ;
	color: #000000;
	margin-top: 0px;
}
.services-carousel .text p {
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}

.success-message h1 {
font-size: 85px;
margin-bottom: 0px;
margin-top: 0;
text-transform: uppercase;
line-height: 85px;
}
.fs-webform-container .fserv-field label.error {
color: #ffffff;
}

.form-test h1 {
	font-size: 105px;
	margin-bottom: 0px;
	/** Michael **/ margin-top: 0;
}

.form-test,
.success-message {
	background-image: url("../images/Form-BG.jpg");
		background-size: cover;
	/* padding: 100px; */
	padding: 60px 80px;
	/* border-radius: 40px 0px 0px 40px; */
}
.form-test label {
	font-size: 18px;
	padding-top: 20px;
	font-weight:normal;
}
.form-test input {
	/* height: 60px; */
	padding-top: 10px;
    padding-bottom: 9px;
	/* width: 96%; */
	width: 100%;
	border-radius: 20px;
	border:none;
	border-bottom: 2px solid #6B0055;
	padding-left: 20px;
	color: #000000;
	font-family: 'Archivo Black', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
}
.form-test input.full {
	width: 98%;
}
.form-test input::placeholder {
	color: #E5E5E5;
	font-size: 32px;
	font-family: 'Archivo Black', sans-serif;
}
.form-test input[name="phone"],
body .fs-webform-container .fserv-input-text[name="contact[mobile_number]"]{
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-test input[name="phone"]::placeholder,
body .fs-webform-container .fserv-input-text[name="contact[mobile_number]"]::placeholder {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}

.form-test input[name="locations"],
body .fs-webform-container .fserv-input-text[name="contact[custom_field][cf_no_locations]"] {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-test input[name="locations"]::placeholder,
body .fs-webform-container .fserv-input-text[name="contact[custom_field][cf_no_locations]"]::placeholder {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-test select {
	height: 60px;
	/* width: 96%; */
	width: 100%;
	font-weight: bold;
	border-radius: 20px;
	border:none;
	border-bottom: 2px solid #6B0055;
	/* color: #000000; */
	color: #E5E5E5;
	font-size: 26px;
	/* font-family: 'Archivo Black', sans-serif; */
	padding-left: 20px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.form-test select.full {
	width: 98%;
}
.form-test button,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit {
	background-color: #FF0DB7 !important;
	border-radius: 20px;
	font-size: 32px !important;
	color: #ffffff;
	height: 70px;
	width: 98%;
	border:none;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.61);
	margin-top: 30px;
	font-family: 'primetimeregular';
	transition: 1s;
	text-transform: uppercase;
}
.form-test button:hover,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit:hover {
	background-color: #0D0D0D !important;
}

.form-talk-to-us h1 {
	font-size: 105px;
	margin-bottom: 0px;
	/** Michael **/ margin-top: 0;
}

.form-talk-to-us,
.success-message {
	background-image: url("../images/Form-BG.jpg");
		background-size: cover;
	/* padding: 100px; */
	padding: 60px 80px;
	/* border-radius: 40px 0px 0px 40px; */
}
.form-talk-to-us label {
	font-size: 18px;
	padding-top: 20px;
	font-weight:normal;
}
.form-talk-to-us input {
	/* height: 60px; */
	padding-top: 10px;
    padding-bottom: 9px;
	/* width: 96%; */
	width: 100%;
	border-radius: 20px;
	border:none;
	border-bottom: 2px solid #6B0055;
	padding-left: 20px;
	color: #000000;
	font-family: 'Archivo Black', sans-serif;
	font-size: 32px;
	text-transform: uppercase;
}
.form-talk-to-us input.full {
	width: 98%;
}
.form-talk-to-us input::placeholder {
	color: #E5E5E5;
	font-size: 32px;
	font-family: 'Archivo Black', sans-serif;
}
.form-talk-to-us input[name="phone"],
body .fs-webform-container .fserv-input-text[name="contact[mobile_number]"]{
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-talk-to-us input[name="phone"]::placeholder,
body .fs-webform-container .fserv-input-text[name="contact[mobile_number]"]::placeholder {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}

.form-talk-to-us input[name="locations"],
body .fs-webform-container .fserv-input-text[name="contact[custom_field][cf_no_locations]"] {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-talk-to-us input[name="locations"]::placeholder,
body .fs-webform-container .fserv-input-text[name="contact[custom_field][cf_no_locations]"]::placeholder {
	font-family: 'Archivo Black', sans-serif;
	font-weight: bold;
}
.form-talk-to-us select {
	height: 60px;
	/* width: 96%; */
	width: 100%;
	font-weight: bold;
	border-radius: 20px;
	border:none;
	border-bottom: 2px solid #6B0055;
	/* color: #000000; */
	color: #E5E5E5;
	font-size: 26px;
	/* font-family: 'Archivo Black', sans-serif; */
	padding-left: 20px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.form-talk-to-us select.full {
	width: 98%;
}
.form-talk-to-us button,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit {
	background-color: #FF0DB7 !important;
	border-radius: 20px;
	font-size: 32px !important;
	color: #ffffff;
	height: 70px;
	width: 98%;
	border:none;
	box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.61);
	margin-top: 30px;
	font-family: 'primetimeregular';
	transition: 1s;
	text-transform: uppercase;
}
.form-talk-to-us button:hover,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit:hover {
	background-color: #0D0D0D !important;
}


.form-call {
	padding-top: 40px;
}
.form-call .form-call-1 {
	float:left;
	padding-right: 15px;
}
.form-call .form-call-2 {
	float:left;
	padding-right: 15px;
}
.form-call .form-call-3 {
	float:left
}
.form-call .form-call-1 img {
	height: 70px;
	margin-top: 5px;
}
.form-call .form-call-2 p {
	font-family: 'primetimeregular';
	font-size: 40px;
line-height: 38px;
}
.form-call .form-call-3 p {
	font-size: 18px;
line-height: 26px;
}


.testy-carousel {
	padding: 0px 0px 50px 0px;
	text-align: center;
}
.testy-carousel img.swipe {
	width: 30px;
	margin-bottom: 10px;
}
.testy-carousel .item {
	background-color: #ffffff;
	height: 350px;
	border-radius: 30px;
	background-image: url("../images/icon-testy.png");
    background-size: 35px;
	background-repeat:no-repeat;
    background-position: 97% 8%;
	margin-top: 15px;
	margin-bottom: 30px;
	box-shadow: 0px 3px 18px -4px rgba(0, 0, 0, 1);
	
	
}
.testy-carousel .item:hover {
	z-index:9998
}
.testy-carousel .image {
	border-radius: 28px 0px 0px 28px;
	height: 350px;
	background-size: cover;
    background-position: center center;
}
.testy-carousel .image.one {
	background-image: url("../images/testy-IMG-1.png");
}
.testy-carousel .image.two {
	background-image: url("../images/testy-IMG-2.png");
}
.testy-carousel .image.three {
	background-image: url("../images/testy-IMG-3.png");
}
.testy-carousel .text {
	padding: 40px 40px 40px 40px;
	text-align: left;
}

.testy-carousel .text p {
	font-size: 17px;
	line-height: 32px;
	color: #000000;
}


.testy-logos-carousel {
	
}
.testy-logos-carousel .item img {
	height: 90px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}


.integrate {
	padding-top: 250px;
	  background-image: url("../images/lines.png");
	background-repeat: repeat-x;
    background-size: 1100px;
    background-position: 0 227px;
}
.integrate #integrate-level1 {
	
}
.integrate #integrate-level1 img {
	height: 60px;
	width: auto;
}
.integrate #integrate-level2 {
	margin-top: -25px;
}
.integrate #integrate-level2 img {
	height: 95px;
	width: auto;
}

.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';
	/* essential for enabling glyphicon */
	content: "\e113";
	/* adjust as needed, taken from bootstrap.css */
	float: right;
	/* adjust as needed */
	color: #FF0FAF;
	/* adjust as needed */
	padding-top: 2px;
	font-size: 28px;
}
.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e114";
	/* adjust as needed, taken from bootstrap.css */
}

.basic .text .panel .panel-title p {
	padding-right: 50px; 
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 20px;
}
.basic .text .panel .panel-title a {
	font-family: 'primetimeregular';
	text-transform: uppercase;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 5px;
	color: #ffffff;
	text-decoration: none;
    display: block;
}

.basic .text .panel .panel-title p.question {
	font-family: 'primetimeregular';
	text-transform: uppercase;
	font-size: 34px;
	line-height: 40px;
	padding-bottom: 5px;
	color: #ffffff;
}
.basic .text .panel-default>.panel-heading+.panel-collapse .panel-body {
	border: none;
}
.basic .text .panel-group .panel-heading+.panel-collapse .panel-body {
	border: none;
	border:none;
	padding: 0px 0px 30px 0px
}
.basic .text .panel-body p {
	padding-right: 50px;
	font-size: 16px;
	line-height: 30px;
	padding-bottom: 20px;
}
.basic .text .panel-body h3 {
	font-size: 22px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 5px;
	color: #9D9B85;
}
.basic .text .panel-body td {
	padding-left: 0px;
	font-size: 16px;
}
.basic .text .panel-body ul {
	padding-left: 20px;
}
.basic .text .panel-body li {
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
}
.basic .text .panel-default {
	border: none;
}
.basic .text .panel-default>.panel-heading {
	background-color: transparent;
	border: none;
	padding-left: 0px;
}
.basic .text .panel {
	margin-top: 16px;
	box-shadow: none;
	border-bottom: 1px solid #FF0FAF;
	border-radius: 0;
	background-color: transparent;
}
.basic .text .panel.first {
	border-top: 1px solid #FF0FAF;
	padding-top: 15px;
	margin-top: 40px
}



.qr-promo {
	padding-top: 100px;
	padding-bottom:100px;
}
.qr-promo h2 {
	font-size: 55px;
line-height: 35px;
	text-align: center;
}
.qr-promo h2 img {
	width: 40px;
	padding-bottom: 30px;
}
.qr-promo img {
	width: 100%;
	margin-top: 25px;
}
.qr-promo p {
	font-size: 22px;
	line-height: 26px;
	color: #ffffff;
	text-align: center;
}

.qr-list {
	background-image: url("../images/lines.png");
	background-repeat: repeat-x;
    background-size: 1300px;
    background-position: 0 37px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 90px
}
.qr-list h3 {
	font-size: 45px;
	line-height: 60px;
	text-align: justify;
	text-transform: uppercase;
	text-align-last: justify;
}


.qr {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
.qr h2 {
font-size: 75px;
}
.qr img {
	margin-top: 20px;
	width: 150px;
}
.qr a {
	color: #FF0DB7;
}


.integrations {
	
}
.integrations .item {
	background-color:#ffffff;
	border-radius: 20px;
	padding: 20px;
	margin: 0px 20px 20px 0px;
	color: #000000;
	height: 280px;
	border: 1px solid #FFFFFF;
}
.integrations .item:hover {
	border: 1px solid #FF0FAF;
}
.integrations .item h4 {
	font-size: 21px;
	font-family: 'Roboto Mono', monospace;
	color: #000000;
}
.integrations .item p {
	font-size: 13px !important;
	line-height: 20px !important;
	padding:0px !important; 
	color: #000000;
}
.integrations a .item p:hover {
	text-decoration: none;
}
.integrations .item img {
width: auto;
height: 80px;
}

.integrations .coming-soon {
	float:right;
	position:absolute;
	top: 0;
	right: 20px;
}
.integrations .coming-soon img {
	height: 80px;
}
.featured {
	 background-image: url("../images/BG-featured.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.featured h2 {
	font-size: 55px;
line-height: 55px;
	text-align: center;
}
.featured h2 img {
	width: 40px;
	padding-bottom: 30px;
}
.featured .item {
	background-color: #ffffff;
	height: 525px;
	border-radius: 30px;
	background-image: url("../images/icon-plus.png");
    background-size: 25px;
	background-repeat:no-repeat;
    background-position: 95% 95%;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 25px;
	margin-right: 25px;
	box-shadow: 0px 3px 18px -4px rgba(0, 0, 0, 1);
	
	
}
.featured .item:hover {
	z-index:9998
}
.featured .item img {
	width: 100%;
}
.featured .item .text {
	padding: 10px 30px 30px 30px;
	text-align: left;
}
.featured .item .text h3 {
	font-size: 30px;
	line-height: 30px;
	padding-left: 30px;
	 background-image: url("../images/icon-chev.png");
    background-size: 20px;
	background-repeat:no-repeat;
    background-position: 0 8px ;
	color: #000000;
	margin-top: 0px;
}
.featured .item .text p {
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}




.promo-big-wrap {
	padding-top:50px;
	padding-bottom: 130px;
}
.promo-big {
	 background-image: url("../images/BG-promo-big.png");
    background-size: cover;
	background-repeat:no-repeat;
    background-position: center center ;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.promo-big h3 {
	font-size: 50px;
	color: #000000;
	padding-bottom: 20px;
}
.promo-big h2 {
	font-size: 140px;
	line-height: 90px;
	color: #FFFFFF;
}
.promo-big h2 img{
	width: 80px;
	margin-top: -25px;
}

.cta-wrap {
	padding-top: 150px;
}
.cta-wrap a {
	color: #ffffff;
}
.cta-wrap a:hover {
	text-decoration: none;
}
.cta {
	background-image: url("../images/BG-cta.png");
    background-size: cover;
	background-repeat:no-repeat;
    background-position: center center ;
	padding: 50px;
}
.cta .heading {
}
.cta .heading h2 {
	font-size:150px;
	line-height: 115px;
	padding:0px;
	margin:0px;
}
.cta .text {
	padding-top: 5px;
}

.cta .text p {
	font-size:26px;
	line-height:50px;
	padding-right: 30px;
}
.cta .button {
	text-align: right;
	padding-top: 15px;
}
.cta .button img {
	width: 70px;
}



.promo {
    background-color: #EAF5FC;
    height: 550px;
}
.promo .image {
    background-image: url("../images/promo-IMG-1.png");
    background-size: 350px;
    background-repeat: no-repeat;
    background-position:  center bottom;
    height: 550px;
}
.promo.v2 .image {
    background-image: url("../images/promo-IMG-2.png");
       background-size: 350px;
    background-repeat: no-repeat;
    background-position:  center bottom;
    height: 550px;
}
.promo.v3 .image {
    background-image: url("../images/promo-IMG-3.png");
       background-size: 350px;
    background-repeat: no-repeat;
    background-position:  center bottom;
    height: 550px;
}
.promo .texty {
    font-size: 40px;
    line-height: 60px;
    font-weight: 300;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left:50px;
}


.map {
    
  }
.map iframe {
    width: 100% !important;
    height: 600px !important;
  }

#branches-carousel .item img {
	transition: all 0.3s ease;
	padding: 0px;
}
#branches-carousel .item img:hover {}
footer {
	padding-top: 150px;
	padding-bottom: 150px;
	background-image: url("../images/blur-footer.png");
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
footer .button {
	
}
footer .button img {
	width: 60px;
}
footer .footer-nav {
	padding-left: 25px;
}
footer .footer-nav p {
	font-size: 17px;
	line-height: 45px;
	padding-right: 20px;
}
footer .footer-nav p a {
	color: #ffffff;
}
footer .footer-nav p a:hover {
	color: #FF0DB7;
	text-decoration:none;
}
footer .footer-nav p img {
	width: 14px;
}
footer .sm-icons {
	padding-top: 40px;
	padding-left: 25px;
}
footer .sm-icons img {
	height: 40px;
	margin-right: 20px;
}

footer .sm-icons p.small {
	font-size: 14px;
	line-height: 22px;
	color: #858585;
}
footer .sm-icons p.small a {
	color: #858585;
}
footer .sm-icons p.small a:hover {
	color: #FF0DB7;
	text-decoration:none;
}
footer .newsletter {
	text-align: right;
}
footer .newsletter img {
	width: 95%;
}

footer .phonies-wrap {
	color:#ffffff;
	font-size: 22px;
	padding-top: 40px;
}
footer .phonies-wrap img.phonies {
	width: 15px;
	margin-right: 3px;
	margin-top: -2px;
}

/** Modal Form **/
body {
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.modalForm {
	display: none;
}

.fs-webform-container .powered-by {
	display: none !important;
}

.form-test.completed {
	display: none;
}

.form-talk-to-us.completed {
	display: none;
}

.success-message {
	display: none;
}

body .fs-notifier {
	display: none !important;
}

.success-message.active {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.modalForm.active {
	z-index: 9999999;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.91);
	color: white
}

.modalForm.active .form-test {
	overflow: auto;
}

.modalForm.active .form-talk-to-us {
	overflow: auto;
}

.modalForm > .container-full {
	height: 100%;
}

.modalForm__close {
	position: absolute;
	top: 27px;
	right: 27px;
	cursor: pointer;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   z-index: 1000;
   background: none;
   box-shadow: none;
   border: none;
   opacity: 1;
   transition: all .4s ease;
}

.modalForm__close:hover {
	opacity: .7;
}

	.modalForm__close svg {
		width: 47px;
		height: 47px;
	}

.modalForm > .container-full > .row,
.modalForm > .container-full > .row > .col-md-6,
.modalForm > .container-full > .row > .col-md-6 > .form-test,
.success-message.active {
	height: 100%;
}

.success-message h1 {
	margin-bottom: 40px;
}

.modalForm .form-test {
	transform: translateX(2000px);
	transition: all .5s ease-in-out;
}

.modalForm .form-test.active {
	transform: translateX(0);
}

.modalForm .form-talk-to-us {
	transform: translateX(2000px);
	transition: all .5s ease-in-out;
}

.modalForm .form-talk-to-us {
	transform: translateX(0);
}

.modalActive {
	overflow: hidden !important;
	height: 100vh;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.navbar .navbar-nav li a.special:focus {
	background-color: transparent;
	outline:none;
	color: #FF0DB7;
}

body .fs-webform-container .fserv-container {
	background: none !important;
	border-radius: 0;
	box-shadow: none;
	max-width: 100%;
	margin: 0;
	padding: 0;
	position: static;
	font-family: 'Roboto Mono', monospace !important;
}

body .fserv-form-name,
body .fs-webform-container .fserv-form-description {
	display: none;
}

body .fs-webform-container .fserv-container .fserv-label {
	font-family: 'Roboto Mono', monospace !important;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 5px;
	color: white !important;
	font-size: 18px !important;
}

body .fserv-container div.fserv-required label.fserv-label:after {
	display: none;
}

body .fs-webform-container .fserv-input-text {
	padding-top: 10px !important;
    padding-bottom: 9px !important;
    width: 100% !important;
    border-radius: 20px;
    border: none;
    border-bottom: 2px solid #6B0055 !important;
    padding-left: 20px !important;
    color: #000000 !important;
    font-family: 'Archivo Black', sans-serif;
    font-size: 32px !important;
	height: auto;
}

.fs-webform-container .fserv-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 24px;
	row-gap: 20px;
}

.fs-webform-container .fserv-form > .formserv-text-field:first-of-type,
.fs-webform-container .fserv-form > .formserv-text-field:first-of-type + .formserv-text-field,
.fs-webform-container .fserv-form > .formserv-tel-field.fserv-field,
.fs-webform-container .fserv-form > .formserv-tel-field.fserv-field + .formserv-text-field {
	flex-basis: 47%;
}

body .fs-webform-container .fserv-field+div:not(.fserv-field) {
	padding: 0;
	width: 100%;
	border-top: none;
	margin-top: 0;
}

body .fs-webform-container .fserv-field {
	padding: 0;
	margin: 0;
}

body .fs-webform-container .fserv-field+.fserv-field {
	margin: 0;
}

body .fs-webform-container .fserv-container .fserv-label {
	padding: 0;
}

body .fs-webform-container .fserv-field  {
	width: 100%
}

@media (min-width: 1500px) and (max-width: 2999px) {

	.testy-carousel .text p {
font-size: 15px;
line-height: 28px;
color: #000000;
}
	.navbar, .navbar-default {
	font-size: 18px;
}
	.navbar .navbar-nav li a, .navbar .navbar-nav li button {
padding-left: 40px;	
}
}

@media (min-width: 1200px) and (max-width: 1499px) {
  .services-carousel .text h3 {
font-size: 30px;
line-height: 30px;
}
	.testy-carousel .text p {
font-size: 14px;
line-height: 28px;
color: #000000;
}
		.navbar, .navbar-default {
	font-size: 15px;
}
	.navbar-default .navbar-nav .dropdown-menu>li>a {
    padding-left:0px;
}
	.navbar .navbar-nav li a, .navbar .navbar-nav li button {
padding-left: 25px;	
}
}






/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {
	.logo {
		position: fixed;
        z-index:999999;
		top: 20px;
	}

	
	.logo img {
		width: 200px;
	}
	.mob-top {
background-color: #ffffff;
height: 86px;
margin-top: 0px;
width: 100%;
position: fixed;
z-index: 999;
color: #ffffff;
font-size: 40px;
top: 0;
}
    
    section button {
	margin-top: 15px;
	margin-right: 20px;
	z-index: 11111;
	position: fixed;
	top:0;
	right:0;
}
	
	.navigation {
background-image: none;
    }
	.navbar .navbar-nav {
padding-right: 45px;
}
	.navbar, .navbar-default {
font-size: 13px;
}
		.navbar-default .navbar-nav .dropdown-menu>li>a {
    padding-left:10px;
			font-size: 13px;
}
	
	.navbar .navbar-nav li a, .navbar .navbar-nav li button {
padding-left: 15px;
}
	.navbar-nav>li>.dropdown-menu {
    margin-left: 5px;
}
	
	.hero .text h1 {
font-size: 80px;
line-height: 78px;
}
	.basic .text h2 {
font-size: 50px;
line-height: 50px;
}
.basic.rev .text {
padding-top: 0px;
}	
	
	.hero .text h1 img.icon3 {
height: 64px;
margin-top: -10px;
}
	.cta-wrap {
padding-top: 50px;
}
	
	.cta .heading h2 {
font-size: 120px;
line-height: 100px;
	}
	
	.cta .text p {
font-size: 22px;
line-height: 40px;
}
	.cta .button img {
width: 60px;
}
   .hello {
    background-image: url("../images/lines.png");
	background-repeat: repeat-x;
    background-size: 1300px;
    background-position: 0 37px;
	margin-top: 180px;
	padding-bottom: 40px;
}

.hello .content {
	padding-top: 150px;
}


.hello h1 {
	font-size: 115px;
	line-height: 105px;
	padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 0px;
	
}
.hello h1 img.icon1 {
	height: 95px;
	margin-top:-15px;
}
.hello h1 img.icon2 {
	height: 95px;
	margin-top:-18px;
}
.hello h1 img.icon3 {
	height: 70px;
	margin-top:-15px;
	margin-right:10px;
	margin-left:5px;
}
  .services-carousel .text h3 {
font-size: 30px;
line-height: 35px;
}
	
.testy-carousel .item {
margin-left: 6%;
margin-right: 6%;
}



    
.qr-list h3 {
font-size: 38px;
line-height: 50px;
}
    

    
    .promo .texty {
font-size: 30px;
line-height: 50px;
font-weight: 300;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 50px;
}
    
    .promo .image {
background-size: 250px;
height: 400px;
}
    .promo.v2 .image {
     background-size: 250px;
height: 400px;   
    }
    .promo.v3 .image {
     background-size: 250px;
height: 400px;   
    }
    .promo {
height: 400px;
}

    
    .basic .texty h2 {
font-size: 35px;
line-height: 55px;
margin-top: 0px;
}
    .basic .texty p.intro {
font-size: 20px;
line-height: 32px;
}
    
   .promo-big-wrap {
	padding-top:10px;
	padding-bottom: 80px;
}
.promo-big {
	 background-image: url("../images/BG-promo-big.png");
	mix-blend-mode: color-dodge;
    background-size: cover;
	background-repeat:no-repeat;
    background-position: center center ;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.promo-big h3 {
	font-size: 40px;
	color: #000000;
	padding-bottom: 20px;
}
.promo-big h2 {
	font-size: 110px;
	line-height: 70px;
	color: #FFFFFF;
}
.promo-big h2 img{
	width: 70px;
	margin-top: -25px;
} 
    

    

    
    .map iframe {
width: 100% !important;
height: 400px !important;
}
    
    
 
    

	.find {
		padding: 0px 0px 80px 0px;
	}
	
	
	
	
	footer {
	padding-top: 120px;
	padding-bottom: 120px;
}

footer .footer-nav p {
	font-size: 15px;
}


footer .sm-icons p.small {
	font-size: 12px;
}

footer .newsletter img {
	width: 100%;
}
	
	
	
	
}
/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {
	.logo {
		position: fixed;
        z-index:999999;
		top: 20px;
	}

	
	.logo img {
		width: 200px;
	}
	.mob-top {
background-color: #ffffff;
height: 86px;
margin-top: 0px;
width: 100%;
position: fixed;
z-index: 999;
color: #ffffff;
font-size: 40px;
top: 0;
}
    
    section button {
	margin-top: 15px;
	margin-right: 20px;
	z-index: 11111;
	position: fixed;
	top:0;
	right:0;
}
    #smile-form {
    padding-top: 70px;
}
	.mob-top p {
		color: #003745;
		font-size: 27px;
	}
	.owl-carousel .slide {
		padding-top: 280px;
		height: 900px;
	}
	.owl-carousel.dev .slide img {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: 15px solid #ffffff
	}
	.owl-carousel .slide-1 {
		background-image: url("../images/home-slider-BG-1.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center 0px;
	}
	.owl-carousel .slider-content img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.owl-carousel .slider-content img.three {
		width: 60%;
		margin-top: 100px;
		display: inline;
	}
	.owl-carousel .slider-content-box {
		padding: 30px 40px;
		margin-top: 90px;
	}
	.owl-carousel .slider-content-box h1 {
		font-size: 57px;
		margin-bottom: 10px;
		line-height: 47px;
		padding-top: 5px;
	}
	.owl-carousel .slider-content-box h2 {
		font-size: 35px;
	}
	.owl-carousel .slider-content-box p {
		font-size: 24px;
	}
	.owl-carousel .slider-content h1 {
		color: #ffffff;
		font-size: 80px;
		line-height: 75px;
		margin-bottom: 30px;
	}
	.owl-carousel .slider-content {
		padding-left: 50px;
		padding-right: 50px;
	}
	.hero .text h1 img.icon3 {
height: 64px;
margin-top: -10px;
}
	.hero {
padding-top: 150px;
padding-bottom: 80px;
background-position: -100px 0px;
}
	.hero .text h1 {
font-size: 80px;
line-height: 78px;
}
	.hero .image {
		padding-bottom: 40px;
	}
.hero .image img {
width: 400px;
}
	.hero .text h1 img.icon1 {
height: 65px;
margin-top: -15px;
}
	.basic {
background-image: url("../images/basic-BG-1.png");
background-repeat: no-repeat;
background-size: 60%;
background-position: center left;
padding-top: 100px;
padding-bottom: 100px;
}
	
	
.basic .text h2 {
font-size: 45px;
line-height: 45px;
}
	.basic .image {
		text-align: left;
		padding-bottom: 30px;
	}	
.basic .image img {
width: 600px;
}	
	
    .hello {
    background-size: 950px;
    background-position: 0 37px;
	margin-top: 140px;
	padding-bottom: 40px;
}

.hello .content {
	padding-top: 100px;
}


.hello h1 {
	font-size: 85px;
	line-height: 80px;
	padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 0px;
	
}
.hello h1 img.icon1 {
	height: 68px;
	margin-top:-12px;
}
.hello h1 img.icon2 {
	height: 70px;
	margin-top:-10px;
}
.hello h1 img.icon3 {
	height: 40px;
	margin-top:-15px;
	margin-right:10px;
	margin-left:5px;
}
    	      .testy-carousel .item {
margin-left: 6%;
margin-right: 6%;
}
.testy-carousel .owl-theme .owl-nav.disabled+.owl-dots {
margin-top: -10px;
}
	.testy-carousel .text p {
font-size: 16px;
line-height: 30px;
color: #000000;
}
	

	
	.qr-list h3 {
font-size: 38px;
line-height: 50px;
}
	
	
    
 .promo-big-wrap {
	padding-top:10px;
	padding-bottom: 80px;
}
.promo-big {
	 background-image: url("../images/BG-promo-big.png");
	mix-blend-mode: color-dodge;
    background-size: cover;
	background-repeat:no-repeat;
    background-position: center center ;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
}
.promo-big h3 {
	font-size: 34px;
	padding-bottom: 20px;
}
.promo-big h2 {
	font-size: 90px;
	line-height: 60px;
}
.promo-big h2 img{
	width: 70px;
	margin-top: -25px;
} 

		.cta .button {
text-align: left;
padding-top: 15px;
}
	.cta .button img {
		width: 350px;
	}
	.cta .text p {
		padding-top: 15px;
font-size: 21px;
line-height: 35px;
padding-right: 30px;
}

   	.integrate {
padding-top: 90px;
	}
.integrate #integrate-level1 img {
height: 30px;
width: auto;
}
	.integrate #integrate-level2 {
margin-top: -15px;
}
.integrate #integrate-level2 img {
height: 55px;
width: auto;
}	
.integrations .item {
height: 280px;
}
    
	footer {
	padding-top: 120px;
	padding-bottom: 120px;
}

footer .footer-nav p {
	font-size: 14px;
}


footer .sm-icons p.small {
	font-size: 12px;
}

footer .newsletter img {
	width: 100%;
}  
	
	footer .sm-icons {
padding-top: 40px;
padding-left: 0px;
}
footer .phonies-wrap {
	color:#ffffff;
	font-size: 17px;
	padding-top: 40px;
}
footer .phonies-wrap img.phonies {
	width: 10px;
	margin-right: 3px;
	margin-top: -4px;
}	
	
	.find {
		padding: 0px 0px 70px 0px;
	}
	#looking {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 80px
	}
	#looking .image img {
		width: 50%;
	}
	#looking h2 {
		font-size: 65px;
		line-height: 40px;
		margin-top: -30px;
	}
	#looking h2 span.script {
		line-height: 90px;
	}
	#looking h2 img {
		height: 70px;
	}
	#looking p {
		font-size: 17px;
	}
	#looking .frill-t-l img {
		width: 350px;
	}
	#looking .frill-t-r img {
		width: 400px;
	}
	#looking .frill-b-r img {
		width: 250px;
	}
	.modal {
		z-index: 9999;
	}
	

	
	footer img.footer-logo {
		height: 60px;
	}
	footer img.footer-slogan {
		height: 40px;
	}
	.footer-nav {
		padding-left: 0px;
		padding-right: 0px;
	}
	.footer-nav li a {
		font-size: 20px;
	}
	.footer-nav li a:hover {
		color: #4e4e4e;
		text-decoration: none;
	}
	
	
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 1400px) {
	/*
	.fs-webform-container .fserv-form > .formserv-text-field:first-of-type,
	.fs-webform-container .fserv-form > .formserv-text-field:first-of-type + .formserv-text-field,
	.fs-webform-container .fserv-form > .formserv-tel-field.fserv-field,
	.fs-webform-container .fserv-form > .formserv-tel-field.fserv-field + .formserv-text-field {
		flex-basis: 100%;
	}*/

	.modalForm__hiddenmobile {
		display: none;
	}

	.modalForm .col-md-6:not(.modalForm__hiddenmobile) {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.cnt223 {
		min-width: 100%;
		width: 100%;
		min-height: 150px;
		margin: 100px auto;
		background: #355470;
		position: relative;
		z-index: 103;
		padding: 10px 25px 60px 25px;
		border-radius: 0px;
		box-shadow: 0 2px 15px #000;
		transform: rotate(4deg);
	}
	.modal {
		z-index: 9999;
	}
.logo {
position: fixed;
z-index: 9999;
	top: 20px;
}
	.phoney {
position: fixed;
z-index: 9999;
		top: 19px;
		right: 65px;
}
	.phoney img {
		width: 40px;
	}
    section button {
	margin-top: 14px;
	margin-right: 20px;
	z-index: 11111;
	position: fixed;
	top:0;
	right:0;
}
    
        #smile-form {
     padding-left: 6%;
        padding-right: 6%;
}
	.logo img {
		width: 155px;
	}
	.mob-top {
background-color: #ffffff;
height: 86px;
margin-top: 0px;
width: 100%;
position: fixed;
z-index: 999;
color: #ffffff;
font-size: 40px;
top: 0;
}
	.mob-top p {
		color: #003745;
		font-size: 27px;
	}
	
	.modalForm__close {
top: 20px;
right: 15px;
}
	.modalForm__close svg {
width: 37px;
height: 37px;
}
	
.form-test h1,
.success-message h1 {
	font-size: 52px;
	line-height: 55px;
}
.form-test,
.success-message {
	padding: 70px 6%;
	border-radius: 0px;
}
.form-test label {
	font-size: 18px;
	padding-top: 15px;
}
.form-test input {
	height: 50px;
	width: 100%;
	border-radius: 10px;
	border:none;
	border-bottom: 2px solid #6B0055;
	padding-left: 20px;
	font-size: 22px;
	font-family: 'primetimeregular';
}
.form-test input.full {
	width: 100%;
}
.form-test input::placeholder {
	color: #E5E5E5;
	font-size: 22px;
	font-family: 'Archivo Black', sans-serif;
}
.form-test select {
	height: 50px;
	width: 100%;
	border-radius: 10px;
	border:none;
	border-bottom: 2px solid #6B0055;
	color: #000000;
	font-size: 22px;
	font-family: 'Archivo Black', sans-serif;
	padding-left: 20px;
}
.form-test select.full {
	width: 100%;
}
.form-test button,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit {
	font-size: 26px;
	height: auto;
	width: 100%;
	border:none;
	padding: 10px;
	border-radius: 10px;
	text-transform: uppercase;
	
}
    
.form-talk-to-us h1,
.success-message h1 {
	font-size: 52px;
	line-height: 55px;
}
.form-talk-to-us,
.success-message {
	padding: 70px 6%;
	border-radius: 0px;
}
.form-talk-to-us label {
	font-size: 18px;
	padding-top: 15px;
}
.form-talk-to-us input {
	height: 50px;
	width: 100%;
	border-radius: 10px;
	border:none;
	border-bottom: 2px solid #6B0055;
	padding-left: 20px;
	font-size: 22px;
	font-family: 'primetimeregular';
}
.form-talk-to-us input.full {
	width: 100%;
}
.form-talk-to-us input::placeholder {
	color: #E5E5E5;
	font-size: 22px;
	font-family: 'Archivo Black', sans-serif;
}
.form-talk-to-us select {
	height: 50px;
	width: 100%;
	border-radius: 10px;
	border:none;
	border-bottom: 2px solid #6B0055;
	color: #000000;
	font-size: 22px;
	font-family: 'Archivo Black', sans-serif;
	padding-left: 20px;
}
.form-talk-to-us select.full {
	width: 100%;
}
.form-talk-to-us button,
body .fs-webform-container .fserv-container button[type=submit].fserv-button-submit {
	font-size: 26px;
	height: auto;
	width: 100%;
	border:none;
	padding: 10px;
	border-radius: 10px;
	text-transform: uppercase;
	
}
    
    
.fs-webform-container .fserv-form > .formserv-text-field:first-of-type, .fs-webform-container .fserv-form > .formserv-text-field:first-of-type + .formserv-text-field, .fs-webform-container .fserv-form > .formserv-tel-field.fserv-field, .fs-webform-container .fserv-form > .formserv-tel-field.fserv-field + .formserv-text-field {
flex-basis: 100%;
}

	.integrations .item {
padding: 10px;
height: 230px;
}
.integrations .item h4 {
font-size: 16px;
	margin-top:0px;
}	
.integrations .item p {
font-size: 10px !important;
line-height: 14px !important;
}
	.integrations .item img {
width: auto;
height: 50px;
}
	
	.integrations .coming-soon img {
	height: 70px;
}
    .contact-form-wrap {
padding-top: 50px;
padding-bottom: 0px;
}
            .contact-form-wrap h2 {
font-size: 40px; 
line-height: 50px;        
padding-bottom: 0px;
}

    .contact-form-wrap .righty {
        padding-top: 10px;
        padding-left: 0px;
        border: none;
    }  
        .copy .contact-details .item {
padding: 30px 30px 15px 30px;
margin-right: 0px;
margin-bottom: 20px;
}
    .copy .contact-details {
padding-bottom: 40px;
padding-top: 0px;
}
    
    
   .hero {
padding-top: 100px;
padding-bottom: 50px;
background-position: -100px 0px;
	   padding-left: 6%;
	   padding-right: 6%;
}
	.hero .text h1 {
font-size: 43px;
line-height: 45px;
}
	.hero .text h2 {
font-size: 20px;
}
	.hero .image {
		padding-bottom: 40px;
	}
.hero .image img {
width: 80%;
}
	.hero .text h1 img.icon1 {
height: 35px;
margin-top: -7px;
}
	.hero .text h1 img.icon3 {
height: 37px;
margin-top: -3px;
}
	.hero .text p {
color: #FFFFFF;
font-size: 18px;
line-height: 28px;
}
	.basic {
background-image: url("../images/basic-BG-1.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: 0px 90px;
padding-top: 50px;
padding-bottom: 50px;
		padding-left: 6%;
	   padding-right: 6%;
}
	
	
.basic .text h2 {
font-size: 35px;
line-height: 35px;
	padding-top: 15px;
}
	.basic .image {
		text-align: left;
		padding-bottom: 10px;
	}	
.basic .image img {
width: 100%;
}	
	.basic.rev {
background-image: url("../images/BG-basic-rev.png");
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
		padding-top: 60px;
}
	
	.basic .text .panel .panel-title p.question {
font-size: 23px;
line-height: 28px;
}
	

	.qr-list {
	padding-left: 6%;
	   padding-right: 6%;
		margin-bottom: 0px;
	}
.qr-list h3 {
font-size: 22px;
line-height: 35px;
}
.qr-promo {
padding-top: 50px;
padding-bottom: 20px;
}
	.qr-promo h2 {
font-size: 40px;
line-height: 40px;
text-align: center;
}
.qr-promo h2 img {
width: 30px;
margin-top: -5px;
padding-bottom: 0px;
}
	.qr {
		padding-left: 6%;
	   padding-right: 6%;
	}	
	.qr h2 {
font-size: 45px;
}
.featured.qr {
padding-top: 50px;
}	
	
	
 .hello {
    background-size: 950px;
    background-position: 0 37px;
	margin-top: 100px;
	padding-bottom: 0px;
	padding-left:6%;
	padding-right:6%;
}

.hello .content {
	padding-top: 100px;
}
.hello h3 {
margin-bottom: 0px;
}

.hello h1 {
	font-size: 50px;
	line-height: 50px;
	padding-bottom: 10px;
    margin-top: 30px;
    margin-bottom: 0px;
	padding-left:6%;
	padding-right:6%;
	
}
.hello h1 img.icon1 {
	height: 43px;
	margin-top:-7px;
}
.hello h1 img.icon2 {
	height: 42px;
	margin-top:-8px;
}
.hello h1 img.icon3 {
	height: 30px;
	margin-top:-5px;
	margin-right:10px;
	margin-left:5px;
}
.hero .text h1 img.icon2 {
height: 30PX;
margin-top: -5px;
}	
    
    
.hero.hero-2 {
	 background-image: url("../images/BG-basic-rev.png");
}
    
	.services-carousel {
padding: 0px 0px 30px 0px;
text-align: center;
}
	
	
	.services-carousel img.swipe {
margin-bottom: 0px;
}
		.services-carousel h3 {
margin-bottom: 0px;
}
	.services-carousel .item {
		margin-left: 6%;
		margin-right: 6%;
		height: auto;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.services-carousel .text h3 {
font-size: 30px;
line-height: 28px;
background-position: 0 4px;
		padding-bottom: 15px;
}
	
	
   
    
   .promises h2 {
font-size: 40px;
line-height: 50px;
} 
	.featured {
		padding-left: 6%;
		padding-right: 6%;
		padding-top: 30px;
padding-bottom: 50px;
	}    
.featured .item {
margin-left: 0px;
margin-right: 0px;
}

	
	
.featured h2 {
font-size: 33px;
line-height: 45px;
text-align: left;
}
    .featured h2 img {
width: 30px;
padding-bottom: 0px;
}
	
	
	
	.easy {
		padding-left: 6%;
		padding-right: 6%;
		padding-bottom: 60px;
	}
	.easy .item {
		margin-bottom: 20px;
		margin-right: 0px;
	}
	
	.basic.rev.alt3 {
padding-top: 100px;
padding-bottom: 30px;
}
	
.basic .text .panel {
margin-top: 0px;
}
	.basic .text .panel.first {
padding-top: 0px;
}
	
	.basic .text .panel .panel-title a {
font-size: 18px;
line-height: 23px;
}	
	.panel-heading .accordion-toggle:after {
padding-top: 4px;
font-size: 18px;
}
	
	.featured .item .text p {
font-size: 15px;
line-height: 25px;
}
	
	
    .text-intro {
padding-top: 60px;
padding-bottom: 40px;
        padding-left: 6%;
        padding-right: 6%;
}

    .text-intro .lefty h2 {
font-size: 28px;
line-height: 48px;
}
    .text-intro .lefty {
padding-top: 10px;
padding-bottom: 40px;
}
 .text-intro .righty p.intro {
font-size: 22px;
line-height: 36px;
font-weight: 300;
}   
    .text-intro.cosmetic .lefty img {
width: 90%;
} 
    .text-intro.cosmetic .righty h2 {
font-size: 45px;
line-height: 45px;
}
        .text-intro.cosmetic {
padding-top: 0px;
padding-bottom: 0px;
    padding-left: 0px;
padding-right: 0px;
}
    
    
        .services {
padding-top: 60px;
padding-bottom: 90px;
        padding-left: 6%;
        padding-right: 6%;
}
    .services h2 {
font-size: 40px;
padding-bottom: 30px;
}
    .services .item p.title {
font-size: 24px;
}
  .services .item {
margin-left: 10px;
margin-right: 10px;
      margin-bottom: 70px;
}  
 .services p.link {
padding-top: 0px;
}   
    
     .promo-big-wrap {
	padding-top:10px;
	padding-bottom: 20px;
}
.promo-big {
	 background-image: url("../images/BG-promo-big.png");
    background-size: cover;
	background-repeat:no-repeat;
    background-position: center center ;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
	 padding-left: 6%;
        padding-right: 6%;
}
.promo-big h3 {
	font-size: 30px;
	padding-bottom: 0px;
}
.promo-big h2 {
	font-size: 45px;
	line-height: 30px;
}
.promo-big h2 img{
	width: 35px;
	margin-top: -20px;
} 
    
 .boxy-fun {
padding-top: 50px;
padding-bottom: 10px;
     padding-left: 6%;
        padding-right: 6%;
}
.boxy-fun .item .texty {
padding: 20px 9% 30px 9%;
}    
  .boxy-fun .item .texty h3 {
font-size: 30px;
}  
    .boxy-fun .item .texty p.intro {
font-size: 20px;
}
    .boxy-fun .item .texty p {
font-size: 16px;
        line-height: 26px;
padding-top: 10px;
}
.boxy-fun .item .image {
height: 200px;
background-position: center center;
}
.boxy-fun .item .image2 {
height: 200px;
background-position: center center;
}   

   
    .testy-carousel .item {
height: auto;
		margin-left: 6%;
		margin-right: 6%;
}
 .testy-carousel .image {
border-radius: 28px 28px 0px 0px;
height: 200px;
}   
	.testy-carousel .text {
padding: 20px 30px 20px 30px;
}
	.testy-carousel .text p {
font-size: 15px;
line-height: 24px;
color: #000000;
}
	.testy-logos-carousel .item img {
height: 70px;
	}
		
		
	.cta {
      padding-left: 6%;
        padding-right: 6%;
	} 
	.cta-wrap {
padding-top: 0px;
}
.cta .heading h2 {
font-size: 70px;
line-height: 60px;
}
	.cta .text p {
font-size: 16px;
line-height: 28px;
padding-right: 0px;
}
	.cta .button {
		text-align: left;
	}
	.cta .button img {
		width: 100%;
		max-width: 350px;
	}
	
	.integrate {
padding-top: 90px;
	}
.integrate #integrate-level1 img {
height: 30px;
width: auto;
}
	.integrate #integrate-level2 {
margin-top: -15px;
}
.integrate #integrate-level2 img {
height: 55px;
width: auto;
}	
		footer {
	padding-top: 120px;
	padding-bottom: 80px;
      padding-left: 6%;
        padding-right: 6%;
}

footer .footer-nav p {
	font-size: 16px;
	margin-bottom:0px;
}
	footer .button {
		padding-bottom: 30px;
	}
footer .button img {
width: 100%;
	max-width: 350px;
}
footer .footer-nav {
padding-left: 0px;
}
footer .sm-icons p.small {
	font-size: 11px;
	padding-top: 20px;
}
	footer .newsletter {
		padding-top: 30px;
	}
footer .newsletter img {
	width: 100%;
}  
	
	footer .sm-icons {
padding-top: 40px;
padding-left: 0px;
}
	
	
	.find {
		background-image: url("../images/home-branches-BG.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
		padding: 20px 0px 50px 0px;
		text-align: center;
	}
	.find h3 {
		font-family: 'fabfeltscriptbold';
		color: #064b7b;
		font-size: 40px;
		padding-bottom: 0px;
	}
	.find h3 img {
		width: 50px;
		margin-top: -10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#looking {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 90px;
		padding-left: 5%;
		padding-right: 5%;
	}
	#looking .image img {
		width: 80%;
	}
	#looking h2 {
		font-size: 45px;
		line-height: 30px;
		margin-top: -30px;
	}
	#looking h2 span.script {
		line-height: 70px;
		font-size: 40px;
	}
	#looking h2 img {
		height: 50px;
	}
	#looking p {
		font-size: 18px;
		padding-top: 10px;
	}
	#looking .frill-t-l img {
		width: 150px;
	}
	#looking .frill-t-r img {
		width: 400px;
		display: none;
	}
	#looking .frill-b-r img {
		width: 250px;
	}
	#tri-bar {
		position: relative;
		z-index: 1
	}
	#tri-bar .tri-1 {
		background-image: url("../images/tri-bar-work-BG.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 230px;
		-webkit-filter: grayscale(0%);
		/* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter: grayscale(0%);
		/* FF 35+ */
		transition: all 0.3s ease;
	}
	#tri-bar .tri-2 {
		background-image: url("../images/tri-bar-order-BG.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 230px;
		-webkit-filter: grayscale(0%);
		/* Ch 23+, Saf 6.0+, BB 10.0+ */
		filter: grayscale(0%);
		/* FF 35+ */
		transition: all 0.3s ease;
	}
	#tri-bar .tri-1:hover, #tri-bar .tri-2:hover {
		transform: scale(1.03);
		cursor: pointer;
		/* -webkit-filter: blur(20px);
    filter: blur(20px); */
		background-blend-mode: multiply;
	}
	#tri-bar .subscribe {
		padding-top: 25px;
		height: 330px;
	}
	#tri-bar .subscribe h2 {
		font-size: 50px;
		margin-bottom: 5px;
	}
	#tri-bar .subscribe p {
		padding-bottom: 0px;
	}
	#tri-bar .subscribe form {
		padding-top: 0px;
	}
	#tri-bar .subscribe input.form-field {
		height: 40px;
	}

	.video {
		position: relative;
		margin-top: 40px;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		z-index: 991;
	}
	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 991;
	}
	.video-sect {
		padding-top: 25px;
		padding-bottom: 25px;
		padding-right: 5%;
		padding-left: 5%;
	}
	.promo-grid .recipe {
		padding-top: 80px;
	}
	.menutop {
		background-image: url(../images/banner-BG-menus-mob.jpg);
		background-size: cover;
		padding-top: 150px;
		padding-bottom: 0px;
	}
	.menutop .slider-content {
		width: 85%;
	}
	.menutop .slider-content h1 {
		font-size: 50px;
	}
	.menutop .slider-content h1 .script {
		font-size: 44px;
	}
	.menutop .slider-content select {
		background-size: 50px;
		font-size: 28px;
	}
	.menutop img.dish {
		width: 70%;
		margin-top: 45px;
	}
	.menu p.pdf-wrap {
		padding-bottom: 20px;
	}
	.menu .left {
		padding-right: 0px;
	}
	.menu .right {
		padding-left: 0px;
	}
	.menu h2 {
		font-size: 50px;
	}
	.menu h3 {
		font-size: 22px;
	}
	.menu h4 {
		font-size: 30px;
		line-height: 38px;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-top: 30px;
		margin-bottom: 0px;
		border: none;
	}
	.menu p.description {
		font-size: 16px;
		line-height: 22px;
		padding-top: 8px;
	}
	.menu p.detail {
		margin-top: -30px;
	}
	.menu .image {
		text-align: center;
		padding-bottom: 20px;
	}
	.menu img.foody {
		width: 100%;
		margin-left: 0px;
	}
	.menu .left {
		padding-right: 0px;
		padding-left: 0px;
	}
	.menu h4 {}
	.social-media-mob {
		padding-top: 0px;
		padding-bottom: 30px;
	}
	.social-media .facebook {
		margin-bottom: 60px;
	}
	.social-media .twitter {
		margin-bottom: 60px;
	}
	.social-media .instagram {
		background-color: #438ab3;
		color: #FFFFFF;
	}
	.social-feed {
		padding-top: 30px;
		padding-bottom: 20px;
		background-size: cover;
		padding-left: 0%;
		padding-right: 0%;
	}
	.social-feed img.inst-title {
		width: 80%;
		padding-bottom: 20px;
	}
	.social-feed h2 {
		font-size: 60px;
		line-height: 45px;
		text-shadow: none;
		margin-bottom: 15px;
		color: #ffffff;
	}
	.instagram {
		background: transparent;
		margin-bottom: 30px;
	}
	.instagram img {
		width: 90%;
		border: 10px #ffffff solid;
		background-color: #323232
	}
	footer {
		padding-left: 6%;
		padding-right: 6%;
	}
	footer .col1, footer .col2 {
		padding-left: 0px;
		padding-right: 0px;
	}
	footer .col2 {
		padding-top: 30px;
	}
	footer .col3 {
		margin-top: 40px;
	}
	footer img.footer-slogan {
		height: auto;
		width: 90%;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.footer-nav li {
		display: block;
		padding-bottom: 10px;
	}
	footer p.copyright {
		padding-left: 5%;
		padding-right: 5%;
		line-height: 20px;
		padding-bottom: 20px;
	}
    footer .emergency-box p.number a {
color: #003745;
}
}