/*
Template Name: EPIC - ZEUS
Author URI: 
Author Name: Ioana
Version: 1.0
*/
/* --- TABLE OF CONTENT
01. GENERAL LAYOUT
02. MENU-NAV
03. HOME-ZEUS
04. ABOUT-ZEUS
05. SERVICES/FEATURES
06. GALLERY
07. CONTACT & NEWSLETTER
08. TEAM
09. FOOTER
10. OTHER ELEMENTS  
11. RESPONSIVE
--- */
/* ========================================================== */
/* 			               01. GENERAL LAYOUT                 */
/* ========================================================== */

ul, ol { 
	list-style: none; 
	list-style-image: none; 
	margin: 0; 
	padding: 0;
	font-size: 14px;
	line-height:24px;
	margin-bottom:20px;
}
ul li, ol li{
	font-size: 14px;
	line-height: 28px;
}
ul li i{
	vertical-align: middle;
}
p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	margin-bottom:15px;
	font-family: &quot;Trebuchet MS&quot;;
}
a,
a:hover,
a:focus {
	text-decoration: none;
	outline: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  margin-bottom:20px;
  font-family: &quot;Trebuchet MS&quot;;
}
h0 {
  font-size: 36px;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 20px;
}
h6 {
	font-size: 18px;
}
ul {
	padding: 0;
}
ul li{
	list-style-type: none;
}
a:hover, a:focus, a:active, a:visited {
	text-decoration: none;
}
iframe {
    max-width: 100%;
    border: none;
}
.white-text{ 
	color: #fff;
}
.section-white {
	background: #fff;
	padding: 70px 0;
}
.section-white-xs{
	background: #fff;
	padding-top: 10px;
	padding-bottom: 0px;
  line-height: 50px;
}
.section-grey{
	background: #f7f7f8;
	padding: 70px 0;
}
.section-light{
	background: #fffbfc;
	padding: 70px 0;
}
.section-dark{
	background-color: #262e35;
	padding:70px 0;
}
.width-100{
	width: 100%;
}
/* margin and padding classes */
.margin-right-25 {
	margin-right: 25px !important;
}
.margin-top-110 {
	margin-top: 110px !important;
}
.margin-top-100 {
	margin-top: 100px !important;
}
.margin-top-90 {
	margin-top: 90px !important;
}
.margin-top-80 {
	margin-top: 80px !important;
}
.margin-top-60 {
	margin-top: 60px !important;
}
.margin-top-50 {
	margin-top: 50px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-top-35 {
	margin-top: 35px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-5 {
	margin-top: 5px !important;
}
.margin-bottom-0 {
	margin-bottom: 0px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}
.margin-bottom-70 {
	margin-bottom: 70px !important;
}
.margin-bottom-80 {
	margin-bottom: 80px !important;
}
.margin-bottom-100 {
	margin-bottom: 100px !important;
}
.margin-bottom-120 {
	margin-bottom: 120px !important;
}
.margin-bottom-130 {
	margin-bottom: 120px !important;
}
.margin-bottom-140 {
	margin-bottom: 140px !important;
}
.padding-top-0 {
	padding-top: 0px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-60 {
	padding-top: 60px !important;
}
.padding-top-70 {
	padding-top: 70px !important;
}
.padding-top-80 {
	padding-top: 80px !important;
}

.padding-top-100 {
	padding-top: 180px !important;
}

.padding-bottom-70 {
	padding-bottom: 70px !important;
}
.padding-bottom-60 {
	padding-bottom: 60px !important;
}
.padding-bottom-50 {
	padding-bottom: 50px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-0 {
	padding-bottom: 0px !important;
}
.margin-top-0 {
	margin-top: 0px !important;
}
/* ========================================================== */
/* 			               02. MENU-NAV                       */
/* ========================================================== */
#logo{
	font-family: 'Cairo', sans-serif;
	font-size: 34px;
	font-weight: 400;
	color: #2f404d;
	text-transform: uppercase;
}
#navbar-collapse-02 li.selected a{
    color: #333f48!important;
    border-bottom: 2px solid #eee!important;
}
.navbar-fixed-top #navbar-collapse-02 .current a {
    color:#333f48!important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-fixed-top.opaque #navbar-collapse-02 .current a {
    color:#333f48!important;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-fixed-top { 
	background: transparent!important; 
	border-bottom: none;
	transition: background-color 1s ease 0s;
}
.navbar-fixed-top.opaque {
	background-color: #333f48!important;
	padding: 10px 0;
	transition: all 1s ease-in-out 0s;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.navbar-default .navbar-nav > li > a{
	color:#f5f5f5 !important;
	font-size: 15px !important;
	line-height: 30px !important;
	text-transform: uppercase;
	padding: 10px 20px!important;
	font-family: &quot;Trebuchet MS&quot;;
	font-weight: 400;
	letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:hover{
	color:#333f48 !important;
}
.navbar-default .navbar-toggle{
    border-color:#f5f5f5 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color:#f5f5f5 !important;
}
/* ========================================================== */
/* 			               03. HOME-ZEUS                      */
/* ========================================================== */
.video-overlay{
	background: #141414;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
}
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.video-foreground { height: 300%; top: -100%; }

@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
.zeus-home-title{
	position: relative;
	padding-top: 124px;
	padding-bottom:110px;
	z-index: 1000;
}
.zeus-home-title h1{
	font-family: &quot;Trebuchet MS&quot;;
    font-size: 48px;
    line-height: 66px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 1px;
    color: #ffffff;
}
.zeus-home-title p{
	font-size: 30px; 
	line-height: 36px;
	color: #ffffff;
}
.zeus-video-icon {
	width: 60px;
	height: 60px;
	border:1px solid #fff;
	border-radius: 50% 50%;
	display: inline-block;
	background: transparent;
	margin-top: 20px;
	transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.zeus-video-icon:hover{
	background: transparent;
}
.zeus-video-icon i {
	font-size: 32px;
	line-height: 60px;
	color: #9da1ac;
	margin-left: 8px;
	transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.zeus-video-icon:hover i{
	color: #fff;
}
.zeus-home-title ul.zeus-hero-social{
	position: fixed;
	top:40%;
	left: 30px;
}
ul.zeus-hero-social li {
	margin: 15px 0;
}
ul.zeus-hero-social li i{
	font-size: 20px;
	color: #9da1ac;
}
/* ========================================================== */
/* 			               04. ABOUT-ZEUS                     */
/* ========================================================== */
.zeus-dark-headings-about{
	padding: 0px 20px;
}
.zeus-dark-headings{
	padding: 0px 20px;
}
.zeus-dark-headings-center{
	text-align: center;
	margin-bottom: 40px;
	position: relative;
}
.zeus-dark-headings-center img{
	position: absolute;
	top:0;
	left:3%;
	margin-top: -200px;
	text-align: center;
}
.zeus-dark-headings h0,
.zeus-dark-headings-center h0,
.zeus-dark-headings-about h0{
color: #8d909a;
	font-size: 16px;
	line-height: 28px;
    font-family: &quot;Trebuchet MS&quot;;
    margin-bottom: 5px;
}
.zeus-dark-headings h2,
.zeus-dark-headings-center h2,
.zeus-dark-headings-about h2{
	font-size: 14px;	
    text-transform: none;
    letter-spacing: 1px;
    color: #8d909a;
    margin-bottom: 25px;
}
.zeus-dark-headings h3,
.zeus-dark-headings-center h3,
.zeus-dark-headings-about h3{
	font-size: 32px;	
    text-transform: none;
    letter-spacing: 1px;
    color: #333f48;
}
.zeus-dark-headings p,
.zeus-dark-headings-center p,
.zeus-dark-headings-about p{
	font-size: 16px;
	line-height: 24px;
    color: #8d909a;
  margin-right: 30px;
}
.zeus-dark-headings h4,
.zeus-dark-headings-center h4,
.zeus-dark-headings-about h4{
	font-size: 30px;
	line-height: 42px;
    color: #ffffff;
}
.zeus-dark-headings h6,
.zeus-dark-headings-center h6,
.zeus-dark-headings-about h6{
	font-size: 22px;
	line-height: 36px;
    color: #5cb8b2;
}
.zeus-dark-headings h7,
.zeus-dark-headings-center h7,
.zeus-dark-headings-about h7{
	font-size: 22px;
	line-height: 36px;
    color: #8d909a;
}
.zeus-dark-headings-center a{
  display:inline; 
  color: #333f48; 
  font-size: 24px; 
  text-decoration: none; 
  line-height: 30px; 
  width: 100%; 
  border: 1px solid #ee3124;
  border-radius: 40px 40px 40px 40px;
}
.zeus-dark-headings-about ul li{
	color: #333f48;
	font-size: 16px;
	line-height: 28px;
    font-family: &quot;Trebuchet MS&quot;;
    margin-bottom: 5px;
}
.zeus-dark-headings-about ul li i{
	margin-right: 10px;
}
.zeus-section-image .zeus-dark-headings{
	padding: 20px 40px;
} 	
a.zeus-btn{	
    color: #f3f3f4;
    font-family: &quot;Trebuchet MS&quot;;
    background-color: #5cb8b2;
    font-size: 16px;
    text-transform: none;
    padding: 5px 20px;
    margin-top: 20px;
    display: inline-block;
    -webkit-border-radius: 40x 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #5cb8b2;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}
/* ========================================================== */
/* 			               05. SERVICES/FEATURES              */
/* ========================================================== */
.zeus-section-image{
	background: url(https://3378618.fs1.hubspotusercontent-na1.net/hubfs/3378618/shutterstock_6624236234-6.jpg) top center no-repeat;
	background-size: cover;
	padding: 70px 0;
}
.zeus-section-image2{
	background: url(https://3378618.fs1.hubspotusercontent-na1.net/hubfs/3378618/shutterstock_6624236234-6.jpg) top center no-repeat;
	background-size: cover;
	padding: 100px 0;
}
.zeus-featbox{
	width: 100%;
  padding: 5px 5px;
}
.zeus-featbox i{
	font-size: 28px;
	color: #80674c;
	margin-right: 18px;
}
.zeus-featbox h3{
	font-size: 18px;
	color: #333f48;	
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.zeus-featbox h4{
	font-size: 24px;
	color: #7e818a;	
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.zeus-featbox p{	
    font-size: 14px;
    line-height: 22px;
    color: #7e818a;
}
.zeus-featbox2{
	overflow: hidden;
	margin-top: 30px;
}
.zeus-featbox2 a{
  display:inline; 
  color: #333f48; 
  font-size: 20px; 
  text-decoration: none; 
  line-height: 30px; 
  width: 100%; 
  border: 1px solid #ee3124;
  border-radius: 40px 40px 40px 40px;
}
.zeus-featbox2 img{
	width: 40px;
	float: left;
	margin-top: 20px;
}
.zeus-featbox2 .zeus-featbox2-text{
	float: left;
	width: 100%;
}
.zeus-featbox2 .zeus-featbox2-text h4{
    font-size: 16px;
    color: #5cb8b2;
    text-transform: none;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.zeus-featbox2 .zeus-featbox2-text p{
    font-size: 14px;
    line-height: 20px;
    color: #333f48;
}
/* ========================================================== */
/* 			               06. GALLERY                        */
/* ========================================================== */
 .zeus-gallery{
	margin-left: 0;
	margin-right: -15px;
}
.gallery-inner1{
	padding-left: 0!important;
	margin-bottom: 20px;
}
.gallery-inner2{
	padding-right: 0!important;
	margin-bottom: 20px;
}
/* ========================================================== */
/* 			 07. CONTACT & NEWSLETTER                         */
/* ========================================================== */
#contact-form {
	margin:20px auto;
	width:70%;
}
input.zeus-contact-input{
	width:100%;
	height:55px;
    padding-left:2%;
    padding-right:2%;
	margin-bottom:15px;
	color: #000000;
	background-color: #ffffff;
	opacity: 0.75;
	border:none!important;
    border: none!important;
    font-family: &quot;Trebuchet MS&quot;;
    font-size:16px;
    text-align: left;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
textarea.zeus-contact-comment{
	height:135px;
	margin-bottom:15px;
	width:100%;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
	color: #000000;
	background-color: #ffffff;
	opacity: 0.75;
    border: none!important;
    font-family: &quot;Trebuchet MS&quot;;
    font-size:16px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
input.zeus-contact-submit{	
	color: #ffffff;
    font-family: &quot;Trebuchet MS&quot;;
    text-transform: none;
	background-color: #5cb8b2;
	font-size: 16px;
	line-height: 15px;
	padding: 15px 30px;
	margin-top: 20px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	border: 3px solid #5cb8b2;
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
}
input.zeus-contact-submit:hover{
	color: #5cb8b2;
  background-color: #ffffff;
	border: 3px solid #ffffff;
}
input.white-input::-webkit-input-placeholder,
textarea.white-input::-webkit-input-placeholder { /* WebKit browsers */
    color:#000000;
}
input.white-input:-moz-placeholder,
textarea.white-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#000000;
}
input.white-input::-moz-placeholder,
textarea.white-input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#000000;
}
input.white-input:-ms-input-placeholder,
textarea.white-input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#000000;
}
#contact-form input.zeus-contact-input:focus, 
#contact-form textarea.zeus-contact-comment:focus {
  border-color:#000000;
  outline: none;
}
p.contact_success_box{
	display:inline-block;
	color:#454545;
	font-size:20px;
	font-style:italic;
	padding:20px 20px;
	border:1px solid #fff;
	webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
/* ========================================================== */
/* 			                08. TEAM                          */
/* ========================================================== */
.zeus-teambox{
	padding: 40px 20px 40px 20px;
	border: 1px solid #aaaaaa;
	width: 85%;
	margin:	0 auto;	
	margin-bottom: 30px;
	webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.zeus-teambox:hover{
	background: #1d1e2b;
	border: 1px solid #1d1e2b;
}
.zeus-teambox img{
	width: 120px;
	margin-bottom: 20px;
	webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;	
}
.zeus-teambox h4{
    font-size: 18px;
    color: #80674c;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-weight: 600;	
}
.zeus-teambox span{
    font-size: 14px; 
    line-height: 20px;
    color: #80674c;	
    font-style: italic;
    display: inline-block;
    margin-bottom: 20px;
}
.zeus-teambox p{
    font-size: 14px;
    line-height: 20px;
    color: #8d909a;
    margin-bottom: 30px;
}
.zeus-teambox ul li{
	display: inline-block;
	margin-right: 10px;
}
.zeus-teambox ul li a{
	font-size: 20px;
    color: #80674c;	
}
/* ========================================================== */
/* 			                09. FOOTER                        */
/* ========================================================== */
.zeus-footer {
	background-color: #333f48;
	padding: 40px 0
}
.zeus-footerbox{
	margin: 0 auto;
	text-align: center;
}
.zeus-footerbox p{
	color: #ffffff;
	font-size: 13px;
	line-height: 28px;
	border-right: 1px solid #ffffff;
	padding-right: 10px;
	margin-right: 10px;
	display: inline;
}
.zeus-footerbox span{	
	margin-top: 5px;
	font-size: 16px;
	font-weight: 600;	
	color: #ffffff;
	display: inline;	
    font-family: &quot;Trebuchet MS&quot;;
    margin-top: 3px;
}
.zeus-copyright{
	text-align: center;	
	color: #ffffff;
	margin-top: 40px;
}
.zeus-copyright a{
	color: #ffffff;
}
/* ========================================================== */
/* 			               10. OTHER ELEMENTS                 */
/* ========================================================== */
/* NEWSLETTER */
input.newsletter-input::-webkit-input-placeholder {
    color: #fff;
}
input.newsletter-input::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
input.newsletter-input:-ms-input-placeholder {
    color: #fff;
}
input.newsletter-input:focus, input.newsletter-input:active {
  border-color:none;
  outline: none;
}
/* COUNTDOWN */
ul#countdown {
	margin-top: 60px;
}
ul#countdown li {	
    font-family: 'Cairo', sans-serif;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:10px 10px;
	width:90px;
	height:90px;
	background-color:transparent;
	border:1px solid #a08160;
	-webkit-border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    border-radius: 8px 8px;
  	text-align: center;
	vertical-align:middle;
}
ul#countdown li span {
	color:#ffffff;
  	font-size: 34px;
	line-height:34px;
  	font-weight: 500;
  	position: relative;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
	margin-top:3px;
	color:#ffffff;
  	text-transform: uppercase;
  	font-size: 14px;
	line-height:14px;
  	font-weight: 400;
  	font-family: 'Cairo', sans-serif;
}
/* TABS */
.tabs-nav .zeus-dark-headings{
	padding: 0 0;
	margin-bottom: 40px;
}
.tabs-nav{
	padding: 0 40px;
}
.tabs-nav ul{
    padding-right: 20px;
}
.tabs-nav ul li.tab-item-zeus{
    border-bottom: 1px solid #d1d2d6;
    padding: 10px 0;
    width: 100%;
}
.tabs-nav ul li.tab-item-zeus h4{
	font-family: 'Cairo', sans-serif;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 1px;
    color: #54565c;
    font-weight: 600;
    cursor: pointer;
    display: inline;
}
.tabs-nav ul li.tab-item-zeus p {
	font-family: 'Cairo', sans-serif;
    font-size: 17px;
    text-transform: none;
    letter-spacing: 1px;
    color: #54565c;
    font-weight: 600;
    cursor: pointer;
    display: inline;
}
.tabs-nav ul li.tab-item-zeus:hover h4,
.tabs-nav ul li.tab-item-zeus:hover p{
	color: #a08160;
}
.tabs-nav ul li.active h4,
.tabs-nav ul li.active p{
	color: #a08160;
}
.tabs-nav ul li.tab-item-zeus p {
	float: right;
}
.tab-container{
	padding: 20px 10px;
}
.tab-content p{	
    font-size: 16px;
    line-height: 28px;
    color: #8d909a;
    margin-top: 20px;
}
.tab-content a.zeus-btn{	
    color: #fff;
    font-family: 'Cairo', sans-serif;
    background-color: #ffffff;
    font-size: 16px;
    text-transform: none;
    padding: 10px 20px;
    margin-top: 10px;
    display: inline-block;
    -webkit-border-radius: 40px 40px 40px 40px;
    -moz-border-radius: 40px 40px 40px 40px;
    border-radius: 40px 40px 40px 40px;
    border: 1px solid #ee3124;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
}
/* Photos Hover Animations */
.popup-gallery{
	position:relative;
}
.first-gallery{
	margin-bottom:15px;
}
.popup-gallery img {
	position:relative;
	z-index:10;
	width: 100%;
	height: auto;
}
.popup-gallery:hover img {
	opacity: 0.25;
}
.popup-gallery a span.eye-wrapper {
	background-color:#000;
	position: absolute;
	display: block;
	overflow:hidden;
	z-index: 2;
	height:100%!important;
	top: 0%;
	margin-top: 0px;
	left: 0%;
	right: 0%;
	font-size: 22px;
	color:#fff;
	text-align: center;
	font-weight:300;
	opacity: 0;
	-webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.popup-gallery-rounded a span.eye-wrapper {
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.popup-gallery a span.eye-wrapper i.eye-icon{
	position: absolute;
	display: inline-block;
	font-size:38px;
	z-index: 3;
	top: 50%!important;
	margin-top: -19px!important;
	left: 0%;
	right: 0%;
}
.popup-gallery a:hover span{
	opacity: 1;
}
.popup-gallery img,
.popup-gallery a span {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/* ========================================================== */
/* 			               11. RESPONSIVE                     */
/* ========================================================== */
@media (min-width: 992px) and (max-width: 1280px){
	.zeus-video-section{
	background: url(http://placehold.it/1080x888) top right no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
	}
	.zeus-video-overlay{
	background: #141414;
	opacity: 0.80;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	}
	.zeus-home-title{
	position: relative;
	padding-top: 180px;
	padding-bottom: 180px;
	z-index: 1000;
	}
}
@media (max-width: 991px) {
	.zeus-home-title ul.zeus-hero-social{left: 10px;	}
	.section-white {padding: 40px 0;}
	.section-dark{padding:40px 0;}
	.section-grey{padding: 40px 0;}
	.zeus-teambox{width: 100%;}	
	.zeus-video-section{
		background: url(../../images/zeus-heroimage2.jpg) top right no-repeat;
		background-size: cover;
		position: relative;
	}
	.zeus-video-overlay{
		background: #141414;
		opacity: 0.80;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
	}	
	.video-background {display: none;}
}
@media (max-width: 767px) {
	.zeus-featbox{padding: 10px 60px;}
	.gallery-inner1{margin-right: -15px;}
	.gallery-inner2{margin-left: -15px;	}
	.zeus-teambox{width: 85%;}
	.zeus-dark-headings-about{padding: 40px 20px;}
	.zeus-dark-headings{padding: 40px 20px;}
	.tabs-nav{	padding: 0 20px;}
	#contact-form {	width:90%;}
}
@media (max-width: 640px) {
	.zeus-home-title{
		position: relative;
		padding: 100px 15px;
		z-index: 1000;
	}
	.zeus-home-title h1{
	    font-size: 40px;
	    line-height: 52px;
	}
	.zeus-home-title ul.zeus-hero-social{
		position: absolute;
		top:70%;
		left: 10px;
	}
/*****************************************/
/* Start your style declarations here    */
/*****************************************/
body {
    background: ;
    font-family: ;
    border-top: none;
    font-weight:100;
    margin: 0!important;
    color:#ffffff;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    line-height: 2em;
}
.widget-type-raw_jinja,
.widget-type-custom_widget {
    min-height: 0 !important;
}
.header-container-wrapper {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.company-logo {
    text-align: center;
}
.company-logo img {
    height: 90px !important;
    width: auto !important;
}
@media (max-width: 767px) {
    .company-logo img {
        height: 70px !important;
        width: auto !important;
    }
}
.page-center {
    max-width: 1100px;
    margin: 0 auto !important;
    float: none !important;
    padding:0 20px;
}
.header-content {
    padding:15px 0;
    background-color:#fff;
    /*box-shadow: 0px 0px 33px #222 !important;*/
    z-index: 5;
}
.header-color-overlay {
    background-color:;
}
.full-width-header-pattern-image {
    background-image:url("https://3378618.fs1.hubspotusercontent-na1.net/hubfs/3378618/Boston%20Ballet%20Case%20Study/chandelier-web.jpg");
    background-position: center center;
    background-repeat: repeat;
    padding: 45px 0;
}
h1, h2, h3, h4, h5, h6, p {
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-weight: 100;
    line-height: 1.5em;
}
h1 {
    font-size:50px;
}
h2 {
    font-size:36px;
}
h3 {
    font-size:28px;
}
h4 {
    font-size:24px;
}
h5 {
    font-size:18px;
}
h6 {
    font-size:12px;
}
p {
    font-size: 16px;
    line-height: 2em;
}
.lp-section-header {
    text-align: center;
}
.section-header {
    margin-bottom:20px;
}
.header h1 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.header h2 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.header h3 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.header h4 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.sub-header {
    margin-bottom: 10px;
    text-align: center;
    color:#fff;
}
.sub-header h1 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.sub-header h2 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.sub-header h3 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
.sub-header h4 {
    -webkit-margin-before:.4em;
    -webkit-margin-after:.4em;
}
a:link {
    text-decoration: none;
    color: ;
}
a:visited {
    text-decoration: none;
    color: ;
}
a:active {
    text-decoration: none;
    color: ;
}
a:hover {
    text-decoration: none;
    color: ;
}
.phone-number {
    font-size: 16px;
    color: ;
    text-align: right;
    margin-top: 4%;
}
.hubl {
    display: none;
}
.full-width-white-bg {
    background:#ffffff;
    padding:25px 0 50px;
    z-index:-2;
    /*box-shadow: 0px 0px 33px #222 !important;*/
}
.full-width-light-grey-bg {
    background: #f2f3f4;
    padding: 25px 0 50px;
}
.center-image {
    margin:0 auto 20px!important;
    float:none!important;
    text-align:center;
    max-width:600px;
}
.icon-wrapper {
    height: 150px;
    width: 150px;
    margin: 0 auto!important;
    float: none!important;
}
.font-awesome-icon {
    color ;
    height: 120px;
    width: 120px;
    font-size: 100px;
    text-align: center;
    vertical-align: middle;
    margin: 15px auto!important;
    float: none!important;
}
.icon-wrapper-square .font-awesome-icon {
    color: #fff !important;
}
.icon-wrapper-square {
    border: 2px solid ;
    background-color: ;
    border-radius: 0;
}
.icon-wrapper-square .font-awesome-icon {
    color: ;
}
.icon-wrapper-square-b {
    border: 2px solid ;
    background-color: rgba(0,0,0,0);
    border-radius: 0;
}
.icon-wrapper-circle .font-awesome-icon {
    color: #fff !important;
}
.icon-wrapper-circle {
    border: 2px solid ;
    background-color: ;
    border-radius: 50%;
}
.icon-wrapper-circle-b .font-awesome-icon {
    color: ;
}
.icon-wrapper-circle-b {
    border: 2px solid ;
    background-color: rgba(0,0,0,0);
    border-radius: 50%;
}
.widget-type-custom_widget {
    min-height: 0;
}
/* form */
.hs-button-reset,
.hs-form .hs-button {
    border: none;
    font-family: Trebuchet MS;
    line-height: 1;
    margin: 0;
    outline: 0;
    padding: 0
}
.base-hs-button-styles,
.hs-form .hs-button {
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 12px;
    padding: 7px 18px 7px;
    position: relative;
    text-align: center
}
.base-hs-button-styles:hover,
.hs-form .hs-button:hover {
    text-decoration: none
}
input.hs-input[type=checkbox],
input.hs-input[type=radio] {
    cursor: pointer
}
input.hs-input,
textarea.hs-input,
select.hs-input {
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    font-family: Trebuchet MS;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    color: #666;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}
textarea.hs-input {
    padding-top: 5px
}
html.webkit textarea.hs-input {
    padding-top: 6px;
    padding-left: 5px
}
input.hs-input[type=checkbox],
input.hs-input[type=radio] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    line-height: normal;
    border: none
}

input.hs-input[type=file] {
    background-color: #fff;
    padding: initial;
    border: initial;
    line-height: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
input.hs-input[type=button],
input.hs-input[type=reset],
input.hs-input[type=submit] {
    width: auto;
    height: auto
}
input.hs-input[type=search] {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    background-image: url("/common_assets/static-2.158/img/form/search.png");
    background-repeat: no-repeat;
    padding-left: 26px;
    padding-right: 6px;
    padding-top: 5px;
    padding-bottom: 3px;
    background-position: 8px 8px
}
html.firefox input.hs-input[type=search] {
    position: relative;
    top: 1px
}
input.hs-input[type=search].transparent-image {
    background-image: url("/common_assets/static-2.158/img/form/search-transparent.png")
}
input.hs-input[type="search"]::-webkit-search-decoration,
input.hs-input[type="search"]::-webkit-search-cancel-button,
input.hs-input[type="search"]::-webkit-search-results-button,
input.hs-input[type="search"]::-webkit-search-results-decoration {
    display: none
}
select.hs-input,
input.hs-input[type=file] {
    height: 27px
}
select[multiple].hs-input {
    height: inherit
}
textarea.hs-input {
    height: auto
}
.hs-input:-moz-placeholder {
    color: #bfbfbf
}
.hs-input::-webkit-input-placeholder {
    color: #bfbfbf
}
input.hs-input,
textarea.hs-input {
    -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
    -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
    transition: border 0.2s linear, box-shadow 0.2s linear;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)
}
input.hs-input:focus,
textarea.hs-input:focus {
    outline: none;
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6)
}
input.hs-input.error,
.hs-form div.field.error input,
.hs-form div.field.error textarea,
.hs-form div.field.error .chzn-choices,
textarea.hs-input.error {
    border-color: #c87872;
    -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
    -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
    box-shadow: 0 0 3px rgba(171, 41, 32, 0.25)
}
input.hs-input.error:focus,
.hs-form div.field.error input:focus,
.hs-form div.field.error textarea:focus,
.hs-form div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus {
    border-color: #b9554d;
    -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
    -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5);
    box-shadow: 0 0 6px rgba(171, 41, 32, 0.5)
}
.input-mini.hs-input,
input.mini.hs-input,
textarea.mini.hs-input,
select.mini.hs-input {
    width: 60px
}
.input-small.hs-input,
input.small.hs-input,
textarea.small.hs-input,
select.small.hs-input {
    width: 90px
}
.input-medium.hs-input,
input.medium.hs-input,
textarea.medium.hs-input,
select.medium.hs-input {
    width: 150px
}
.input-large.hs-input,
input.large.hs-input,
textarea.large.hs-input,
select.large.hs-input {
    width: 210px
}
.input-xlarge.hs-input,
input.xlarge.hs-input,
textarea.xlarge.hs-input,
select.xlarge.hs-input {
    width: 270px
}
.input-xxlarge.hs-input,
input.xxlarge.hs-input,
textarea.xxlarge.hs-input,
select.xxlarge.hs-input {
    width: 530px
}
.input-stretch.hs-input,
input.stretch.hs-input,
textarea.stretch.hs-input,
select.stretch.hs-input {
    box-sizing: border-box;
    width: 100%
}
textarea.hs-input.xxlarge {
    overflow-y: auto
}
input.hs-input.span1,
textarea.hs-input.span1,
select.hs-input.span1 {
    display: inline-block;
    float: none;
    width: 30px;
    margin-left: 0
}
input.hs-input.span2,
textarea.hs-input.span2,
select.hs-input.span2 {
    display: inline-block;
    float: none;
    width: 90px;
    margin-left: 0
}
input.hs-input.span3,
textarea.hs-input.span3,
select.hs-input.span3 {
    display: inline-block;
    float: none;
    width: 150px;
    margin-left: 0
}
input.hs-input.span4,
textarea.hs-input.span4,
select.hs-input.span4 {
    display: inline-block;
    float: none;
    width: 210px;
    margin-left: 0
}
input.hs-input.span5,
textarea.hs-input.span5,
select.hs-input.span5 {
    display: inline-block;
    float: none;
    width: 270px;
    margin-left: 0
}
input.hs-input.span6,
textarea.hs-input.span6,
select.hs-input.span6 {
    display: inline-block;
    float: none;
    width: 330px;
    margin-left: 0
}
input.hs-input.span7,
textarea.hs-input.span7,
select.hs-input.span7 {
    display: inline-block;
    float: none;
    width: 390px;
    margin-left: 0
}
input.hs-input.span8,
textarea.hs-input.span8,
select.hs-input.span8 {
    display: inline-block;
    float: none;
    width: 450px;
    margin-left: 0
}
input.hs-input.span9,
textarea.hs-input.span9,
select.hs-input.span9 {
    display: inline-block;
    float: none;
    width: 510px;
    margin-left: 0
}
input.hs-input.span10,
textarea.hs-input.span10,
select.hs-input.span10 {
    display: inline-block;
    float: none;
    width: 570px;
    margin-left: 0
}
input.hs-input.span11,
textarea.hs-input.span11,
select.hs-input.span11 {
    display: inline-block;
    float: none;
    width: 630px;
    margin-left: 0
}
input.hs-input.span12,
textarea.hs-input.span12,
select.hs-input.span12 {
    display: inline-block;
    float: none;
    width: 690px;
    margin-left: 0
}
input.hs-input.span13,
textarea.hs-input.span13,
select.hs-input.span13 {
    display: inline-block;
    float: none;
    width: 750px;
    margin-left: 0
}
input.hs-input.span14,
textarea.hs-input.span14,
select.hs-input.span14 {
    display: inline-block;
    float: none;
    width: 810px;
    margin-left: 0
}
input.hs-input.span15,
textarea.hs-input.span15,
select.hs-input.span15 {
    display: inline-block;
    float: none;
    width: 870px;
    margin-left: 0
}
input.hs-input.span16,
textarea.hs-input.span16,
select.hs-input.span16 {
    display: inline-block;
    float: none;
    width: 930px;
    margin-left: 0
}
input.hs-input[disabled],
select.hs-input[disabled],
textarea.hs-input[disabled] {
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: not-allowed
}
.help-inline,
.help-block {
    font-size: 11px;
    line-height: 18px;
    color: #818181
}
.help-inline {
    padding-left: 5px
}
.help-block {
    display: block;
    max-width: 600px
}
.inline-inputs {
    color: #818181
}
.inline-inputs span,
.inline-inputs input {
    display: inline-block
}
.inline-inputs input.mini {
    width: 60px
}
.inline-inputs input.small {
    width: 90px
}
.inline-inputs span {
    padding: 0 2px 0 1px
}
.input-prepend input,
.input-append input {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}
.input-prepend .add-on,
.input-append .add-on {
    position: relative;
    background: #f5f5f5;
    border: 1px solid #ccc;
    z-index: 2;
    float: left;
    display: block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 4px 4px 5px;
    margin-right: -1px;
    font-weight: normal;
    line-height: 18px;
    color: #bfbfbf;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}
.input-prepend .active,
.input-append .active {
    background: #bfe0bf;
    border-color: #59ad59
}
.input-append input {
    float: left;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}
.input-append .add-on {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin-right: 0;
    margin-left: -1px
}
.hs-form {
    margin-bottom: 18px
}
.hs-form fieldset {
    margin-bottom: 18px;
    padding-top: 18px
}
.hs-form fieldset legend {
    display: block;
    margin-left: 150px;
    font-size: 19.5px;
    line-height: 1;
    color: #414141
}
.hs-form .clearfix,
.hs-form .field,
.hs-form .hs-form-field {
    margin-bottom: 18px
}
.hs-form .clearfix:after,
.hs-form .field:after,
.hs-form .hs-form-field:after {
    content: "";
    display: table;
    clear: both
}
.hs-form label {
    padding-top: 5px;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    float: left;
    width: 130px;
    text-align: right;
    color: #414141
}
.hs-form .input {
    margin-left: 150px
}
.hs-form div.field.error {
    background: #fae5e3;
    padding: 6px 0;
    margin-bottom: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}
.hs-form div.field.error>label,
.hs-form div.field.error span.help-inline,
.hs-form div.field.error span.help-block {
    color: #9d261d
}
.hs-form div.field.error .input-prepend span.add-on,
.hs-form div.field.error .input-append span.add-on {
    background: #f4c8c5;
    border-color: #c87872;
    color: #b9554d
}
.hs-form .hsErrMsgContainer ul {
    margin-top: 6px;
    margin-bottom: 0px;
    margin-left: -20px;
    list-style: none
}
.hs-form .hsErrMsgContainer ul li {
    font-size: 12px;
    color: #a44e47
}
.hs-form .hsErrMsgContainer .hs-block-message {
    min-width: 200px;
    width: 200px
}
.hs-form .hsErrMsgContainer .hs-block-message ul {
    margin-top: 0px
}
.hs-form .actions {
    background: #f5f5f5;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 17px 20px 18px 150px;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.hs-form .actions .secondary-action {
    float: right
}
.hs-form .actions .secondary-action a {
    line-height: 30px
}
.hs-form .actions .secondary-action a:hover {
    text-decoration: underline
}
.hs-form .inputs-list {
    margin: 0 0 5px;
    width: 100%
}
.hs-form .inputs-list>li {
    display: block;
    padding: 0;
    width: 100%
}
.hs-form .inputs-list label {
    display: block;
    float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    text-align: left;
    white-space: normal;
    font-weight: normal
}
.hs-form .inputs-list label strong {
    color: #818181
}
.hs-form .inputs-list label small {
    font-size: 11px;
    font-weight: normal
}
.hs-form .inputs-list .inputs-list {
    margin-left: 25px;
    margin-bottom: 10px;
    padding-top: 0
}
.hs-form .inputs-list:first-child {
    padding-top: 6px
}
.hs-form .inputs-list>li+li {
    padding-top: 2px
}
.hs-form .inputs-list input[type=radio],
.hs-form .inputs-list input[type=checkbox] {
    margin-bottom: 0
}
.hs-form.stacked {
    padding-left: 20px
}
.hs-form.stacked fieldset {
    padding-top: 9px
}
.hs-form.stacked legend {
    margin-left: 0
}
.hs-form.stacked label {
    display: block;
    float: none;
    width: auto;
    font-weight: bold;
    text-align: left;
    line-height: 20px;
    padding-top: 0;
    margin-bottom: 4px
}
.hs-form.stacked .field {
    margin-bottom: 18px
}
.hs-form.stacked .field div.input {
    margin-left: 0
}
.hs-form.stacked .field div.input>input+a,
.hs-form.stacked .field div.input select+a,
.hs-form.stacked .field div.input textarea+a {
    margin-top: 4px;
    display: block
}
.hs-form.stacked .inputs-list {
    margin-bottom: 0
}
.hs-form.stacked .inputs-list>li {
    padding-top: 0
}
.hs-form.stacked .inputs-list>li label {
    font-weight: normal;
    padding-top: 0
}
.hs-form.stacked div.error {
    padding: 3px 10px 6px;
    margin-top: 0;
    margin-left: -10px;
    margin-bottom: 9px
}
.hs-form.stacked .actions {
    margin-left: -20px;
    padding-left: 20px
}
.hs-form {
    padding-left: 0px
}
.hs-form.stacked {
    padding-left: 0px
}
.hs-form.stacked fieldset {
    padding: 0
}
.hs-form .hs-button {
    color: #307fe2;
    background-color: #f5f5f5;
    border: 1px solid #307fe2 !important;
    border-radius: 40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}
.hs-form .hs-button:visited,
.hs-form .hs-button:hover {
    color: #307fe2;
}
/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {
}
.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}
/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs label{}
.hs-form .hs-button.next {
    padding-right: 32px
}
.hs-form .hs-button.next:before {
    right: 9px
}
.hs-form .hs-button.previous {
    padding-left: 32px
}
.hs-form .hs-button.previous:before {
    background-position: center -16px;
    left: 9px
}
.hs-form .hs-button.inactive {
    cursor: default
}
.hs-form ul {
    list-style: none
}
.hs-form label {
    display: block;
    font-family: Trebuchet MS;
}
.hs-form label.hidden {
    display: none
}
.hs-form .hs-field-desc {
    color: #aaa;
    margin: 0px 0px 5px 150px;
    font-size: 11px;
    font-family: Trebuchet MS;
}
.hs-form .hs-form-required {
    color: red;  
}
.hs-form .field {
    margin-bottom: 9px
}
.hs-form .hs-richtext {
    margin-bottom: 3px;
    font-family: Trebuchet MS;
    line-height: 18px;
    font-size: 14px;
    color: #414141
}
.hs-form .hs-richtext hr {
    text-align: left;
    margin-left: 0;
    width: 91%
}
.hs-form .email-correction,
.hs-form .email-validation {
    padding-top: 3px;
    font-size: 12px;
    font-family: Trebuchet MS;  
}
.hs-form .email-correction a,
.hs-form .email-validation a {
    cursor: pointer
}
.hs-form .inputs-list {
    padding-left: 5px;
    list-style: none
}
.hs-form .inputs-list li input {
    margin: 3px 5px 3px 0px
}
.hs-form input[type=checkbox],
.hs-form input[type=radio] {
    margin-right: 5px
}
.hs-form input:not([type="image"]),
.hs-form textarea {
    box-sizing: content-box
}
.hs-form.stacked .hs-field-desc {
    margin: 0px 0px 2px 0px
}
.hs-form .hs-input,
.hs-form textarea.hs-input {
    box-sizing: border-box;
    max-width: 500px;
    width: 90%
}
.hs-form .hs-input:not[type=checkbox],
.hs-form .hs-input:not[type=radio],
.hs-form textarea.hs-input:not[type=checkbox],
.hs-form textarea.hs-input:not[type=radio] {
    min-height: 18px;
    min-width: 100px
}
.hs-form .actions {
    background: transparent;
    margin-top: 18px;
    margin-bottom: 18px;
    padding: 17px 20px 18px 0px;
    border-top: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}
.hs-form .actions .secondary-action {
    float: right
}
.hs-form .actions .secondary-action a {
    line-height: 30px
}
.hs-form .actions .secondary-action a:hover {
    text-decoration: underline
}
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: Trebuchet MS;
}
.pika-single.is-hidden {
    display: none
}
.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5)
}
.pika-single {
    *zoom: 1
}
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table
}
.pika-single:after {
    clear: both
}
.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}
.pika-title {
    position: relative;
    text-align: center
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}
.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff
}
.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5;
    *position: absolute;
    *top: 0
}
.pika-prev:hover,
.pika-next:hover {
    opacity: 1
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: 0.2
}
.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}
.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}
.pika-select {
    display: inline-block;
    *display: inline
}
.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}
.pika-table th,
.pika-table td {
    width: 14.28571%;
    padding: 0
}
.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center
}
.pika-table abbr {
    border-bottom: none;
    cursor: help
}
.pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}
.is-today .pika-button {
    color: #3af;
    font-weight: bold
}
.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}
.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.3
}
.pika-button:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
    border-radius: 3px !important
}
.pika-week {
    font-size: 11px;
    color: #999
}
.hs-form fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 500px
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 95%
}
.hs-form fieldset.form-columns-1 .input {
    margin-right: 8px
}
.hs-form fieldset.form-columns-1 input[type="checkbox"],
.hs-form fieldset.form-columns-1 input[type="radio"] {
    width: auto
}
.hs-form fieldset.form-columns-2 .hs-form-field {
    width: 50%;
    float: left
}
.hs-form fieldset.form-columns-2 .input {
    margin-right: 8px
}
.hs-form fieldset.form-columns-3 .hs-form-field {
    width: 32.7%;
    float: left
}
.hs-form fieldset.form-columns-3 .input {
    margin-right: 8px
}
.hs-form fieldset .hs-form-field.hidden-label {
    margin-top: 24px
}
.hs-form .hs-social-login {
    border-radius: 3px;
    box-sizing: content-box;
    width: 95%;
    max-width: 480px;
    height: 90px
}
.hsformerror {
    margin: 0 0 2px;
    padding: 2px 6px;
    height: auto;
    background-color: #f5f5f5;;
    font-size: 11px;
    border: 1px solid #f5f5f5;
    padding: 4px 16px 4px 10px;
    color: #000;
    display: none;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
    background-image: -webkit-linear-gradient(#fefefe, #f5f5f5);
    background-image: -moz-linear-gradient(#fefefe, #f5f5f5);
    background-image: -o-linear-gradient(#fefefe, #f5f5f5);
    background-image: linear-gradient(#fefefe, #f5f5f5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px #ddd;
    -moz-box-shadow: 0 0 6px #ddd;
    box-shadow: 0 0 6px #ddd;
    z-index: 99999
}
.hsformerror em {
    border: 10px solid;
    border-color: #f5f5f5 transparent transparent;
    bottom: -17px;
    display: block;
    height: 0;
    left: 100px;
    position: absolute;
    width: 0
}
.hsformerror p {
    font-family: Lucida Grande, Lucida Sans Unicode, bitstream vera sans, trebuchet ms, verdana, sans-serif;
    margin: 0;
    float: left;
    margin-right: 8px
}
.hsformerror:hover {
    cursor: default
}
.hsformerror .close-form-error {
    float: right;
    display: inline;
    top: 3px;
    position: absolute;
    font-family: Verdana !important;
    color: #f5f5f5 !important;
    cursor: pointer !important;
    font-size: 11px !important;
    font-weight: normal !important
}
.hsformerror .close-form-error:hover {
    color: #f5f5f5
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
    form.hs-form .form-columns-2 .hs-form-field,
    form.hs-form .form-columns-3 .hs-form-field {
        float: none;
        width: 100%
    }
    form.hs-form .form-columns-2 .hs-form-field .hs-input,
    form.hs-form .form-columns-3 .hs-form-field .hs-input {
        width: 95%
    }
}
.full-width-light-grey-bg h1, .full-width-light-grey-bg h2,
.full-width-light-grey-bg h3, .full-width-light-grey-bg h4,
.full-width-light-grey-bg h5, .full-width-light-grey-bg h6 {
    text-align: center;
    color: ;
}
.bottom-section {
    padding: 100px 0;
}
.top-banner {
    padding: 25px 0;
}
.top-banner h3 {
    font-size: 24px;
}
.main-content {
    padding-right: 20px;
    padding-left: 20px;
}
.left-form {
    padding-left: 1%;
}
.right-form {
    padding: 6px;
}
.right-offer {
    padding: 20px;
}
.offer-cta {
    margin-left: 8%;
    margin-right: 8%;
}
.float-offer {
    padding: 20px 10px 10px;
    background-color: rgba(248,248,248,.8);
    /*box-shadow: 0px 4px 3px #999 !important;*/
}
.float-form {
    padding: 20px 50px;
    background: #333f48;
  	box-shadow: 0px 4px 3px rgba(108,108,108,.4) !important;
    border-radius: ;
}
.float-form h1, .float-form h2, .float-form h3, .float-form h4 {
    text-align:center;
    color:#ffffff!important;
} 
.tri-column {
    padding: 20px;
}
.tri-column h2 {
    font-size: 30px;
}
.social-sharing {
    margin-top:30px;
    text-align: center;
}
.super-shadow {
  position: relative;
}
.super-shadow:before, .super-shadow:after {
  z-index: 0;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.super-shadow:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.content-text ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}
.content-text ul li {
    /*background-image: url(//395201.fs1.hubspotusercontent-na1.net/hubfs/395201/a-check-1.png);
    background-repeat: no-repeat;
    background-position: 0px center; */
    padding-left: 40px;
    margin-bottom: 25px;
    min-height:30px;
    position: relative;
}
.content-text ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size: 28px;
  content: "\";
  color: ;
}
.hs-button.primary {
    background-color: #5cb8b2;
    text-align: center;
}
.flex-area {
    padding: 100px 0;
}
.flex-area img {
    width: 100%;
    height: auto;
}
.footer-details {
    padding: 10px 0;
    text-align: center;
}
.footer-container-wrapper {
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
}
.footer-bg {
    background:;
    color:#fff;
    padding:20px 0;
}
/**************** Button-related ******************/
.button {
    font-family: ;
}
.hs-button{
    background-color: #5cb8b2;
    font-family: ;
    color: #FFFFFF;
    border: medium none;
  	width: 10px;
  	height: auto;
    cursor: pointer;
    border-radius: 40px;
    display: block;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 15px 12px;
    text-transform: none;
    margin: 15px 0;
    font-weight: 200;
    white-space:normal;
    text-align:center;
    text-decoration:none;
    -webkit-appearance: none;
}
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  cursor: pointer;
}
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    display: block;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 10px;
    font-family: ;
    font-size: 15px;
    font-weight: 200;
    color:#000000;
    margin:4px 0 20px;
    letter-spacing: 0.5px;
    line-height: 18px;
    border-radius: ;
}
.hs-form-radio {
    list-style-type:none;
}
.hs-form-booleancheckbox {
    list-style-type:none;
}
.hs-form fieldset {
    max-width: none!important;
}
.hs-form fieldset.form-columns-1 .hs-input {
    width: 100%!important;
}
.hs-form fieldset.form-columns-1 input[type=checkbox], .hs-form fieldset.form-columns-1 input[type=radio] {
    width:auto!important;
}
body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}
body label {
    font-size: 13px;
    font-weight: 200;
    letter-spacing: 0px;
    line-height: 20px;
}
.hs-button.primary {
    min-width: 100%;
}
}   
.hs-error-msgs {
    background:rgba(255,50,50,.4);
    list-style-type:none;
}   
/* ------------------------------------------------------------------------------ */
/* Tablet Portrait */
/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 1200px) {
    #form-pad {
        padding: 20px;
        z-index: 1;
    }
    .float-form {
        padding: 20px 10px 10px;
    }
    .addl-info {
        padding-top: 30px;
    }
    .image-holder-left {
        padding-left: 10%;
    }    
}
/* ------------------------------------------------------------------------------ */
/* Mobile Portrait*/
/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 767px) {
    .header-content {
        padding: 5px 0;
    }
    .page-center {
        padding:0 10px;
    }
    .company-logo {
        text-align:center;
        margin:0 auto;
        float:none;
    }
    .social-sharing {
        text-align:center;
    }
    #form-pad {
        padding: 20px;
        z-index: 1;
    }
    .float-form {
        margin-top: 0;
        padding: 20px 10px 10px;
    }
    .addl-info {
        padding-top: 30px;
    }
    .image-holder-left {
        padding-left: 35%;
        padding-right: 35%;
    }
    .image-holder-right {
        padding-left: 35%;
        padding-right: 35%;
    }
    .left-form {
        margin-top: 20px;
        padding-left: 0;
    }
    .phone-number {
        display: none!important;
    }
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
}
@media only screen and (max-width:520px) {
    .sub-header {
        margin-top:50px;
    }
    .page-center {
        padding:0 5px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 16px;
    }
    h5 {
        font-size: 14px;
    }
}
/* ------------------------------------------------------------------------------ */
/* Mobile Portrait*/
/* Width of 480px */
/* ------------------------------------------------------------------------------ */
@media only screen and (max-width: 480px) {
    body {
        padding-top: 0;
        padding-bottom: 0;
    }
    .right-form {
        padding: 0;
        z-index: 1;
    }
    .float-offer {
        margin-top: 0;
        padding: 20px 10px 10px;
        background-color: rgba(248,248,248,1);
        /* box-shadow: 0px 4px 3px #999 !important;*/
    }
    .float-form {
        margin-top: 0;
        padding: 20px 10px 10px;
    }
    .addl-info {
        padding-top: 20px;
    }
    .image-holder-left {
        padding-left: 35%;
        padding-right: 35%;
    }
    .image-holder-right {
        padding-left: 35%;
        padding-right: 35%;
    }
    .left-form {
        margin-top: 20px;
        padding-left: 0;
    }
}    
    .luna-reviewbox .luna-reviewbox-img img{
      width: 120px!important;
	-webkit-border-radius: 50% 50%!important;
    -moz-border-radius: 50% 50%!important;
    border-radius: 50% 50%!important;
    display: inline-block!important;
}
.luna-reviewbox-img {
	background: background: url(https://3378618.fs1.hubspotusercontent-na1.net/hubfs/3378618/free%20stock%20images/rawpixel-580218-unsplash.jpg) top center no-repeat;;
	padding: 3px;
	-webkit-border-radius: 50% 50%!important;
    -moz-border-radius: 50% 50%!important;
    border-radius: 50% 50%!important;
    display: inline-block!important;
}
.luna-reviewbox h4{	
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.luna-reviewbox span{	
    font-size: 16px;
    font-style: italic;
    color: #fff;    
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    font-family: 'Open Sans', sans-serif;
}
.luna-reviewbox p{	
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-style: italic;
    color: #fff;
}
.aspire-abouthover{
	text-align: center!important;
  color: #ffffff;
  background-color: #333f48;
	padding: 40px 40px 40px 40px;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.owl-carousel .owl-stage {
	padding-bottom: 40px;
}
.owl-carousel{
	margin-top: 10px;
}
.luna-headings-light{
	padding: 10px 10px;
}
.luna-headings-light h2{
	font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8d909a;
    margin-bottom: 25px;
}
.luna-headings-light h3{
	font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#5cb8b2;
}
.luna-headings-light p{
	font-size: 16px;
    line-height: 24px;
    color: #dbdbdb;
}
.luna-headings-dark p{    
	font-size: 16px;
    line-height: 24px;
    color: #8d909a;
}
.luna-featbox{
	padding: 10px 10px;
	margin-bottom: 20px;
}
.luna-featbox i{
	font-size: 28px;
	color: #fff;
	margin-right: 10px;
}
.gradient {	
    background: -webkit-gradient(linear, left top, left bottom, from(#7a43f2), to(#40c4ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.luna-featbox h3{
	font-size: 24px;
	color: #5cb8b2;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.luna-featbox p{	
    font-size: 14px;
    line-height: 22px;
    color: #333f48;
}
.luna-featbox2{
	overflow: hidden;
	display: block;
	margin-bottom: 40px;	
}
.luna-featbox2 .luna-icon-wrap{
	float: right;
	padding: 5px 5px;
	border: 2px solid #6376f7;
	margin-top: 10px;

	-webkit-border-radius: 50% 50%!important;
    -moz-border-radius: 50% 50%!important;
    border-radius: 50% 50%!important;
}
.luna-featbox2 .luna-featbox2-icon{	
	float: right;
	width: 70px;
	height: 70px;
	text-align: center;
	-webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
    background: #7a43f2; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #7a43f2, #40c4ff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #7a43f2, #40c4ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #7a43f2, #40c4ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #7a43f2, #40c4ff); /* Standard syntax */	
	-o-transition: background-color 5s;
	-webkit-transition: background-color 5s;
	-moz-transition: background-color 5s;
	-ms-transition: background-color 5s;
	transition: background-color 5s;
}
.luna-featbox2 .luna-featbox2-icon i{
	font-size: 32px;
	line-height: 70px;
	color: #fff;
}
.luna-featbox2 .luna-featbox2-text{
	float: right;
	text-align: left;
	width: 70%;
	margin-right: 20px;
}
.luna-featbox2 .luna-featbox2-text h3{
	font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #5cb8b2
}
.luna-featbox2 .luna-featbox2-text p{
	font-size: 14px;
    line-height: 22px;
    color: #7e818a;
}
.luna-featbox2:hover .luna-featbox2-icon{
	background: #f8f9fc;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.luna-featbox2:hover .luna-featbox2-icon i{
	background: -webkit-gradient(linear, left top, left bottom, from(#7a43f2), to(#40c4ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.luna-featbox3{
	overflow: hidden;
	display: block;
	margin-top: 40px;	
}
.luna-featbox3 .luna-icon-wrap{
	float: left;
	padding: 5px 5px;
	border: 2px solid #6376f7;
	margin-top: 10px;
	-webkit-border-radius: 50% 50%!important;
    -moz-border-radius: 50% 50%!important;
    border-radius: 50% 50%!important;
}
.luna-featbox3 .luna-featbox3-icon{	
	width: 70px;
	height: 70px;
	text-align: center;
	-webkit-border-radius: 50% 50%;
    -moz-border-radius: 50% 50%;
    border-radius: 50% 50%;
    background: #7a43f2; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #7a43f2, #40c4ff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #7a43f2, #40c4ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #7a43f2, #40c4ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #7a43f2, #40c4ff); /* Standard syntax */
}
.luna-featbox3 .luna-featbox3-icon i{
	font-size: 32px;
	line-height: 70px;
	color: #fff;
}
.luna-featbox3 .luna-featbox3-text{
	float: left;
	text-align: left;
	width: 70%;
	margin-left: 20px;
}
.luna-featbox3 .luna-featbox3-text h3{
	font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #5cb8b2;
}
.luna-featbox3 .luna-featbox3-text p ul{
	font-size: 14px;
    line-height: 22px;
    color: #7e818a;
}
.luna-featbox3:hover .luna-featbox3-icon{
	background: transparent;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.luna-featbox3:hover .luna-featbox3-icon i{
	background: -webkit-gradient(linear, left top, left bottom, from(#7a43f2), to(#40c4ff));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.luna-featbox2 .luna-featbox2-text .luna-featbox3 .luna-featbox3-text ul li{
	color: #333f48;
	font-size: 16px;
	line-height: 28px;
    font-family: &quot;Trebuchet MS&quot;;
    margin-bottom: 5px;
}
.luna-featbox2 .luna-featbox2-text .luna-featbox3 .luna-featbox3-text ul li i{
	margin-right: 10px;
}
.hover:hover {opacity:0.85;filter:alpha(opacity=85);}
.underline:hover {text-decoration: underline!important;}
.brightness:hover {filter: brightness(80%);-webkit-filter: brightness(80%);-moz-filter: brightness(80%);-o-filter: brightness(80%);-ms-filter: brightness(80%);}
.opacity img{opacity: 0.2;  filter: alpha(opacity=20);}
a:hover.opacity img{opacity: 1; filter: alpha(opacity=100);}
a.opacity:hover img{opacity: 1; filter: alpha(opacity=100);}
  a {text-decoration: none;}
.jump:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	padding-top: 10px!important;
}
<!-- @media only screen and (max-width: 640px) 
		   {*/
		   -->
<style type="text/css"> @media only screen and (max-width: 640px){
		body{width:auto!important;}
		table[class=full] {width: 100%!important; clear: both; }
		table[class=mobile] {width: 100%!important; padding-left: 30px; padding-right: 30px; clear: both; }
		table[class=fullCenter] {width: 100%!important; text-align: center!important; clear: both; }
		td[class=fullCenter] {width: 100%!important; text-align: center!important; clear: both; }
		*[class=erase] {display: none;}
		*[class=buttonScale] {float: none!important; text-align: center!important; display: inline-block!important; clear: both;}
		.image600 img {width: 100%!important; text-align: center!important; display: inline-block!important; clear: both;}
		table[class=image185] {width: 31%!important;}
		*[class=image185] img {width: 100%!important;}
		*[class=scaleLeft] {width: 4%!important;}
		*[class=scaleRight] {width: 3%!important;}
		*[class=h20] {width: 100%!important; height: 20px!important;}
		table[class=sponsor] {text-align:center; float:none; width:260px;}		
} </style>
<!--
@media only screen and (max-width: 479px) 
		   {
		   -->
<style type="text/css"> @media only screen and (max-width: 479px){
		body{width:auto!important;}
		table[class=full] {width: 100%!important; clear: both; } 
		table[class=mobile] {width: 100%!important; padding-left: 20px; padding-right: 20px; clear: both; }
		table[class=fullCenter] {width: 100%!important; text-align: center!important; clear: both; }
		td[class=fullCenter] {width: 100%!important; text-align: center!important; clear: both; }
		*[class=erase] {display: none;}
		*[class=buttonScale] {float: none!important; text-align: center!important; display: inline-block!important; clear: both;}
		.eraseMob {display: none!important;}
		.image600 img {width: 100%!important;}
		table[class=image185] {width: 185!important; float: none!important; text-align: center!important; display: inline-block!important; clear: both;}
		table[class=mcenter] {text-align:center; vertical-align:middle; clear:both!important; float:none; margin: 0px!important;}		
		*[class=image185] img {width: 100%!important;}
		*[class=scaleLeft] {width: 100%!important;}
		*[class=scaleRight] {width: 100%!important;}
		*[class=h20] {width: 100%!important; height: 20px!important;}
		table[class=sponsor] {text-align:center; float:none; width:260px;}
} </style>