@charset "UTF-8";
/*
Theme Name: Darko Pro
Theme URI: raphaelcabrera.com
Description: Hacked together from other themes.
Version:1


*/

@import url("https://fonts.googleapis.com/css?family=Roboto:300,700");

/* Global reset
-------------------------------------------------------------------*/

body {
  font-family: "Roboto", Verdana, Arial, sans-serif;
  font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 700;
}
html,
body,
div,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
pre,
form,
blockquote,
fieldset,
input {
  margin: 0;
  padding: 0;
}
body,
.blogInfo {
  transition: all 0.2s ease-in-out;
}

pre,
code,
address,
caption,
cite,
code,
th {
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
}
fieldset,
img {
  border: none;
}
caption,
th {
  text-align: left;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 10px;
  width: 100%;
}
table td {
  padding: 0 10px 0 0;
}
.hidden,
.screen_reader,
hr {
  display: none;
}

.ul-simple {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.right10 {
  margin-right: 10px;
}

.inline-middle {
  display: inline-block;
  vertical-align: middle;
}

/* Default link styling */

a {
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
.floatL {
  float: left;
}

.floatR {
  float: right;
}

.alignleft {
  float: left;
  margin: 0 25px 25px 0;
}
.alignright {
  float: right;
  margin: 0 0 25px 25px;
}
.alignnone {
  padding: 20px 0;
}
.aligncenter {
  padding: 20px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.clear {
  clear: both;
}
.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.upper {
  text-transform: uppercase;
}

.clear {
  clear: both;
}

.clickable {
  cursor: pointer;
}
.margin0 {
  margin: 0px !important;
}
.full-width {
  width: 100%;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.box {
  box-sizing: border-box;
}

.ul-simple {
  padding: 0;
  list-style-type: none;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
blockquote {
  padding: 20px;
  margin: 0 40px 20px 20px;
  clear: both;
}
img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
small {
  font-size: 11px;
}
.table-container {
  display: table;
  width: 100%;
  height: 100%;
}
.table-cell-middle {
  display: table-cell;
  vertical-align: middle;
}
/* Element sizes
-------------------------------------------------------------------*/

.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font32 {
  font-size: 32px;
}
.font64 {
  font-size: 64px;
}

.padding10 {
  padding: 10px;
}

.margin10 {
  margin: 10px;
}

.animated{
    transition: all 0.5s;
}

.mb-20{
  margin-bottom:20px;
}
.p-20{
  padding:20px;
}

/* Default
-------------------------------------------------------------------*/

html,
body {
  font-size: 17px;
  width: 100%;
  height: 100%;
}
.avatar {
  border-radius: 50%;
}
/* Template
-------------------------------------------------------------------*/

#postwrapper {
  clear: both;
  width: 1050px;
}
#header {
  width: 100%;
  position: fixed;
  z-index: 2;
  top: 0;
  background: rgba(162, 0, 0, 0.8);
}

#middle {
  width: 100%;
  min-height: calc(100% - 260px);
  top: 0;
  padding-top: 85px;
  padding-bottom: 20px;
}


#coreContent {
  width: 1050px;
  margin: auto;
  top: 0;
  overflow: hidden;
  position: relative;
}
#content {
  max-width: 1050px;
  width: 100%;
  position: relative;
}
#content.contentright {
  float: right;
  margin-right: 0;
}
#content.contentleft {
  float: left;
}
.sidebar {
  position: absolute;
  width: 330px;
  padding: 0;
  right: 0;
}
.sidebar_fixed {
  overflow: hidden;
  width: 330px;
  height: 100%;
  position: fixed;
}
/*was 330px width before the background NOTE1*/

.sidebar_scroll {
  overflow-y: scroll;
  height: 100%;
  padding-right: 20px;
  padding-top: 10px;
  width: 330px;
}
/*was 330px width before the background*/

#sidebar-social-icons{
    display: flex;
    width: 100%;
    list-style-type: none;
    justify-content: space-evenly;
    padding: 0;
    margin-top:0;
    margin-bottom:30px;
}

#sidebar-social-icons a{
    text-decoration:none;
}

#fixedright {
  text-align: center;
  margin-top: 20px;
}
#fixedright div {
  padding-top: 10px;
}
/* Header
-------------------------------------------------------------------*/

#inner-header {
  width: 1050px;
  display:flex;
  justify-content: space-between;
  margin:auto;
  height: 80px;
  align-items: center;
}

#header a {
  text-decoration: none;
}

#header .pages {
  font-size: 12px;
  text-transform: uppercase;
}
#header .categories {
  width: 110px;
}
#header .menubar {
  text-align: center;
  width: 700px;
  padding-left: 20px;
}

#searchbutton,
#lights {
  cursor: pointer;
  margin: 0px 10px;
}
#inner-header .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
}
#logo {
  height: 60px;
  width:200px;
}


#logo .icon-arkade {
  font-size: 40px;
  line-height: 60px;
  position:absolute;
}
.logo-box {
  height: 80px;
  overflow: hidden;
}
.logo-box .icon-arkade {
  font-size: 44px;
  line-height: 80px;
}
/* Menus
-------------------------------------------------------------------*/

.side-menu {
  transition: all 0.3s;
  position: fixed;
  height: 100%;
  z-index: 3;
  padding: 20px;
  box-sizing: border-box;
}
#close-menus {
  z-index: 2;
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  /*background:gray;*/
}


