@font-face {
	font-family: Graphik-Bold;
	src: url('https://s0.2mdn.net/creatives/assets/5134908/Graphik-Bold.woff');
}
@font-face {
	font-family: Graphik-Semibold;
	src: url('https://s0.2mdn.net/creatives/assets/5134908/Graphik-Semibold.woff ');
}

body,
body * {
    vertical-align:baseline;
    border:0 none;
    outline:0;
    padding:0;
    margin:0;
     

}

:focus {
    outline:none;
}
::-moz-focus-inner, img {
    border:0;
}


div,
img,
button,
svg,
video {
  position: absolute;
  top:0px;
  left:0px;
}

#main_container {
    
    width:728px;
    height:90px;
    
    background-color:#00501f;
    overflow:hidden;
    cursor:pointer;

    
    font-family: 'Graphik-Bold', Arial, sans-serif;
    color:#ffffff;
    
    text-align: left;
        
    font-size: 34px;
    line-height: 1.1em;
    

    
/*
     text-shadow: 3px 3px 1px rgba(0, 0, 0, 1);
     letter-spacing: 1px;
*/
}

#main_content, .frame, .bg {
    
    width:100%;
    height:100%;
    
}


.dynamic_text{

    text-rendering: optimizeLegibility;

    -webkit-transform: translateZ(0px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    
}
#text_holder{
    height:100%;
    left:94px;
}


#f1_t1, #f2_t1{
    z-index: 1;
    width: 310px;
}
#f2_t1{
    opacity: 0;
}

.graphic{
    
  color:#00e95c;
}

.lifestyle {
  position: relative;
  z-index: 0;
}

.lifestyle:after{
  display: inline;
  box-sizing: border-box;
  background-color: #00e95c;
  content: "";
  width: 100%;
  height: .2em;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}
.lifestyle1 {
  position: relative;
/*  z-index: 0;*/
}

.lifestyle1:after{
  display: inline;
  box-sizing: border-box;
  background-color: #00e95c;
  content: "";
  width: 100%;
  height: .2em;
  position: absolute;
  bottom: 2px;
  left: 0;
  z-index: -1;
}


#cta_holder{
    
    
    left:auto;
    right:430px;
}

#cta{
    
        
    left:auto;
    right:175px;

    
   font-size: 18px;
/*    line-height: 1em;*/
    
    color: #00501f;
    background-color: #00e95c;
    padding: 6px 15px 6px 15px;
    white-space: nowrap;
    
     border-radius:15px;
}

.retina {

  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;

}
.spinner {
	animation: spin 1400ms linear infinite;
	border: 4px solid #042E3C;
	border-bottom-color: #45879D;
	border-left-color: #45879D;
	border-radius: 50%;
	height: 20px;
	width: 20px;
    
    margin-left: -14px;
	margin-top: -14px;

}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	 to {
		transform: rotate(360deg);
	}
}
#border{
    
    border:1px solid #042E3C;
    box-sizing:border-box;
    width:100%;
    height:100%;
    background-color: #00501f;
    
        z-index: 99998;

}


#background-exit { 
    
    width:100%; 
    height:100%; 
    cursor:pointer; 
    opacity:0; 
    background-color:black;
    
    z-index: 99999;
}

.center {
    
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:  translate(-50%,-50%);
    transform:  translate(-50%,-50%);
    
}
.centerH {
    
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform:  translateX(-50%);
    transform:  translateX(-50%);
    
}
.centerV {
    
    margin: 0;
    position: absolute;
    top: 52%;
    -webkit-transform:  translateY(-50%);
    transform:  translateY(-50%);
    
}