/*@import url(http://fonts.googleapis.com/css?family=Exo+2:200,300,400,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:100,200,300,400,500,600,700,800);*/

.al 	{overflow:visible; position:absolute}
.alo	{overflow:hidden; position:absolute}
.alr	{overflow:visible; position:relative}
.alrh	{overflow:hidden; position:relative}

.e2-11    {font-size:11px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:400;line-height:11px;}
.e2-12    {font-size:12px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:400}
.e2-13    {font-size:13px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:400}
.e2-13a   {font-size:13px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:500;width:340px;height:40px}
.e2-15    {font-size:15px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:400}
.e2-15b   {font-size:15px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:600}
.e2-15w   {font-size:15px;font-family:'Exo 2',sans-serif;color:#ffffff;font-weight:400}
.e2-17    {font-size:17px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:400}
.e2-17w   {font-size:17px;font-family:'Exo 2',sans-serif;color:#ffffff;font-weight:400}
.e2-18    {font-size:18px;font-family:'Exo 2',sans-serif;color:#e5e5e5;font-weight:400}
.e2-19    {font-size:19px;font-family:'Exo 2',sans-serif;color:#444444;font-weight:400}
.e2-20    {font-size:20px;font-family:'Exo 2',sans-serif;color:#000000;font-weight:600}
.e2-24    {font-size:24px;font-family:'Exo 2',sans-serif;color:#ffffff;font-weight:400}
.e2-26b   {font-size:26px;font-family:'Exo 2',Arial;color:#73a8cb;font-weight:300;line-height:23px}
.e2-42    {font-size:42px;font-family:'Exo 2',sans-serif;font-weight:800;font-style:italic;letter-spacing:-2px;font-variant: small-caps;}
.e2-62    {font-size:62px;font-family:'Exo 2',sans-serif;font-weight:900;font-style:italic;letter-spacing:-3px;font-variant: small-caps;}
.ub-13    {font-size:13px;font-family:'Ubuntu',sans-serif;color:#333333;font-weight:300}
.ub-16    {font-size:16px;font-family: 'Ubuntu',sans-serif;color:#000000;font-weight:500}
.ub-17    {font-size:17px;font-family: 'Ubuntu',sans-serif;color:#ffffff;font-weight:700}
.ub-20    {font-size:20px;font-family: 'Ubuntu',sans-serif;color:#000000;font-weight:500}
.ub-32    {font-size:32px;font-family: 'Ubuntu',sans-serif;color:#000000;font-weight:400}
.ub-62    {font-size:62px;font-family: 'Ubuntu',sans-serif;color:#000000;font-weight:300}
.e2       {font-family:'Exo 2',sans-serif,arial}
.ub       {font-family:'Ubuntu',sans-serif,arial}

.fw100    {font-weight:100}
.fw200    {font-weight:200}
.fw300    {font-weight:300}
.fw400    {font-weight:400}
.fw500    {font-weight:500}
.fw600    {font-weight:600}
.fw700    {font-weight:700}
.fw800    {font-weight:800}
.fw900    {font-weight:900}
.fcblack  {color:#111111}
.fclblack {color:#424242}
.fcdgray  {color:#555555}
.fcgray  {color:#777777}
.fclgray  {color:#999999}
.fcvvlgray {color:#e7e7e7}
.fcvlgray {color:#b7b7b7}
.fcgreen  {color:#00ff0c}
.fcyellow {color:#ffff00}
.fcdgreen {color:#008800}
.fcred    {color:#ff5555}
.fcorange {color:#ff9966}
.fcblue   {color:#0000ff}
.fclblue  {color:#3366ff}
.fcwhite  {color:#ffffff}
.fs10     {font-size:10px}
.fs11     {font-size:11px}
.fs12     {font-size:12px}
.fs13     {font-size:13px}
.fs14     {font-size:14px}
.fs15     {font-size:15px}
.fs16     {font-size:16px}
.fs17     {font-size:17px}
.fs18     {font-size:18px}
.fs19     {font-size:19px}
.fs20     {font-size:20px}
.fs22     {font-size:22px}
.fs23     {font-size:23px}
.fs24     {font-size:24px}
.fs25     {font-size:25px}
.fs26     {font-size:26px}
.fs28     {font-size:28px}
.fs30     {font-size:30px}
.fs31     {font-size:31px}
.fs32     {font-size:32px}
.fs34     {font-size:34px}
.fs40     {font-size:40px}
.fs50     {font-size:50px}
.fs62     {font-size:62px}

.fl6      {line-height:6px}
.fl7      {line-height:7px}
.fl8      {line-height:8px}
.fl9      {line-height:9px}
.fl10     {line-height:10px}
.fl11     {line-height:11px}
.fl12     {line-height:12px}
.fl13     {line-height:13px}
.fl14     {line-height:14px}
.fl15     {line-height:15px}
.fl16     {line-height:16px}
.fl17     {line-height:17px}
.fl18     {line-height:18px}
.fl20     {line-height:20px}
.fl22     {line-height:22px}
.fl24     {line-height:24px}
.fl26     {line-height:26px}
.fl28     {line-height:28px}
.fl30     {line-height:30px}
.fl58     {line-height:58px}

.ls1	  {letter-spacing:-1px}
.ls2	  {letter-spacing:-2px}
.ls3	  {letter-spacing:-3px}

.fit  	  {font-style:italic}

.searchbox0 {width:210px;height:33px;z-index:1000;font-size:17px;border:0px solid;border-radius:0px;font-family:"Exo 2","trebuchet ms",arial;color:#414141;font-weight:500}
.ui-slider .ui-slider-handle    {background:#1c4d6d;border:2px solid rgb(160,180,210);height:14px;margin-top:1px}

a 			{color:#ffffff; text-decoration:none}
a:visited	{color:#ffffff; text-decoration:none}
a:hover		{color:#ffffff; text-decoration:none}

.awht         {color:#ffffff; text-decoration:none}
.awht:visited {color:#ffffff; text-decoration:none}
.awht:hover   {color:#ffffff; text-decoration:none}

.ab           {color:#0000ff; text-decoration:none}
.ab:visited   {color:#0000ff; text-decoration:none}
.ab:hover     {color:#0000ff; text-decoration:none}

.alb           {color:#1e83c2; text-decoration:none}
.alb:visited   {color:#1e83c2; text-decoration:none}
.alb:hover     {color:#0000ff; text-decoration:none}

.agry           {color:#777777; text-decoration:none}
.agry:visited   {color:#777777; text-decoration:none}
.agry:hover     {color:#999999; text-decoration:none}

.ablk           {color:#000000; text-decoration:none}
.ablk:visited   {color:#000000; text-decoration:none}
.ablk:hover     {color:#000088; text-decoration:none}

.armk:hover { 
    background:#c4d7de;
    padding:5px 5px 5px 0;
    border-radius:7px;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #f70;
  animation: spinner .8s ease infinite;
}

.shadow01    {
  box-shadow:2px 2px 6px #333333;
}
.shadow01:active  {
  position:relative;   
  top:1px; 
  left:1px;
  box-shadow:1px 1px 3px #777777;
}

.ub-13cat    {
  font-size:13px;
  font-family:'Ubuntu',sans-serif;
  color:#222222;
  font-weight:300;
  transition: all 0.3s ease-in-out;
}
.ub-13cat:visited  {
  color:#222222;
}  
.ub-13cat:hover   {
  background:#727272;  
  color:white;
  padding:4px;
  margin:-4px;
}
.ub-13cat:active  {
  position:relative;   
  top:2px; 
}

.cartButton {
color:#444444;
font-size:13px;
font-family:'Exo 2',sans-serif;
font-weight:500;
line-height:12px;
width:92px;
height:29px;
border:3px solid #25c400;
background:white;
border-radius:9px;
text-align:center;
cursor:pointer;
}

.cartButton:active {
position:relative;
top:2px;	
}

.squirtButton {
color:#444444;
font-size:16px;
font-family:'Exo 2',sans-serif;
font-weight:500;
width:86px;
height:25px;
border:2px solid #66b6e9;
background:white;
border-radius:8px;
text-align:center;
cursor:pointer;
}

.squirtButton:hover {
border:2px solid #25c400;   
}

.squirtButton:active {
position:relative;
top:2px;    
}

.tradeButton, .paradeButton {
    background-color:#000000;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:2px solid #dddddd;
    display:inline-block;
    cursor:pointer;   
    font-family:'Exo 2';
    font-size:19px;
    font-weight:400;
    color:#e5e5e5;
    padding:2px 2px;
    text-decoration:none;
    text-shadow:1px 2px 0px #485070;
    -moz-transition: all 0.3s ease-in-out;
}
.tradeButton:hover {    
    border:2px solid #55ff55;
}
.paradeButton:hover {    
    border:2px solid #ff5555;
}
.tradeButton:active, .paradeButton:active {
    position:relative;
    top:2px;    
}

.topButton {   
    display:inline-block;
    cursor:pointer;    
    -moz-transition: all 0.3s ease-in-out;   
}
.topButton:hover {       
    border-style: solid;
    padding-left:2px;
    border-width: 0px 0px 0px 6px;
    border-color: #2a8eba;
}
.topButton:active {
    position:relative;
    top:2px;       
}

.tapButton {   
    display:inline-block;
    cursor:pointer;    
    transition: all 0.3s ease-in-out;   
}
.tapButton:hover {       
    border-style: solid;
    padding-left:2px;
    border-width: 0px 0px 0px 6px;
    border-color: #acacac;
}
.tapButton:active {
    position:relative;
    top:2px;       
}

.goButton {
display:inline-block;
cursor:pointer; 
transition: all 0.3s ease-in-out;
}

.goButton:active {
    position:relative;
    top:2px;     
}

.searchButton {
    background-color:#f3f3f3;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #c5c5c5;
    display:inline-block;
    cursor:pointer;   
    font-family:'Exo 2';
    font-size:15px;
    font-weight:400;
    color:#a4a4a4;
    padding:2px 2px;
    text-decoration:none;
    text-align:center;
    font-style:italic;
    -moz-transition: all 0.3s ease-in-out;
}

.searchButton:active {
    position:relative;
    top:2px;     
}

.searchedButton {
    background-color:#eef3f7;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    border:1px solid #00d2ff;
    display:inline-block;
    cursor:pointer;   
    font-family:'Exo 2';
    font-size:15px;
    font-weight:400;
    color:#444444;
    padding:2px 2px;
    text-decoration:none;
    text-align:center;
    font-style:italic;
    -moz-transition: all 0.3s ease-in-out;
}

.searchedButton:active {
    position:relative;
    top:2px;     
}

.coButton {
    background-color:#ffffff;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:3px solid #008000;
    display:inline-block;
    cursor:pointer;   
    font-family:'Exo 2';
    font-size:18px;
    font-weight:500;
    padding:2px 2px;
    text-decoration:none;
    -moz-transition: all 0.3s ease-in-out;
    color:#333333;
}
.coButton:hover {
    border:3px solid #11cc11;
}
.coButton:active {
    position:relative;
    top:2px;    
}

.trackButton {
    background-color:#484848;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:2px solid #999999;
    display:inline-block;
    cursor:pointer;   
    font-family:'Exo 2';
    font-size:18px;
    font-weight:400;
    padding:2px 2px;
    text-decoration:none;
    -moz-transition: all 0.3s ease-in-out;
    color:#e2e2e2;
}
.trackButton:hover {
    border:2px solid #44ff44;
}
.trackButton:active {
    position:relative;
    top:2px;    
}

.trigger, .activetrigger {
font-family: 'Exo 2', sans-serif;
color: #000000;
background:#ffffff;
font-size:19px;	
font-weight:400;
z-index:10000;
width: 64px;
height:24px;
text-align:center;	
display: block;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none;
padding: 5px 0px 3px 0px; 
border: 3px solid #66b6e9;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
-webkit-appearance: none;
-moz-appearance: none;
}

.trigger:hover, .activetrigger:hover {
background:#ffffff;
border: 3px solid #00dd0a;
}

.dropcontainer {
	position:absolute;
	z-index: 10000;
	} 

.dropcontainer ul {
font-size: 15px;
font-weight:400;
line-height:14px;
font-family:'Exo 2','Roboto Condensed';
text-align:left;
border: 3px solid #66b6e9;
background: #f1f1f1;
height:auto;	
list-style-type: none;
padding: 0px 0px 6px 6px;	
margin: -5px 0px 0px 0px;
width: 58px;
z-index: 10000;
-webkit-border-radius:0px 0px 6px 6px;
-moz-border-radius:0px 0px 6px 6px;
-o-border-radius:0px 0px 6px 6px;
border-radius:0px 0px 6px 6px;
border-top: none;
}

.dropcontainer ul li:hover {
background: #fdf3a7;
padding-left:6px;
font-weight: 600;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 10000;
}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	z-index: 10000;
	}

input[type="text"],
input[type="file"],
input[type="password"],
input[type="email"], 
input[type="tel"], 
textarea, select {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none;
padding: 1px 6px 1px 1px; 
border: 3px solid #66b6e9;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
-webkit-appearance: none;
-moz-appearance: none;
background:#ffffff;
}

input[type="text"]:focus, input[type="text"]:hover, 
input[type="file"]:focus, input[type="file"]:hover, 
input[type="password"]:focus, input[type="password"]:hover, 
input[type="email"]:focus, input[type="email"]:hover, 
input[type="tel"]:focus, input[type="tel"]:hover, 
textarea:hover, select:hover {
/*background:#ffffff;*/
padding: 1px 6px 1px 1px;  
border: 3px solid #00dd0a;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
-webkit-appearance: none;
-moz-appearance: none;  
}

input[type="text"]:disabled, input[type="file"]:disabled, input[type="password"]:disabled {
  background: #d9d9d9;
}

select:-moz-focusring { color: transparent;
                        text-shadow: 0 0 0 #000; }

.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 12px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9c9c9c;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 1px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #22cc22;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

.slider.round, .slider.roundy {
  border-radius: 7px;
}

.slider.round:before, .slider.roundy:before {
  border-radius: 50%;
}

input:checked + .slider.roundy {
  background-color: #9c9c9c;
}

.glitch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 32px;
}

.glitch input {display:none;}

.glider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #9c9c9c;
  -webkit-transition: .4s;
  transition: .4s;
}

.glider:before {
  position: absolute;
  content: "";
  height: 36px;
  width: 36px;
  left: -3px;
  bottom: 0px;
  top: -2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .glider {
  background-color: #22cc22;
}

input:checked + .glider:before {
  -webkit-transform: translateX(44px);
  -ms-transform: translateX(44px);
  transform: translateX(44px);
}

.glider.round, .glider.roundy {
  border-radius: 21px;
}

.glider.round:before, .glider.roundy:before {
  border-radius: 50%;
}

input:checked + .glider.roundy {
  background-color: #9c9c9c;
}

.ui-tooltip, .arrow:after {
background: #1a4a69;
}
.ui-tooltip {
padding: 10px 20px;
color: #ffffff;
border-radius: 0px 8px 8px 0px;
font: 13px "Exo 2",Exo,tahoma;
font-weight:200;
opacity:1.0;
width:145px;
-webkit-box-shadow: 4px 4px 4px #444;
box-shadow: 4px 4px 4px #444;
border:1px solid #326281;
white-space:pre-line;
}



/* Fade-In Effect */
.visible
{
       visibility: visible;
       opacity: 1;
       transition: opacity 1s ease-in-out;
}                
/* Fade-Out Effect */
.hidden
{
       visibility: hidden;
       opacity: 0;
       transition: visibility 0s 1s, opacity 1s ease-out;
}                
#wrapper > div
{
       border: 5px solid #808080;                      
       padding: 10px;
       width: 250px;
}

#fadesource {
  opacity: 1;
  transition: opacity 1s; 
}

#fadesource.fade {
  opacity: 0;
}

.w3-animate-fading  {animation:fading 7s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity {animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top     {position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left    {position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right   {position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom  {position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom    {animation:animatezoom 0.8s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input   {transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max     {opacity:0.25}.w3-opacity-min{opacity:0.75}
.spark              {-webkit-filter: brightness(120%);filter: brightness(120%);-webkit-filter: contrast(115%);filter: contrast(115%)}


/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('../fonts/ubuntu-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'),
       url('../fonts/ubuntu-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* exo-2-100 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/exo-2-v7-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Thin'), local('Exo2-Thin'),
       url('../fonts/exo-2-v7-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-100.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-200 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/exo-2-v7-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 ExtraLight'), local('Exo2-ExtraLight'),
       url('../fonts/exo-2-v7-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-200.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-100italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/exo-2-v7-latin-100italic.eot'); 
  src: local('Exo 2 Thin Italic'), local('Exo2-ThinItalic'),
       url('../fonts/exo-2-v7-latin-100italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/exo-2-v7-latin-100italic.woff2') format('woff2'), 
       url('../fonts/exo-2-v7-latin-100italic.woff') format('woff'), 
       url('../fonts/exo-2-v7-latin-100italic.ttf') format('truetype'), 
       url('../fonts/exo-2-v7-latin-100italic.svg#Exo2') format('svg'); 
}

/* exo-2-200italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/exo-2-v7-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 ExtraLight Italic'), local('Exo2-ExtraLightItalic'),
       url('../fonts/exo-2-v7-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-200italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/exo-2-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Light'), local('Exo2-Light'),
       url('../fonts/exo-2-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-300.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-regular - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Regular'), local('Exo2-Regular'),
       url('../fonts/exo-2-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-300italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/exo-2-v7-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Light Italic'), local('Exo2-LightItalic'),
       url('../fonts/exo-2-v7-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-300italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-2-v7-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Italic'), local('Exo2-Italic'),
       url('../fonts/exo-2-v7-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/exo-2-v7-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Medium Italic'), local('Exo2-MediumItalic'),
       url('../fonts/exo-2-v7-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-500italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-500 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/exo-2-v7-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Medium'), local('Exo2-Medium'),
       url('../fonts/exo-2-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-500.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/exo-2-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 SemiBold'), local('Exo2-SemiBold'),
       url('../fonts/exo-2-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-600.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-600italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/exo-2-v7-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 SemiBold Italic'), local('Exo2-SemiBoldItalic'),
       url('../fonts/exo-2-v7-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-600italic.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-700 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/exo-2-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Bold'), local('Exo2-Bold'),
       url('../fonts/exo-2-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v7-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */
}

/* exo-2-800 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/exo-2-v7-latin-800.eot');
  src: local('Exo 2 ExtraBold'), local('Exo2-ExtraBold'),
       url('../fonts/exo-2-v7-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/exo-2-v7-latin-800.woff2') format('woff2'), 
       url('../fonts/exo-2-v7-latin-800.woff') format('woff'), 
       url('../fonts/exo-2-v7-latin-800.ttf') format('truetype'), 
       url('../fonts/exo-2-v7-latin-800.svg#Exo2') format('svg'); 
}

/* exo-2-800italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/exo-2-v7-latin-800italic.eot'); 
  src: local('Exo 2 ExtraBold Italic'), local('Exo2-ExtraBoldItalic'),
       url('../fonts/exo-2-v7-latin-800italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/exo-2-v7-latin-800italic.woff2') format('woff2'),
       url('../fonts/exo-2-v7-latin-800italic.woff') format('woff'),
       url('../fonts/exo-2-v7-latin-800italic.ttf') format('truetype'),
       url('../fonts/exo-2-v7-latin-800italic.svg#Exo2') format('svg'); 
}

/* exo-2-700italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/exo-2-v7-latin-700italic.eot'); 
  src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'),
       url('../fonts/exo-2-v7-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/exo-2-v7-latin-700italic.woff2') format('woff2'), 
       url('../fonts/exo-2-v7-latin-700italic.woff') format('woff'), 
       url('../fonts/exo-2-v7-latin-700italic.ttf') format('truetype'), 
       url('../fonts/exo-2-v7-latin-700italic.svg#Exo2') format('svg'); 
}

/* exo-2-900 - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/exo-2-v7-latin-900.eot'); 
  src: local('Exo 2 Black'), local('Exo2-Black'),
       url('../fonts/exo-2-v7-latin-900.eot?#iefix') format('embedded-opentype'),
       url('../fonts/exo-2-v7-latin-900.woff2') format('woff2'),
       url('../fonts/exo-2-v7-latin-900.woff') format('woff'),
       url('../fonts/exo-2-v7-latin-900.ttf') format('truetype'), 
       url('../fonts/exo-2-v7-latin-900.svg#Exo2') format('svg'); 
}

/* exo-2-900italic - latin */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/exo-2-v7-latin-900italic.eot'); 
  src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'),
       url('../fonts/exo-2-v7-latin-900italic.eot?#iefix') format('embedded-opentype'),
       url('../fonts/exo-2-v7-latin-900italic.woff2') format('woff2'), 
       url('../fonts/exo-2-v7-latin-900italic.woff') format('woff'), 
       url('../fonts/exo-2-v7-latin-900italic.ttf') format('truetype'), 
       url('../fonts/exo-2-v7-latin-900italic.svg#Exo2') format('svg'); 
}

.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertbox { 
  position: relative;  
  overflow: hidden;
}

.vert {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.valign {
  display: flex;  
  align-items: center;  
  justify-content: center;
}

.ctr {
  display: block;
  margin-left: auto;
  margin-right: auto;
}