#left-menu {
  width: 300px;
  left: 0;
  margin-left: -300px;
  overflow: auto;
}
#right-menu {
  width: 300px;
  right: 0;
  margin-right: -300px;
}
.accordion {

  float: left;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.accordion a {
  text-decoration: none;
}
.accordion li {
  padding: 15px 0px;
  font-size: 16px;
  list-style: none;
  border-top: 1px solid rgba(122, 122, 122, 0.3);
}
.accordion li:first-child {
  border-top: none;
}
.accordion ul {
  display: none;
}

/* Post
-------------------------------------------------------------------*/

h1.title {
  font-size: 2.5em;
  margin: 5px 0 15px 0;
  line-height: 1.1em;
  padding-bottom: 10px;
  text-align: center;
}
h1,
h1 a {
  text-decoration: none;
}
h1 {
  padding: 5px 0 20px;
}
h2 {
  padding: 5px 0 15px;
}
h3,
h4 {
  padding: 5px 0 10px;
}



.post {
  width: 320px;
  margin: 10px 13px 20px;
  display: inline-block;
  vertical-align: top;
}

/*FIRST POST - Full Width*/

@media only screen and (min-width: 767px) {
  #postwrapper.index-page > .post:first-child {
    width: 100%;
    display:flex;
  }

  /* #postwrapper.index-page > .post:first-child > * {
    display: inline-block;
  } */

  #postwrapper.index-page > .post:first-child .post-image {
    width: 665px;
    max-height: 377px;
    margin-right: 13px;
  }

  #postwrapper.index-page > .post:first-child .post-content {
    margin-left: 13px;
    /* vertical-align: top; */
    width: 320px;
  }

  #postwrapper.index-page > .post:first-child .post-content h2 {
    font-size: 2em;
    line-height: 1em;
  }

  #postwrapper.index-page > .post:first-child .post-date,
  #horizontal-posts .post-date {
    position: absolute;
    bottom: 0px;
    margin: 0 auto;
    width: 100%;
  }

  /* Horizontal Posts block */

  #horizontal-posts {
    width: 683px;
    display: inline-block;
    margin-right: 13px;
  }

  #horizontal-posts .post {
    width: 100%;
  }

  #horizontal-posts .post > *:not(script) {
    display: inline-block;
    vertical-align: top;
  }

  #horizontal-posts .post-image {
    width: 30%;
  }

  #horizontal-posts .post-content {
    width: 69%;
    padding: 0px 25px;
  }

  #horizontal-posts .post-content h2 {
    font-size: 1.3em;
  }

  #side-blog {
    width: 320px;
    margin-left: 13px;
    display: inline-block;
    vertical-align: top;
  }
}

.twocols {
  width: 660px;
}

.medium {
  width: 700px;
}
.large {
  width: 980px;
}

.post-content {
  padding: 10px;
  position: relative;
  box-sizing: border-box;
}

