/* Common styles */  
.left{float:left !important;}
.right{float:right !important;}
.relative{position:relative;}
.hidden{display:none;}

::-moz-selection{ color: #fff; background:#000; }
::-webkit-selection{ color: #fff;	background:#000; }
::selection{ color: #fff;	background:#000; }

.animate, .animate *{
  transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.clearlist, .clearlist li {
  list-style: none;
  padding: 0;
  margin: 0;
  background: none;
}

html{
  overflow-y: scroll;
  -ms-overflow-style: scrollbar;
}
html, body{
  height: 100%;
  -webkit-font-smoothing: antialiased;
}
iframe{
  border: none;
}
a, b, div, ul, li{
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-tap-highlight-color: transparent; 
  -moz-outline-: none;
}
a:focus,
a:active{
  -moz-outline: none;
  outline: none;
  text-decoration:none;
}
img, embed, object, video {
  max-width: 100%;
  height: auto;
}


/* Buttons */  
.btn, a.btn{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 13px;
  background: transparent;
  border: 1px solid #0098ff;
  color: #7be2ff;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 2px;
  
  border-radius: 3px;
  
  box-shadow: none;
  
  transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn:hover,
.btn:focus,
a.btn:hover,
a.btn:focus{
  font-weight: 400;
  color: #ffffff;
  background: #0098ff;
  text-decoration: none;
  outline: none;
  border-color: transparent;    
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn:active{
  cursor: pointer !important;
  outline: none !important;
}

.btn.btn-small{
  height: auto;
  padding: 6px 17px;
  font-size: 11px;
  letter-spacing: 1px;
} 
.btn.btn-medium{
  height: auto;
  padding: 8px 37px;
  font-size: 12px;
} 
.btn.btn-large{
  height: auto;
  padding: 14px 45px;
  font-size: 13px;
} 

.btn-full{
  width: 100%;
}



/* Forms fields */
form input[type="text"],
form input[type="email"],
form input[type="number"],
form input[type="url"],
form input[type="search"],
form input[type="tel"],
form input[type="password"],
form input[type="date"],
form input[type="color"],
form select{
  display: inline-block;  
  vertical-align: middle;

  border: none;
  height: 45px;
  padding: 0 15px;
  background: #f5f5f5;
  font-size: 13px;
  color:#666;
  
  border-radius: 3px;
  
  box-shadow: none;
  
  box-sizing: border-box;
  
  transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
form select[multiple]{
  height: auto;
}
form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="number"]:hover,
form input[type="url"]:hover,
form input[type="search"]:hover,
form input[type="tel"]:hover,
form input[type="password"]:hover,
form input[type="date"]:hover,
form input[type="color"]:hover,
form select:hover{
  border:none;
}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form input[type="search"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="date"]:focus,
form input[type="color"]:focus,
form select:focus{
  color: #333;
  border:none;
  
  box-shadow: 0 0 3px rgba(0,0,0, .3);
  outline: none;
}

form textarea{
  display: inline-block;  
  vertical-align: middle;

  border: none;
  height: 45px;
  padding: 15px;
  background: #f5f5f5;
  font-size: 13px;
  color:#666;
  
  border-radius: 3px;
  
  box-shadow: none;
  
  box-sizing: border-box;
  
  transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
form textarea:focus{
  color: #333;
  border:none;
  
  box-shadow: 0 0 3px rgba(0,0,0, .3);
  outline: none;
}