/*
    ==== GRID ====
*/
#menu {
  display: none; }

#mobile-navigation {
  padding: 0;
  margin: 0;
  list-style: none; }

 
  @media only screen and (min-width: 1201px) and (max-width: 1218px) {
   
	 .menu-holder { padding: 91px 0px 0px;}
  }
   @media (min-width: 1218px) {
	 .menu-holder { padding: 61px 0px 0px !important;
		 background: #ffffff;
    position: relative;
    z-index: 100;
	 }
  }
  
  
@media (min-width: 1025px) {
  .menu-holder {
    background: #ffffff;
    position: relative;
    z-index: 100;
	padding: 91px 0px 0px;
	}
  #menu {
    display: block;
    position: relative;
    z-index: 50;
    margin: 0; }
    #menu > ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      #menu > ul > li {
        display: table-cell;
        width: 1%;
        text-align: center;
        height: 61px;
        vertical-align: middle;
        font: 15px/60px 'robotomedium', sans-serif;
        position: relative; }
        #menu > ul > li:hover > a {
          color: #800080; }
        #menu > ul > li > a {
          color: #7b93a2;
          display: block;
          padding: 0 5px;
          white-space: nowrap;
          background: #ffffff; }
          #menu > ul > li > a:hover {
            color: #800080; }
        #menu > ul > li.active > a {
          color: #800080; }
        #menu > ul > li.has-drop > a:after {
          font-family: "fontello";
          font-style: normal;
          font-variant: normal;
          font-weight: normal;
          text-align: center;
          text-decoration: none;
          text-transform: none;
          vertical-align: top;
          content: '\e832';
          margin: 0 0 0 3px; }
        #menu > ul > li.last ul {
          right: 0;
          left: auto; }
          #menu > ul > li.last ul:after {
            left: auto;
            right: 25px; }
        #menu > ul > li:hover ul {
          display: block; }
        #menu > ul > li ul {
          margin: -6px 0 0;
          list-style: none;
          font-size: 15px;
          line-height: 21px;
          position: absolute;
          top: 100%;
          left: -6px;
          padding: 2px 15px 3px;
          background: #fff;
          border-radius: 2px;
          text-align: left;
          width: 214px;
          display: none;
          box-shadow: 0 0 16px rgba(201, 201, 201, 0.9);
          z-index: 20; }
          #menu > ul > li ul:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 8px;
            border: 5px solid transparent;
            border-bottom: 6px solid #fff; }
          #menu > ul > li ul li {
            font-size: 15px;
            border-top: 1px solid #f0f0f0;
            padding: 10px 0 11px;
            display: block; }
            #menu > ul > li ul li:first-child {
              border: none; }
            #menu > ul > li ul li.active a {
              color: #800080; }
          #menu > ul > li ul a {
            color: #7b93a2;
            display: block;
            padding: 5px 5px 4px;
            position: relative; }
            #menu > ul > li ul a:hover {
              color: #800080; } }

.mm-menu .mm-list .articles-ttl {
  padding: 14px 10px;
  text-align: center;
  font-size: 21px;
  line-height: 24px; }
  .mm-menu .mm-list .articles-ttl:after {
    display: none !important; }

.search-panel {
  padding: 20px 0 15px; }
  .search-panel .form-area {
    padding: 0 0 50px;
    position: relative; }
    .search-panel .form-area .form-group {
      overflow: hidden;
      margin: 0; }
  .search-panel .btns {
    position: absolute;
    left: 0;
    bottom: 0; }
    .search-panel .btns .btn-submit {
      height: 40px;
      float: left;
      margin-right: 10px; }
    .search-panel .btns .btn-ask {
      padding: 9px 7px 10px;
      min-width: 160px;
      float: left; }

@media (min-width: 640px) {
  .search-panel {
    padding: 20px 0 15px; }
    .search-panel .form-area {
      padding: 0; }
    .search-panel .btns {
      float: right;
      position: static;
      padding-left: 10px; } }

@media (min-width: 768px) {
  .search-panel .form-area {
    padding: 0; }
  .search-panel .btns {
    width: 272px; }
    .search-panel .btns .btn-submit {
      margin: 0 10px 0 0; } }

