@font-face {
  font-family: 'latoregular';
  src: url("/sites/all/fonts/lato-reg-webfont.eot");
  src: url("/sites/all/fonts/lato-reg-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/lato-reg-webfont.woff") format("woff"), url("/sites/all/fonts/lato-reg-webfont.ttf") format("truetype"), url("/sites/all/fonts/lato-reg-webfont.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latoblack';
  src: url("/sites/all/fonts/lato-bla-webfont.eot");
  src: url("/sites/all/fonts/lato-bla-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/lato-bla-webfont.woff") format("woff"), url("/sites/all/fonts/lato-bla-webfont.ttf") format("truetype"), url("/sites/all/fonts/lato-bla-webfont.svg#latoblack") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'latobold';
  src: url("/sites/all/fonts/lato-bol-webfont.eot");
  src: url("/sites/all/fonts/lato-bol-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/lato-bol-webfont.woff") format("woff"), url("/sites/all/fonts/lato-bol-webfont.ttf") format("truetype"), url("/sites/all/fonts/lato-bol-webfont.svg#latobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
.header a, .header span, .header h1, .header h2, .header h3, .header h4 {
  font-family: "latobold", Helvetica, Arial, sans-serif;
}
.header p {
  font-family: "latoregular", Helvetica, Arial, sans-serif;
}
.header a [class^="icon-"],
.header a [class*=" icon-"] {
  font-family: FontAwesome;
}
.header {
  background: #ec7021;
}
.header:after {
  background: #006843;
}
.header .right-item ul li {
  border-color: #d56a26;
}
.header .right-item .search.active {
background: #006843;
}
.header #navigation ul li:hover, .header #navigation ul li.active {
  background: #006843;
}
.header #navigation ul li ul {
  background: #006843;
}
.header #navigation ul li ul li {
  background: #006843;
  border-bottom-color: #03794F;
}
.header #navigation ul li ul li a:hover {
background: #2ea99d;
}
.header .right-item ul li:hover {
  background: #006843;
}
.header .right-item ul li.active {
  background: #006843;
}
.recent-posts .topics {
  background: #ec7021;
}
.recent-posts .topics ul li:first-child:after {
  width:0px;
}

.recent-posts .topics ul li {
  position: relative;
}
.recent-posts .topics ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 15px;
  background: rgba(0, 0, 0, 0.2);
}
.recent-posts .topics ul li a {
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 15px;
}
.recent-posts .topics ul li a:hover {
  background-color:transparent;
}
.recent-posts .topics ul li a:hover {
  opacity: 0.7;
}
.recent-posts .topics h4 {
  color: #fff;
}
.recent-posts .swiper-slide:after {
  background: url(../images/bg_mask_crackberry.png) repeat-x;
  opacity: 0.5;
}
.recent-posts .swiper-slide .title p span {
  color: #ec7021;
}
.recent-posts .swiper-slide .title h2 span {
  font-family: "latobold", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.navigation-right .inner {
  border-color: #006843;
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"], .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"] {
  background: #dadad4;
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"]:hover, .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"]:hover {
  background: #006843;
}
.navigation-right .inner .staff-members .staff-member > a {
  color: #2ea99d;
}
.navigation-right .inner .staff-members .staff-member [class^="icomoon-"]:hover, .navigation-right .inner .staff-members .staff-member [class*=" icomoon-"]:hover {
  color: #2ea99d;
}
.navigation-right .inner > section .view-all a {
  font-family: "latobold", Helvetica, Arial, sans-serif;
  background: #2ea99d;
  border-radius: 0 20px 20px 0;
  line-height: 16px;
}
.navigation-right .inner > section ul li:before {
  background: #006843;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.navigation-right .inner > section ul li:after {
  content: none;
}
.navigation-right .menu ul {
  background: #e4f2f1;
}
.navigation-right .menu ul li:first-child {
  border: none;
}
.navigation-right .menu ul li:first-child a {
  font-family: "latobold", Helvetica, Arial, sans-serif;
  border-top: 1px solid #c2e1df;
}
.navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a {
  background: #2ea99d;
}
.navigation-right .menu ul li a {
  border-bottom: 1px solid #c2e1df;
  font-family: "latoregular", Helvetica, Arial, sans-serif;
}
.navigation-right .menu li a[data-subnav] {
border-left: 4px solid #ec7021;
}
.navigation-right .menu .tip-us:hover a, .navigation-right .menu .tip-us.hover a, .navigation-right .menu .tip-us.hover-f a {
  color: #fff;
}
.navigation-right .menu .tip-us a {
  color: #006843;
}
.navigation-right .feed article:hover .pic:before {
  background: #ec7021;
}
.navigation-right .feed h4 a {
  color: #4f595c;
}
.header .logo {
  width: 219px;
  height: 60px;
  margin-top: 8px;
  margin-right: 80px;
  background: none;
}
.header .logo:before {
  content: "";
  position: absolute;
  left: -6px;
  top: -5px;
  width: 70px;
  height: 70px;
  background: #ec7021;
  border-radius: 50%;
}
.header .logo:after {
  content: "";
  position: absolute;
  display: block;
  width: inherit;
  height: inherit;
  top: 0;
  background: url(../images/logo-crackberry.svg);
  background-size: 219px 60px;
}
.header .portals-nav .toggle-nav {
  left: 235px;
  top: -40px;
}
.portals-nav ul .wrapper-androidcentral {
  display: block;
}
.header .portals-nav ul .wrapper-crackberry {
  display: none;
}

/*--- Next - Previous Arrows Header -------*/

.recent-posts .prevnext .swiper-prev, .recent-posts .prevnext .swiper-next {
background-color: #ec7021  ;
}

.recent-posts .prevnext .swiper-next:hover,.recent-posts .prevnext .swiper-prev:hover {
background-color:#BE5410;
}

.recent-posts .topics {
  background:#303030;
}

@media screen and (max-width: 660px) {
  .header .logo {
    width: 70px;
    margin-right: 0;
  }
  .header .portals-nav .toggle-nav {
    left: 100px;
  }
}