.post-header img {
  width: 330px;
  height: auto;
}
.post-image {
  position: relative;
  overflow: hidden;
}
.post-image img {
  height: auto;
}
.post-image .avatar {
  position: absolute;
  right: 15px;
  z-index: 1;
  bottom: -15px;
}
.post-cats {
  font-size: 14px !important;
  color: #999 !important;
  padding: 10px;
}
.post-cats a {
  text-decoration: underline;
}
.infobar {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.medium .post-content h2 {
  font-size: 22px !important;
}
.large .post-content h2 {
  font-size: 24px !important;
}
.post-content a {
  color: #fff;
  text-decoration: none;
}
.post-content .bubble {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px 8px;
  display: block;
}
.post-footer {
  line-height: 1em;
}
.post-footer a {
  text-decoration: underline;
}
.post-footer a:hover {
  text-decoration: none;
}

.homepost {
  padding: 10px 0px;
  width: 700px;
  overflow: hidden;
  text-align: center;
}
.the-post {
  font-size: 1.1em;
  line-height: 1.6em;
  width: 680px;
  overflow: hidden;
  padding: 15px;
  position: relative;
  box-sizing: border-box;
}


.imgpost img {
  display: block;
}
.imgpost h3 {
  text-align: center;
}
.fullwidthpost {
  font-size: 1.2em;
  line-height: 1.6em;
  padding: 10px;
  width: 1050px;
}
.fullwidthpost img {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  height: auto;
  max-width: 1050px;
}
.fullwidthpost h1 {
  border: none;
  text-align: center;
}
.wp-caption {
  text-align: center;
  font-style: italic;
  width: auto !important;
}

.alignleft {
  float: left;
  margin: 0 30px 30px 0;
}
.alignright {
  float: right;
  margin: 0 0 30px 30px;
}
.fullbanner {
  margin: 10px auto 15px;
  width: 728px;
  height: 90px;
  text-align: center;
}
.postbanner {
  margin: 10px 0px 20px 0px;
  text-align: center;
  overflow: hidden;
}
/* 

.related-posts-div {
  text-align: center;
  padding-top: 20px;
}
.related-posts {
  list-style-type: none;
  padding: 0;
}
.related-posts li {
  padding: 5px 0px 10px;
  font-size: 12px;
}
.related-posts li a {
  text-decoration: none;
  line-height: 16px;
}
.related-posts img {
  margin-bottom: 5px;
  width: 100%;
  height: auto;
}
.featuredtext {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#bestposts li {
  margin-bottom: 15px;
}
#bestposts li a {
  text-decoration: none;
}
#bestposts li .thumbpost {
  position: relative;
  border-radius: 8px 8px 8px 8px;
  box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.8);
  overflow: hidden;
}
#bestposts li div.overlay {
  position: absolute;
  transition: all 0.2s;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAHklEQVQIW2NkYGBIA2IQMGaEcoyB9FkQZyaIAZICADS6A2kIe8XGAAAAAElFTkSuQmCC)
    repeat;
}
#bestposts li:hover div.overlay {
  opacity: 0;
  visibility: hidden;
}
#bestposts li div.title {
  font-size: 1.1em;
  text-align: center;
}
#gallery-1 .gallery-item {
  padding: 1%;
  width: 31% !important;
} */
/* Featured Posts Slideshow
-------------------------------------------------------------------*/

/* #featured-posts {
  position: relative;
  height: 400px;
  margin-bottom: 20px;
}
#featured-posts-list {
  list-style-type: none;
  padding: 0;
}
#featured-posts-list li {
  text-align: center;
  display: none;
  position: absolute;
  height: 400px;
  overflow: hidden;
}
#featured-posts-list li h2 {
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;

  font-size: 24px;
  width: 100%;
  color: #ddd;
}
#featured-posts-list li:first-child {
  display: list-item;
} */

/* Sidebar elements
-------------------------------------------------------------------*/

.sidebar .sidebar_list {
  padding: 0;
  font-size: 1.2em;
  clear: both;
}
.sidebar .sidebar_list li.widget,
.sidebar .sidebar_list li.linkcat {
  margin: 0 0 2.5em 0;
  line-height: 1.4em;
  border: 0;
  padding: 10px;
  margin: 0 0 10px 0;
}
.sidebar .widget h2,
.sidebar .widget h3 {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
}
.sidebar .widget h3 {
  color: inherit;
}
/*.sidebar .widget p 			{ margin:0 0 1.5em 0; padding:0 10px; }*/

.sidebar .widget ul,
.sidebar .widget ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Contains the entire tabbed section */
/* 
.tabbed {
  font-size: 1.2em;
  margin: 0 0 20px 0;
}
.tabbed ul.tabs {
  float: left;
  display: inline;
  width: 100%;
  margin: 0;
  padding: 0;
}
.tabbed ul.tabs li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}
.tabbed ul.tabs li a {
  overflow: hidden;
  text-shadow: none;
  display: block;
  margin: 0 2px 2px 0;
  font-weight: bold;
  font-size: 1.3em;
  padding: 10px;
  text-decoration: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
}
.tabbed ul.tabs li a.tab-current {
  margin: 0 2px -10px 0;
  padding: 10px 10px 20px 10px;
}
.tabbed div {
  float: left;
  display: block;
  width: 100%;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.tabbed .t2 h2,
.tabbed div.t2,
.tabbed div.t3 {
  display: none;
}
.tabbed div ul {
  list-style: none;
  padding: 10px;
}
.tabbed div ul li {
  padding: 2px;
}
.tabbed div ul li a {
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  display: block;
  text-decoration: none;
  font-style: italic;
}
.widget-title {
  font-size: 1.2em;
  display: block;
  margin: 0 0 10px 0;
}
div.widget {
  line-height: 1.2em;
  border: 0;
  margin: 0 0 15px 0;
  width: inherit;
}
.sidebar .widget .widget-twitter {
  margin: 0 0 10px 0;
  float: left;
}
.sidebar .widget .widget-twitter li {
  margin: 0 0 10px 0;
}
.sidebar .widget .follow-link {
  margin: 0;
  padding: 0;
} */

.widget-title {
  text-align:center;
  margin: 0 0 10px 0;
}

/* Modal Popup
-------------------------------------------------------------------*/

.popup_close,
.toolTipTheme #aToolTipCloseBtn {
  position: absolute;
  font-size: 18px;
  right: -8px;
  top: -8px;
  background: #888;
  padding: 2px;
  color: white;
  cursor: pointer;
}
.popup_close:hover,
.toolTipTheme #aToolTipCloseBtn:hover {
  background: red;
}

/*  Search Form    */

#popup_search {
  width: 400px;
  text-align: center;
  padding: 20px 5px;
  display: none;
}
#popup_search .popuptitle {
  padding: 10px 0px;
}
#popup_search .popuptitle h1 {
  border: none;
  margin: 0;
  font-size: 18px;
}
#popup_search .content {
  text-align: center;
  padding: 10px 20px;
}
#popup_search .content form input {
  font-size: 16px;
}
/*  Login Form    */

#popup_login {
  width: 400px;
  text-align: center;
  padding: 20px 5px;
  display: none;
}
#popup_login .content {
  padding: 10px 20px;
}
#popup_login #loginform p *,
#popup_login #loginform p {
  display: inline-block;
  text-align: left;
}
#popup_login #loginform p label {
  width: 120px;
}
#popup_login #loginform p input {
  width: auto;
}
#popup_login .content form input {
  font-size: 16px;
}

/* Numbered Navigation
-------------------------------------------------------------------*/

.nextPrev {
  overflow: hidden;
  width: 100%;
  margin: 15px 0;
  text-align: center;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none;
}
.navigation li {
  display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #444;
  cursor: pointer;
  margin: 3px;
  padding: 12px;
  padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
  background-color: #f62817;
}
/* Footer elements
-------------------------------------------------------------------*/

#footer {
  position: absolute;
  width: 100%;
}
#footer h3 {
  text-transform: uppercase;
  padding: 0;
  margin: 0 10px 0 0;
}
#footer h2 {
  font-size: 16px;
  padding: 0;
}
#footer p {
  padding: 0;
  margin: 0;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul {
  list-style: none;
  margin: 20px;
  padding: 0;
}
#footer ul li.first {
  border-left: 0;
  padding: 0;
  margin: 0;
}
#footer p {
  float: right;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#footer img {
  margin-bottom: 10px;
}
#footer .widget_nav_menu {
  border-right: 1px solid #555;
}
.inner-footer {
  width: 1050px;
  margin: auto;
}
.copyright {
  text-transform: uppercase;
}
.copyright a {
  text-transform: capitalize;
}

.footer-column {
  width: 25%;
  float: left;
}

/* Comments
-------------------------------------------------------------------*/