.related-articles {
  margin: 0 0 20px; }
  .related-articles ul {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #444444;
    font: 13px/16px 'robotomedium', sans-serif; }
    .related-articles ul li {
      margin: 0 0 23px; }
    .related-articles ul h4 {
      margin: 0 0 4px;
      color: #6c7f8a;
      font: 16px/22px 'robotomedium', sans-serif; }
      .related-articles ul h4 a {
        color: #6c7f8a; }
        .related-articles ul h4 a:hover {
          color: #56656d; }
    .related-articles ul .meta {
      margin: 0; }
      .related-articles ul .meta a {
        color: #800080; }
        .related-articles ul .meta a:hover {
          text-decoration: underline;
          color: #28673c; }

.questions-list {
  padding: 0;
  margin: 0 0 20px;
  list-style: none; }
  .questions-list li {
    background: #eaedef;
    position: relative;
    margin: 0 0 10px;
    border-radius: 4px;
    box-shadow: 0 2px 0 #d8dddf;
    overflow: hidden;
    color: #444444;
    padding: 19px 11px 0;
    font: 13px/19px 'robotomedium', sans-serif; }
    .questions-list li:hover {
      background: #ffffff; }
    .questions-list li a {
      color: #800080; }
      .questions-list li a:hover {
        text-decoration: underline;
        color: #28673c; }
    .questions-list li .frame {
      padding: 0 0 18px; }
    .questions-list li .img {
      float: left;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      position: relative;
      border: 2px solid #87ba98;
      margin: 1px 10px 0 0;
      background: #fff url(../images/ico-avatar.png) no-repeat; }
      .questions-list li .img img {
        vertical-align: top;
        max-width: 100%;
        width: 100%;
        border-radius: 50%; }
    .questions-list li .holder {
      overflow: hidden; }
    .questions-list li h3 {
      color: #6c7f8a;
      font: 16px/19px 'robotomedium', sans-serif;
      margin: 0; }
      .questions-list li h3 a {
        color: #6c7f8a; }
        .questions-list li h3 a:hover {
          color: #56656d; }
    .questions-list li p {
      margin: 0;
      overflow: hidden; }
    .questions-list li .meta {
      font: 13px/19px 'robotoregular', sans-serif;
      border-top: 1px solid #dce1e4;
      padding: 5px 13px 10px;
      margin: 0 -13px; }
      .questions-list li .meta .comments {
        float: right;
        font-weight: normal;
        padding: 0 0 0 10px;
        max-width: 120px; }
        .questions-list li .meta .comments a {
          display: inline-block;
          vertical-align: top;
          padding: 0 0 0 17px;
          background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM2Rjg3RUQ5RkU3MTFFNEFDNTRBNDE2RkRGM0EyMUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM2Rjg3RUU5RkU3MTFFNEFDNTRBNDE2RkRGM0EyMUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QzZGODdFQjlGRTcxMUU0QUM1NEE0MTZGREYzQTIxRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QzZGODdFQzlGRTcxMUU0QUM1NEE0MTZGREYzQTIxRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlJUT+MAAAD2SURBVHjaYvz//z8DOqiZstgYSAlCuWdbcmLfo6thhGkEKlYCUuVAnAbEe5DUKEHpTqABs8CaGBkZWKCaQIo7gLgCKMmIwwXlUHWuQPye+Y+IMkhwIhDrADUdZcACnMz0nwPx6n2nLoFs9z28ff0WJqjTOrH5Ax0A1VQAKZfqyYsEmaB+uMdAPACpNQZpPAtiEKMD6EdQSCu15sbtAWnshHrchQhNu4F4Fjw6oKE2E4hXA/3RiaYB5JVQaFSBwqITFB3I8ViO5IeZyAkAGq+zgJruweIRZiPI1DOg+IFqBMXnWVzOhicAqFNWg0wGalhNTEABBBgABDRhnlFWMSAAAAAASUVORK5CYII=");
          background-repeat: no-repeat;
          background-position: 0 4px; }
          .questions-list li .meta .comments a:hover {
            text-decoration: none; }

@media (min-width: 640px) {
  .questions-list li .meta .comments {
    max-width: 170px; } }

@media (min-width: 1025px) {
  .questions-list li {
    opacity: 0;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; } }

.top-contributors {
  padding: 0;
  margin: 0 0 20px;
  list-style: none; }
  .top-contributors li {
    margin: 0 0 17px; }
  .top-contributors .img {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative;
    border: 2px solid #87ba98;
    margin: 6px 11px 0 0;
    background: #fff url(../images/ico-avatar.png) no-repeat; }
    .top-contributors .img img {
      vertical-align: top;
      max-width: 100%;
      width: 100%;
      border-radius: 50%; }
  .top-contributors .holder {
    overflow: hidden; }
  .top-contributors h3 {
    color: #6c7f8a;
    font: 16px/19px 'robotomedium', sans-serif;
    margin: 0 0 6px; }
    .top-contributors h3 a {
      color: #6c7f8a; }
      .top-contributors h3 a:hover {
        color: #56656d; }
  .top-contributors .counter {
    display: block;
    color: #444444;
    font: 13px/16px 'robotomedium', sans-serif; }

/*articles-gallery*/
.no-js li {
  height: 528px; }

body {
  min-width: 300px; }

.articles-gallery {
  position: relative;
  margin: 0 -15px; }
  .articles-gallery .slides {
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
	}
	/*.articles-gallery .slides{height:400px !important;}*/
    .articles-gallery .slides li {
      float: left;
      display: none; }
      .articles-gallery .slides li .holder {
        height: 260px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        font: 15px/22px 'robotoregular', sans-serif;
        color: #ffffff; }
        .articles-gallery .slides li .holder h2 {
          color: #ffffff;
          line-height: 26px; }
        .articles-gallery .slides li .holder a {
          color: #ffffff; }
        .articles-gallery .slides li .holder.viewed .info {
          opacity: 1; }
          .articles-gallery .slides li .holder.viewed .info h2,
          .articles-gallery .slides li .holder.viewed .info p,
          .articles-gallery .slides li .holder.viewed .info .date {
            opacity: 0;
            -webkit-animation-duration: 1s;
                    animation-duration: 1s;
            -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
            -webkit-animation-name: fadeInDown;
                    animation-name: fadeInDown; }
          .articles-gallery .slides li .holder.viewed .info .date {
            -webkit-animation-name: fadeInLeft;
                    animation-name: fadeInLeft;
            -webkit-animation-delay: 0.4s;
                    animation-delay: 0.4s; }
          .articles-gallery .slides li .holder.viewed .info p {
            -webkit-animation-name: fadeInUp;
                    animation-name: fadeInUp;
            -webkit-animation-delay: 1s;
                    animation-delay: 1s; }
      .articles-gallery .slides li .img {
        display: none;
        vertical-align: top;
        width: 100%; }
      .articles-gallery .slides li .info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 30px 22px;
        opacity: 0;
        transition: opacity .4s; }
        .articles-gallery .slides li .info:after {
          content: '';
          height: 170px;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 10;
          position: absolute;
          background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjc2Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
          background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.07) 15%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.76) 100%); }
        .articles-gallery .slides li .info > * {
          position: relative;
          z-index: 30; }
      .articles-gallery .slides li .date {
        display: block;
        font-weight: normal; }
      .articles-gallery .slides li p {
        margin: 0;
        display: block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis; }
  .articles-gallery .flex-direction-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 50%;
    height: 1px;
    width: 100%;
    z-index: 100; }
    .articles-gallery .flex-direction-nav a {
      position: absolute;
      z-index: 40;
      width: 16px;
      height: 27px;
      top: 50%;
      left: 5px;
      text-indent: -9999px;
      overflow: hidden;
      margin-top: -13px;
      background: url(../images/gallery-nav.png) no-repeat -167px 0;
      opacity: 0.6;
      transition: none; }
      .articles-gallery .flex-direction-nav a.flex-next {
        background-position: -167px -27px;
        left: auto;
        right: 5px; }
      .articles-gallery .flex-direction-nav a:hover {
        opacity: 1; }

.sort-heading {
  overflow: hidden;
  border-bottom: 1px solid #eef0f2;
  box-shadow: 0 1px 0 #cfd6da;
  margin: 0 0 14px;
  padding: 0 0 6px;
  display: table;
  width: 100%; }
  .sort-heading .sort {
    display: table-footer-group;
    color: #444444;
    font: 14px/24px 'robotobold', sans-serif; }
    .sort-heading .sort .by {
      float: left;
      width: 90px;
      padding: 6px 10px 0 0;
      text-align: left; }
  .sort-heading h2 {
    display: table-header-group;
    overflow: hidden;
    color: #6c7f8a;
    font: 18px/24px 'robotoregular', sans-serif; }
  .sort-heading .sel {
    width: 140px;
    overflow: hidden; }
    .sort-heading .sel select {
      opacity: 0; }
    .sort-heading .sel .select-area {
      border: none;
      height: 30px;
      font: 14px/24px 'robotomedium', sans-serif;
      background: none; }
      .sort-heading .sel .select-area .center {
        padding-left: 5px; }

@media (min-width: 640px) {
  .articles-gallery .slides li .holder {
    height: auto;
    padding-top: 35%; }
  .sort-heading {
    display: block; }
    .sort-heading .sort {
      float: right;
      width: 230px;
      margin: -4px -8px 0 0;
      display: block; }
      .sort-heading .sort .by {
        text-align: right; }
    .sort-heading h2 {
      display: block; } }

@media (min-width: 768px) {
	
  .articles-gallery .slides li .info {
    padding: 10px 50px 22px; }
  .articles-gallery .flex-direction-nav a {
    width: 47px;
    height: 94px;
    left: -5px;
    margin-top: -47px;
    background-position: -183px 0;
    opacity: 0.8; }
    .articles-gallery .flex-direction-nav a.flex-next {
      background-position: -230px 0;
      right: -5px; } }

@media (min-width: 1025px) {
  .articles-gallery .flex-viewport {
    overflow: visible !important; }
    .articles-gallery .flex-viewport:before, .articles-gallery .flex-viewport:after {
      content: '';
      position: absolute;
      top: 0;
      right: 100%;
      background: url(../images/mask-01.png);
      width: 9999px;
      bottom: 0;
      z-index: 100;
      margin-right: 5px; }
    .articles-gallery .flex-viewport:before {
      right: auto;
      left: 100%;
      margin-left: 5px; }
  .articles-gallery .slides li .holder {
    margin: 0 5px; }
  .articles-gallery .flex-direction-nav a {
    left: 5px; }
    .articles-gallery .flex-direction-nav a.flex-next {
      right: 5px; } }

@media (min-width: 1100px) {
  .articles-gallery .flex-direction-nav a {
    left: -52px;
    background-position: -73px 0; }
    .articles-gallery .flex-direction-nav a.flex-next {
      right: -52px;
      background-position: -120px 0; } }

@media (min-width: 1200px) {
  .articles-gallery .flex-direction-nav a {
    left: 5px;
    background-position: -183px 0; }
    .articles-gallery .flex-direction-nav a.flex-next {
      right: 5px;
      background-position: -230px 0; } }

@media (min-width: 1310px) {
  .articles-gallery .slides li .info {
    padding: 10px 20px 22px; }
  .articles-gallery .flex-direction-nav a {
    left: -52px;
    background-position: -73px 0; }
    .articles-gallery .flex-direction-nav a.flex-next {
      right: -52px;
      background-position: -120px 0; } }
/*Custom code added for responsive*/
	  body {
			  min-width: 300px; 
			}
	@media only screen and (min-width: 300px) and (max-width: 639px) {
	      .articles-gallery .flex-viewport {margin-top: 80px;}
	
			  .articles-gallery .slides li .holder {
			    height: auto;
			    padding-top: 60%; }
			  .sort-heading {
			    display: block; }
			    .sort-heading .sort {
			      float: right;
			      width: 230px;
			      margin: -4px -8px 0 0;
			      display: block; }
			      .sort-heading .sort .by {
			        text-align: right; }
			    .sort-heading h2 {
			      display: block; } }
				  
				  #main h2.lined, h3.lined {
                   padding: 0 0 11px;
                    }
					@media only screen and (min-width: 300px) and (max-width: 752px) {
						.articles-gallery {
							margin-top: 88px;
						}
					}