#comments {
  clear: both;
  margin-top: 20px;
}
.commentlist,
.commentlist .children {
  list-style: none;
  padding: 0px;
}
#comments h4 {
  font-size: 30px;
  line-height: 1.2em;
  margin: 0;
  font-style: italic;
  padding: 10px 0;
}
.commentEntry {
  padding: 10px 15px;
  margin-bottom: -1px;
  border: solid 2px;
}
.commentlist .avatar {
  float: left;
  padding: 3px !important;
  margin: 0 30px 0 80px !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.commentContent {
  float: left;
  padding: 5px;
  font-style: italic;
}
/*#content .commentContent	        { width:475px; }*/

.loggedin {
  margin-top: 15px;
}
.commentMeta {
  font-size: 0.9em;
  font-style: normal;
  padding: 12px 0 0 140px;
  clear: both;
}
.commentMeta a {
  font-style: italic;
}
.nocomments {
  font-size: 1.2em;
  padding: 25px 0;
}
.leaveComment {
  padding-bottom: 19px;
}
/*--------------*/

.commentlist .comment {
  border-top: none !important;
  padding: 15px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 1);
}
.reply {
  margin: 20px 10px;
  text-align: right;
}
.authordiv {
  height: 60px;
  padding-bottom: 20px;
}
.cancel-comment-reply {
  text-align: center;
}
.comment-reply-link,
.item-list-tabs ul li a,
.generic-button a,
.button-nav li a {
  padding: 5px 10px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  background: #333;
  font-size: 0.9em;
  text-decoration: none;
}
.team-user {
  font-size: 24px !important;
  vertical-align: middle;
  color: rgb(255, 187, 11);
  padding-right: 5px;
}
/* Comment form
	--------------- */

.commentForm label {
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
}
.commentForm em {
  text-transform: lowercase;
  font-style: italic;
}

button,
input[type="text"],
input[type="submit"],
input[type="password"],
input[type="email"],
textarea {
  padding: 8px 10px;
  font-size: 1em;
  -moz-border-radius: 3px;
  border: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

button {
  cursor: pointer;
}
textarea {
  height: 155px;
}
/*input[type=submit],
        input[type=button]                      { padding:8px 10px; font-size:14px; font-weight:bold; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px; cursor:pointer; margin-top:5px;}*/

button:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
input[type="text"],
input[type="email"],
textarea {
  width: 97%;
}
.btn-holder {
  float: left;
  clear: both;
  margin: 10px 0 0 0;
}
.fluid-width-video-wrapper:after {
  clear: both;
}
#map {
  width: 100%;
  height: 278px;
}
#coreContent .comments-block h2 {
  padding-top: 20px;
}
.fitvid {
  margin: 0 0 20px 0;
}
.fitvid img {
  width: 100%;
  height: auto;
}
#coreContent .ui-accordion .ui-accordion-header .ui-icon {
  display: none;
}
/* Tooltips
	--------------- */
/* 
	Required Styles
*/

#aToolTip {
  position: absolute;
  display: none;
  z-index: 50000;
}
/* 
	END: Required Styles
*/
/**
	Default Theme
*/

.toolTipTheme {
  padding: 10px 25px 20px;
  max-width: 400px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 6px;
  /* for Firefox 3.5+ */

  -webkit-box-shadow: 6px;
  /* for Safari and Chrome */

  box-shadow: 6px;
  /* for Safari and Chrome */
}

@media only screen and (max-width: 767px) {

  #logo{
    width:130px;
  }

  h1 {
    font-size: 2em;
  }
  #logo .icon-arkade {
    font-size: 26px;
  }
  #searchbutton,
  #lights {
    width: 10px !important;
  }
  body.home {
    padding: 0;
  }
  #coreContent,
  #content {
    width: 100%;
    overflow: hidden;
  }
  .blogInfo {
  }
  .commentFormRight,
  .commentFormLeft {
    width: 100%;
  }
  input[type="text"],
  input[type="email"],
  textarea {
  }
  #header .categories,
  #footer p.copy,
  #footer p.ftlink {
    float: left;
    clear: both;
    margin: 10px 0 0 0;
  }
  #header .pages {
    width: 100%;
    text-align: center;
  }
  .inner-footer {
    width: auto;
    text-align: center;
  }
  .sidebar {
    width: 100%;
    display: none;
  }
  .fitvid img {
    width: 100%;
    height: auto;
  }
  .the-post {
    margin: auto;
    float: none;
    width: 95%;
  }

  #postwrapper {
    width: auto;
  }

  #postwrapper .post {
    width: 95%;
  }
  .the-post img {
    height: auto;
  }
  .post-header img {
    width: 100%;
  }
  #header {
    padding: 0;
    overflow: visible;
    height: auto;
  }
  #inner-header {
    width: auto;
    height: 60px;
  }
  #header .blogInfo {
    float: none;
    display: block;
    position: relative;
    top: 0;
    margin: auto;
  }

  .footer-column {
    width: 50%;
  }
  #footer .widget_nav_menu {
    border: none;
  }
}

@media only screen and (max-width: 320px) {



  #logo .icon-arkade {
    line-height: 50px;
  }
  #inner-header .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  #inner-header,
  #logo {
    height: 50px;
  }
}

/* Glitch */

.glitch.icon-arkade:nth-child(1)  {
    animation: glitch2 4s infinite,  glitch1 2.5s infinite;
  }


.glitch.icon-arkade:nth-child(2)  {
  animation: glitch3 4s infinite, glitch1 2.5s infinite;;
}


.glitch.icon-arkade:nth-child(1) .path2 {
    color: rgb(47, 0, 255);
  }


.glitch.icon-arkade:nth-child(2) .path2 {
    color: rgb(238, 9, 77);
}

Keyframes*/

@keyframes glitch1 {
  0% {
    transform: none;
    opacity: 1;
  }
  7% {
    transform: skew(-4deg, -3deg);
    opacity: 0.75;
  }
  10% {
    transform: none;
    opacity: 1;
  }
  27% {
    transform: none;
    opacity: 1;
  }
  30% {
    transform: skew(4deg, -3deg);
    opacity: 0.75;
  }
  35% {
    transform: none;
    opacity: 1;
  }
  52% {
    transform: none;
    opacity: 1;
  }
  55% {
    transform: skew(-3deg, 4deg);
    opacity: 0.75;
  }
  50% {
    transform: none;
    opacity: 1;
  }
  72% {
    transform: none;
    opacity: 1;
  }
  75% {
    transform: skew(4deg, 3deg);
    opacity: 0.75;
  }
  80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}

@keyframes glitch2 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(-2px, -3px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(-2px, -1px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(-1px, -2px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(-2px, -1px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}

@keyframes glitch3 {
  0% {
    transform: none;
    opacity: 0.25;
  }
  7% {
    transform: translate(3px, 2px);
    opacity: 0.5;
  }
  10% {
    transform: none;
    opacity: 0.25;
  }
  27% {
    transform: none;
    opacity: 0.25;
  }
  30% {
    transform: translate(2px,2px);
    opacity: 0.5;
  }
  35% {
    transform: none;
    opacity: 0.25;
  }
  52% {
    transform: none;
    opacity: 0.25;
  }
  55% {
    transform: translate(2px, 1px);
    opacity: 0.5;
  }
  50% {
    transform: none;
    opacity: 0.25;
  }
  72% {
    transform: none;
    opacity: 0.25;
  }
  75% {
    transform: translate(2px, 1px);
    opacity: 0.5;
  }
  80% {
    transform: none;
    opacity: 0.25;
  }
  100% {
    transform: none;
    opacity: 0.25;
  }
}



@font-face {
  font-family: "icomoon";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB2EAAAC8AAAAYGNtYXAXVtKgAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZuTfCU4AAAF4AAAWXGhlYWQZ5yQeAAAX1AAAADZoaGVhF9YT8wAAGAwAAAAkaG10eI4oFR0AABgwAAAAeGxvY2FGKkDeAAAYqAAAAD5tYXhwACcA6QAAGOgAAAAgbmFtZZlKCfsAABkIAAABhnBvc3QAAwAAAAAakAAAACAAAwUeAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpGQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Rn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABDeIBbA9IAtIAFQAAARUjNzUjFRcjNSMRMzUzFTM1MxUzEQ8BSEjXR0dIR0hISEcCikdHSEhHR/7iR0dHRwEeAAAAAAgAAP/mFBQDmgAIAAwAIAAjADAAWwCPAJ4AAAkBMzchFzMBIwMbASMJAyEBESMRMxE3ASE3IRczASMDGwEFNSE1ITUhNSERITUhAS4BJy4BIyEVITIWFx4BFRQGBw4BKwE1IxEhMj4CNz4DNTQmJy4BJwEuAT0BNCYnLgEnPgE3PgE1NCYnLgEnLgEnLgEnIREzETMyFhceARUXHgEXHgEXMzUuAScDDgErATUzMhYXHgEVFAYBU/6tz0EBXT/X/rDgDXt48wpE/rn+fwGG/v/+ksPDXwElAalBAV0/1/6w4A17eAWhAcP+PQHs/VICxf39/p8fUTIdSiz+ZwF3RFsWFxcPEBtiR7fAAZk2XVBBGhMdEwkJCQkiGPXgAwIODg0vISg4ERERCQgJGA8SLRoaSzH+O8HCKTkPDxABAQQEAgYF2w8SBOoQMB/W2x8uDxsbHAOa/EzDwwO0/bIBdf6LAk78bQINAYb+eQGH/EwBPWH+YsPDA7T9sgF1/ou89KXJqPxMqgJ9LDwRCQukJycnb0g1WiZFRsP+mRYsQi0gSVBYLyZOKSlNI/0mDCwhPzJKGRgmDQ0uISFCIhwyFhYoEhYhCwsMAfxMAXQPEA88LlgVKRQJGg8XCRsSAdMIB/8JCA86Kyg1AAAAAAEBFAEAAuwCmgACAAABIRMC7P4o7AKa/mYAAAABARQBAALsApoAAgAAASEDARQB2OwBAAGaAAAAAQEPAMMC8QLXAEgAAAEnNzY3NjU0JyYnJicmIyIHBg8BJyYnJiMiBwYHBgcGFRQXFh8BBwYHBhUUFxYXFhcWMzI3Nj8BFxYXFjMyNzY3Njc2NTQnJicC346OCQUEBAUJCQwLDAwLCwmIiAkLCwwMCwwJCQUEBAUJjo4JBQQEBQkJDAsMDAsLCYiICQsLDAwLDAkJBQQEBQkBK6KhCQwLDAsMCwkJBQQEBQmbmwkFBAQFCQkLDAsMCwwJoaIJCwsMDAsLCQkFBAQFCZubCQUEBAUJCQsLDAwLCwkAAAIAZgAzA5oDZgAlADEAAAEhIgcGBwYHBhURFBcWFxYXFjMhMjc2NzY3NjURNCcmJyYnJiMxAycHJzcnNxc3FwcXAzP9mhUTEw4NCQgICQ0OExMVAmYVExMODQkICAkNDhMTFZadnVicnFidnVicnANmCAgODhMSFf2aFhMSDg4ICAgIDg4SExYCZhUSEw4OCAj9cpycWJ2cWZ2dWJ2dAAABAED/wAPAA0AAIwAAASEiBwYHBgcGFREUHwEzEQEhMjc2NzY3NjURNCcmJyYnJiMxA0D9gBcXFxISCwxAQEABAAFAFxcXEhIMCwsLEhIXFxgDQAsLEhIXFxj+gGAQEP8AAQAMCxITFxYXAYAXFxcSEgwLAAYAAABABAADQAAPABkAIwAnACsALwAAASEiBhURFBYzITI2NRE0JgUhMhYdASE1NDYBISImNREhERQGJTMVIzczFSM3MxUjA6D8wCg4OCgDQCg4OPyYA0ANE/yAEwNN/MANEwOAE/zTQECAQECAQEADQDgo/cAoODgoAkAoOEATDWBgDRP9gBMNASD+4A0TwICAgICAAAAAAQEA/8ADAAPAABUAAAEzNSMiDgIdASMVMxEzETM3IzU0NgJgoKAuUj0jgIDAoCDAEwMAwCM9Ui5gwP4AAgDAYA0TAAADAAD/wAQAA8AAIAA8AFAAADciBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjU0JyYnJicmIwMVMhcWFxYXFhcWFxYXFhcWFTM0JyYnJicmIzERFTIXFhcWFxYVMzQnJicmJyYjMYgcGRkSEwsKCgsTEhkZHB0ZGBMSCwsLCxITGBkdiDAuLisrKCciIhoaEhEKCcU1NVxce3uMq5eWcXBBQcVRUIuLu7rU0QsKExIZGRwcGRkSEwsKCgsTEhkZHBwZGRITCgsBk8QKCRESGxoiIicnKysvLjCMe3tcXDU1AVzEQkFwcJeXq9S6u4uLUFEAAAACAEAAAAPAA4AAIQBFAAABIgcGBwYHBhUUFxYXFhcWMzI3Njc2NzY1NCcmJyYnJiMxBQcXBycPAiMvAQcnNy8BNT8BLwE3Fz8CMx8BNxcHHwEVBwIAIh0eFhYMDQ0MFhYeHSIhHR4WFgwNDQwWFh4dIQFFHjtIdkcjBWYsRnRIOB18ex00Bkh2RiQFZixGdEg4HXx7AmINDBYWHh0iIh0eFhYMDQ0MFhYeHSIiHR4WFgwN/0Z0SDgdbQ97HTpIdkYpZixGZw1IOB1uDnsdOkh2RilmLAAAAAABAMAAgANAAwAAFQAAARUjNzUhFRcjNSMRMzUzFTM1MxUzEQLAgID+gICAgICAgICAAoCAgICAgID+AICAgIACAAAAAAQAAAAfBAADgABrAJkAuwDHAAABISIHBgcGBwYVFBcWFxYXFjsBMTcGBwYHBgcGFRQXFhcWFxYXIgciKwEiBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjU0JyYnJicmJyYnJicmJyY1NDc2NzY3Njc2NzY3Njc2NTQnJicmJyYnMzcDFhcWFRQHBgcGBwYjIicmJyYnJjU0NzY3Njc2FzIXMhcWFxYXFhcWFxYXFhcxAyYnJicmJyYnJjc2NzY3NhcWFxYXFhcWFxYHBgcGBwYnMSU1IxUjFTMVMzUzNQIv/vQtKiohIBMUDw4bGyYlLg0MAwIDAgIBAQMDBQUHBggGBQYGGDcwMSMkFBQWFiUmMjI3QDExIiESEQUFCwsREhsJDAwLCwgIAgIGBgoKEBAODgoKBgYGBgsKEBEVVTxeAgEBCwoXFyUlNichIBcYDQ0QEBsbIyMnCQkICAkICAcVEhIODQoJBKQaGRgUFA4NBQQGBg4OFRUaGhgYFBQODgQFBgYODhUVGgITQMDAQMADgBAQGxskIycpJCMaGw8PAQYGBgYHBwYGDAoKCQkJCAcBERAbGiMjJSQdHRUUCwsQERsbIyMkHRgYFBUSExMGCgsMDAsMCQsICQkICQoNDQ8QEhEUFBUZGBkUFRAQCCv9cQcHBwcdGhkTEwsKCwsUExobHR0ZGhMTCwsBAQIBAgICDwwMDAwNDRABIwENDhcXHh4iIh0eFRUMDAEBDQ0WFx4dIiIeHhUWDQwBrMDAQMDAQAAAAAAEAAAAAAQAA4AADwAgACwAMwAAATgBMRE4ATEhOAExETgBMSUhIgYVERQWMyEyNjURNCYjBxQGIyImNTQ2MzIWEyE1EwEzNwPA/IADgPyAGiYmGgOAGiYmGoA4KCg4OCgoOED9AOABAEDgA0D9AAMAQCYa/QAaJiYaAwAaJuAoODgoKDg4/biAAYD+wMAAAAAEAAD/wAQAA8AADwAfACsASAAAASEiBhURFBYzITI2NRE0JgU0NjsBMhYdARQGKwEiJjUHMhYVFAYjIiY1NDYBMRQGIyEiJjUxETMOARUUHgIzMj4CNTQmJzMDoPzAKDg4KANAKDg4/vgTDYANExMNgA0TwE9xcFBPcXAB0BMN/UANE0YDAzJXdUJCdVcyAwNGA8A4KPzAKDg4KANAKDigDRMTDYANExMNIHBQT3FwUE9x/eANExMNAaAPIBFCdVcyMld1QhAhDwAAAAADAJv/zQNlA80AEgA0AGcAAAUWFxYXFhcWNxY3Njc2NzY3NSElNDc2NzY3NicmJyYnJicmIyIHBgcGBwYHBhcWFxYXFhUhATY3Njc2NzYzMhcWFxYXFhcWBwYHBgcGBwYHBgcGBwYHIyYnJicmJyYnJicmJyYnJjcxAXAPEBESEhMUFRUUExISERAP/uABGiUlKisiIQcEFRUqK0JCXl5CQisqFRUEByIhKyolJQEU/n0EExIgIC0sNzcsLSAgEhMEAgYGDQ0SEhUPERAQDw0NCVQJDQ0PEBEQDxYSEQ0NBgYCCQkICQUGAwMBAQMDBgUJCAlqPlM8PDc3PDxTNTU1KyobGxsbKis1NTVTPDw3Nzw8UwH8MiUmGRoMDQ0MGhkmJTIbFxgYFxkZHhYYGBsbHh4iIh4eGxsYGBYeGRkXGBgXGwAFAEAAgAPAAwAAAwAGAAkADwASAAATESERBwkBBxcHFzcXNxchJSc3QAOAgP7A/sBA/PxA/kJC/v2AAsD8/AMA/YACgED++AEIQMDAQM4yMs5AwMAAAAAAAwBAAEADwAMAAAMABwALAAATIRUhFSEVIRUhFSFAA4D8gAOA/IADgPyAAwDAQMBAwAAAAAMAAP/ABAADwAAcACEAJQAAATIXFhcWFxYVFAcGBwYHBg8BJzc2NzY3Njc2MzEBAyUBJxcBJwEDYCEdHRYWDQwCAgQFBQYIQOBACgsLDQwNDA784EABIAJQ4Dz+QDgBwAPADQwWFh0dIQ4NDAwNCwsKQOBACAUGBQQCAv0g/uBAAlDg3P5AOAHAAAAAAgAA/8AEAAPAAEsAbQAAJScmJyYnJicmIzY3Njc2NzY1NCcmJyYnJiMiBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjcUFxYXFhcWHwEWFxYXFjc2NzY3NicmJyYnMSUiJyYnJicmNTQ3Njc2NzYzMhcWFxYXFhUUBwYHBgcGIzED4PIKCgkJCgkJCBYREQwLBwYeHjQ1RkVQUEZFNTQeHh4eNDVFRlAkIiIfIBwdGQECBAQGBwjODhEQEhEREA4NBgYBAQgID/2gNS4vIyMUFBQUIyMvLjU1Li8jIxQUFBQjIy8uNVnOCAcGBAQCARkdHCAfIiIkUEZFNTQeHh4eNDVFRlBQRUY1NB4eBgcLDBERFggJCQoJCQoK8g8ICAEBBgYNDhARERIQEQ7nFBQjIy8uNTUuLyMjFBQUFCMjLy41NS4vIyMUFAAAAAQAAP/ABAADwAA5AKQAxQDmAAAlMjc2NzY3Njc2NzYnJicmLwE3MTc2MzYzMhcWFxYXFhUUBwYHBgcGIyInJicmJyYnFxYXFh8BMRcxATIXFhcWFxYVERQHBgcGBwYjISInJicmJyY9ARcGFxYXFhcWFxYXFjMyNzY3Njc2NzY3Nic3Njc2NzY3Njc2NzY1NCcmJyYnJiMiBwYHBgcGBwYHBgcxAwYHBgcGBwYHJxE0NzY3Njc2MyETNCcmJyYnJiMiBwYHBgcGFRQXFhcWFxYzMjc2NzY3NjUhNDc2NzY3NjMyFxYXFhcWFRQHBgcGBwYjIicmJyYnJjUBMAoKCgkJCAgGCgMDBAMJCQ5CCAkEBAUFHBkYEhMLCgoLExIYGRwbGBgSEgsLAkgGBQYGDAwCJSQfHxcXDg0NDhcXHx8k/VYkHx8XFw4NeQQBAgcHDA0SHiUlJyclJR4SDA0HBwECBPkREREQEA8PDSEQEREQISAqKSsrKikgDgsKCAgFBQPMDAwMDAsMCwraDQ4XFx8fJAKqKw0MFhYdHSEhHR0WFg0MDA0WFh0dISEdHRYWDA3/AAcIDQ0REhQUEhENDQgHBwgNDRESFBQSEQ0NCAd8AgMFBAcHCQ8QEQ8QDg4KLAIBAQEKCxMSGBkcHBkYEhMLCgoKEhEYFxswAwMDAgIBA0QODRcXHx8k/VYkHx8XFw4NDQ4XFx8fJMtRGBgYFxgWFRIdDw8PDx0SFRYXFxgYF98DBQUICAoLDiApKisrKikgIREQEBEhDQ8PEBARERH+ygECAgMEBQQHkgEVJB8fFxcODf7gIR0dFhYNDAwNFhYdHSEhHR0WFg0MDA0WFh0dIRQSEQ0NCAcHCA0NERIUFBIRDQ0IBwcIDQ0REhQAAAMAAAAABAADgABKAGMAewAAATUhFSMVFBcWFxYXFjMyNzI3Nj8BFhcWFxYXFhcVIyIHBgcGBwYVITQnJicmJyYrATU2NzY3Njc2NxcxFxYzFjMyNzY3Njc2PQEjBSInJicmJyY9ATMVFBcWFxYXFhcGByIjMSUUBwYHBgcGIyInIic2NzY3Njc2PQEzFQNA/YDADw8aGiMjKAgHBwgHBw4RFhUZGhwcH0AbFxcSEQoKAgAKChESFxcbQB8cHBoZFhURDg4IBwcIKCMjGhoPD8D9gBgVFRAQCQl0AgECAwQEBQUFBgUC9AkJEBAVFRgFBQYFBQQEAwICAXQDAICAgCgjIxoaDw8BAQECBBkVFRERDAsHxgoKERIXFxsbFxcSEQoKxgcLDBERFRUZBAMBAQ8PGhojIyiA9AkJEBAVFRhAQA8PDw4ODg4NAQF0GBUVEBAJCQEBDQ4ODg4PDw9AQAABAAAAAAQAA0AARwAAAQ4BBz4BNw4BBy4BIyIOAhUUFhcuAycOARUUFhcuASccARUUFhcOASMiJiceARcOASMiJiceAzMyPgI1NCY1PgE3BAAcPSAhMAwfQyQcUC0rTTkhAwJBe25gJw0PMyoZMRVhSA0cDwoUCRRrRTaFSg0ZDCNMUVUtkd+YTgEfNRUC3g0RAxM8JRIaBx4kITlNKwwYDAMiOU4wGDUdNlwdAQ4MAQEBTHQOBAQCAj5SAiowAgEWIxgNbazVaAcNBxY3IAAAAQBAAAADwANgAD4AAAEmLwE3MTcyNzY3NicmJzQ3NicmJyYjIgcGBwYXFhUGBwYXFhcWMxYfAQcGBwYHBgcGBwYVITQnJicmJyYnMQJvEQMDIi0PCwoFBAMEDgQEDQ0pKlpaKSoNDQQEDgMEBAULCg8KIyIDAxEbODg4OSorA4AqKzk4ODgbAQEDHx8raw8PFBUVFQwMLCsvLyUlJSUvLyssDAwVFRUUDw9AKysfHwMEFxYjIy0tMDAtLSMjFhcEAAAAAAMAA//AA/4DwAAgAEAAhQAAAS4DIyIOAhUUFhcDJR4BMzE4ATEyPgI1NC4CJwExIiYvAQc3Jy4BNTQ+AjMyHgIXHgMVFA4CIxMuAScmIgcOAQcOAScuAScuAScmNjc+ATc+ATc2JicuAScuASMmIiMiBgcOARUUFhceAxceARceATc+ATc+AScuAScDaSRTW2IzabmJUCIiSAENN3tAabmKUBQmNyT+mTltMQ+gKwogIUNymlcrUUxFHh0uIBBDcppX5wlECQkNBwYcBgYMCQo4JB0kBgYHBQQKBQQFAwMBAwIdCAcPBgYMBwYTCAkkLwUCIThOMBYkDhcoERI7CAgCAgMMCgMrJDglFFCKuGlDgTr++UcfH1CJuWkzYltTJPzzHh0JKZsQMnM8V5lzQhAfLh4eRUxRK1eackMBPAUhBAMKCSIHBgIFBRogGTYJCQwFBAwGBgkGBgwEBUcTEgMBBwkJMi8vTgYDLTw/FAoNBAcBAwIkFhYiBAQHBAAAAAIAAABABAADQAAkACcAAAEhIgcGBwYHBhURFBcWFxYXFjMhMjc2NzY3NjURNCcmJyYnJiMBEQEDQP2AKCIjGxoPDw8PGhojIygCgCgiIxsaDw8PDxoaIyMo/kABQANADw8aGiMjKP6AKCIjGxoPDw8PGhojIygBgCgiIxsaDw/9gAIA/wAAAAABAAAAAAAA6J51J18PPPUACwQAAAAAANNab8oAAAAA01pvygAA/8AUFAPNAAAACAACAAAAAAAAAAEAAAPA/8AAABQUAAAAABQUAAEAAAAAAAAAAAAAAAAAAAAeBAAAAAAAAAAAAAAAAgAAABQUDeIUFAAABAABFAQAARQEAAEPBAAAZgQAAEAEAAAABAABAAQAAAAEAABABAAAwAQAAAAEAAAABAAAAAQAAJsEAABABAAAQAQAAAAEAAAABAAAAAQAAAAEAAAABAAAQAQAAAMEAAAAAAAAAAAKABQAHgBAATYBRAFSAcACEAJKApYCuAMwA5wDvgTgBSgFjgYwBlwGdga8B2AIsAlgCcgKKgrqCy4AAAABAAAAHgDnAAgAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABwAAAAEAAAAAAAIABwBgAAEAAAAAAAMABwA2AAEAAAAAAAQABwB1AAEAAAAAAAUACwAVAAEAAAAAAAYABwBLAAEAAAAAAAoAGgCKAAMAAQQJAAEADgAHAAMAAQQJAAIADgBnAAMAAQQJAAMADgA9AAMAAQQJAAQADgB8AAMAAQQJAAUAFgAgAAMAAQQJAAYADgBSAAMAAQQJAAoANACkaWNvbW9vbgBpAGMAbwBtAG8AbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbW9vbgBpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbW9vbgBpAGMAbwBtAG8AbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
    format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arkade .path1:before {
  content: "\e900";
  color: rgb(193, 39, 45);
}
.icon-arkade .path2:before {
  content: "\e901";
  margin-left: -5.01953125em;
}
.icon-arrow-down:before {
  content: "\e902";
}
.icon-arrow-up:before {
  content: "\e903";
}
.icon-close:before {
  content: "\e904";
}
.icon-close2:before {
  content: "\e905";
}
.icon-comment:before {
  content: "\e906";
}
.icon-credit-card:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e908";
}
.icon-feed:before {
  content: "\e909";
}
.icon-gear:before {
  content: "\e90a";
}
.icon-ghost:before {
  content: "\e90b";
}
.icon-googleplus:before {
  content: "\e90c";
}
.icon-image:before {
  content: "\e90d";
}
.icon-instagram:before {
  content: "\e90e";
}
.icon-light-bulb:before {
  content: "\e90f";
}
.icon-mail:before {
  content: "\e910";
}
.icon-menu:before {
  content: "\e911";
}
.icon-pencil:before {
  content: "\e912";
}
.icon-search:before {
  content: "\e913";
}
.icon-steam:before {
  content: "\e914";
}
.icon-trophy:before {
  content: "\e915";
}
.icon-twitter:before {
  content: "\e916";
}
.icon-user:before {
  content: "\e917";
}
.icon-whatsapp:before {
  content: "\e918";
}
.icon-youtube:before {
  content: "\e919";
}