@charset "UTF-8";
/*
Theme Name: RSA Ezine
Theme URI:
Author: Taylor & Francis
Author URI:
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Nirvana
Version:		1
Last change:	30/05/15 [no Change]
Primary use:	Company Portfolio
-------------------------------------------------------------------*/
/*------------------------------------------------------------------

[Table of contents]

1. import files
2. Background Stretch / .bg-stretch
3. Buttons Styles
4. Wrapper / #wrapper
5. W1 / .w1
6. Header / #header
7. Logo / .logo
8. Nav2 / #nav2
9. Nav Holder2 / .nav-holder2
10. Nav Opener2 / .nav-opener2
11. Btn Close2 / .btn-close2
12. Nav / #nav
13. Nav Opener / .nav-opener
14. Nav Holder / .nav-holder
15. Btn Close / .btn-close
16. Search Form / .search-form
17. Nav Posts / .nav-posts
18. Main Gallery / .main-gallery
19. Post Carousel / .post-carousel
20. Post Over / .post-over
21. Add Nav / .add-nav
22. Two Cols / .two-cols
23. Three Cols / .three-cols
24. Location Post / .location-post
25. Fullwidth Post / .fullwidth-post
26. Banner Gallery / .banner-gallery
27. Twocolumns / .twocolumns
28. Threecolumns / .threecolumns
29. Location Block / .location-block
30. Post Quotes / .post-quotes
31. Banner Gallery / .banner-gallery
32. Footer Holder / .footer-holder
33. Footer Aside / .footer-aside
34. Footer Logo / .footer-logo
35. Social Networks / .social-networks
36. Info Nav / .info-nav
37. Instagram Nav / .instagram-nav
38. Footer / #footer
39. Copyrights / .copyrights
40. Footer Nav / .footer-nav
41. Main Banner / .main-banner
42. Contact Block / .contact-block
43. Comment Form / .comment-form
44. Parallax Holder / .parallax-holder
45. Parallax Frame / .parallax-frame
46. Post Info / .post-info
47. Blockquote / .blockquote
48. Post Images / .post-images
49. Related Posts / .related-posts
50. Post Buttons / .post-buttons
51. Next Post , Prev Post / .next-post, .prev-post
52. Related Articles / .related-articles
53. Carousel / .carousel
54. Comments Block / .comments-block
55. Commnents Heading / .commnents-heading
56. Threecomments / .threecomments
57. Comments Holder / .comments-holder
58. Comments Box / .comments-box
59. Comment Nav / .comment-nav
60. Form Area / .form-area
61. short codes

/*------------------------------------------------------------------*/
/*------------------------------------------------------------------
1. import files
-------------------------------------------------------------------*/
/* Scaffolding */
/* Typography */
/* Buttons */
/* Forms */
/* container sizes */
.logo img, .nav-posts .banner-gallery img, .post-images .img-box img, .post-images .img-box2 img {
  width: 100%;
  display: block;
  height: auto; }

.bg-stretch, .post-over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-genderless:before,
.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

@-webkit-viewport {
  width: device-width; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*------------------------------------------------------------------
2. Background Stretch / .bg-stretch
-------------------------------------------------------------------*/
.bg-stretch {
  overflow: hidden; }
  .bg-stretch img {
    position: absolute; }

/*------------------------------------------------------------------
3. Buttons Styles
-------------------------------------------------------------------*/
.btn-primary {
  color: #333332;
  background: none;
  border-radius: 0;
  border: 1px solid #333332;
  font: 700 16px/20px Raleway, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  outline: none !important;
  padding: 9px 10px;
  min-width: 140px; }
  .btn-primary:focus, .btn-primary:hover {
    color: #333332;
    color: #fff; }

.btn-flash {
  background: #ffcc39;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 56px;
  position: absolute;
  top: 0;
  right: 0;
  display: block; }
  .btn-flash:focus, .btn-flash:hover {
    text-decoration: none;
    outline: none;
    background: #e8b932;
    color: #fff; }

.btn-review {
  background: #ffcc39;
  padding: 0 5px;
  width: 85px;
  height: 85px;
  text-align: center;
  color: #fff;
  font: 700 24px/28px Montserrat, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  display: block; }
  .btn-review .txt {
    display: inline-block;
    white-space: normal;
    vertical-align: middle; }
  .btn-review:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0 0 0 -5px; }
  .btn-review:focus, .btn-review:hover {
    text-decoration: none;
    outline: none;
    background: #e8b932;
    color: #fff; }
  .btn-review:before {
    margin: 0; }

.btn-next,
.btn-prev {
  top: 50%;
  left: 0;
  padding: 0;
  z-index: 99;
  color: #fff;
  display: block;
  margin: -55px 0 0;
  position: absolute;
  text-align: center;
  width: 29px;
  height: 110px;
  background: rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 767px) {
    .btn-next,
    .btn-prev {
      width: 22px;
      height: 80px; } }
  .btn-next .fa,
  .btn-prev .fa {
    font-size: 29px;
    line-height: 29px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -8px; }
  .btn-next:focus, .btn-next:hover,
  .btn-prev:focus,
  .btn-prev:hover {
    color: #fff;
    outline: none;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.6); }

.btn-next {
  left: auto;
  right: 0; }
  .btn-next .fa {
    margin: -14px 0 0 -4px; }

.btn-next2,
.btn-prev2 {
  top: 50%;
  left: -36px;
  padding: 0;
  z-index: 99;
  color: #73787c;
  display: block;
  font-size: 17px;
  line-height: 18px;
  margin: -17px 0 0;
  position: absolute;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%; }
  @media only screen and (max-width: 767px) {
    .btn-next2,
    .btn-prev2 {
      top: auto;
      bottom: 0;
      left: auto;
      position: relative;
      display: inline-block;
      vertical-align: top;
      margin: 0 10px; } }
  .btn-next2:focus, .btn-next2:hover,
  .btn-prev2:focus,
  .btn-prev2:hover {
    background: #ffcc39;
    color: #fff;
    outline: none;
    text-decoration: none; }
  .btn-next2 .fa,
  .btn-prev2 .fa {
    display: inline-block;
    vertical-align: middle; }

.btn-next2 {
  left: auto;
  right: -36px; }
  @media only screen and (max-width: 767px) {
    .btn-next2 {
      right: auto; } }
  .btn-next2 .fa {
    margin: 0 0 0 4px; }
    @media only screen and (max-width: 767px) {
      .btn-next2 .fa {
        margin: 0 0 0 3px; } }

.btn-instagram {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 9px;
  width: 30px;
  height: 30px;
  background: #73787c;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  z-index: 990; }
  .btn-instagram:focus, .btn-instagram:hover {
    text-decoration: none;
    outline: none; }

.postbox-next,
.postbox-prev {
  top: 1px;
  left: -310px;
  width: 263px;
  position: absolute; }
  @media only screen and (max-width: 1850px) {
    .postbox-next,
    .postbox-prev {
      left: 15px; } }
  @media only screen and (max-width: 650px) {
    .postbox-next,
    .postbox-prev {
      width: 50px; } }
  .postbox-next .post-txt,
  .postbox-prev .post-txt {
    color: #181818;
    background: url(../images/border01.png) repeat-x 0 100%;
    float: left;
    width: 222px;
    padding: 0 0 8px;
    text-transform: uppercase;
    font: 13px/16px Montserrat, Arial, Helvetica, sans-serif;
    text-align: center;
    margin: -3px 0 0;
    position: relative;
    z-index: 1; }
    .postbox-next .post-txt:after,
    .postbox-prev .post-txt:after {
      position: absolute;
      content: "";
      top: auto;
      z-index: -1;
      bottom: 0;
      left: 100%;
      right: auto;
      background: #9da0a2; }
    @media only screen and (max-width: 650px) {
      .postbox-next .post-txt,
      .postbox-prev .post-txt {
        display: none; } }
    .postbox-next .post-txt:after,
    .postbox-prev .post-txt:after {
      border-radius: 50%;
      width: 5px;
      height: 5px;
      margin: 0 0 -2px -6px; }

.postbox-next {
  left: auto;
  right: -310px; }
  @media only screen and (max-width: 1850px) {
    .postbox-next {
      left: auto;
      right: 15px; } }
  .postbox-next .post-txt {
    float: right; }
    .postbox-next .post-txt:after {
      left: auto;
      right: 100%;
      margin: 0 0 -2px -6px; }

.post-next,
.post-prev {
  border-radius: 50%;
  border: 2px solid #ffcc39;
  width: 41px;
  height: 41px;
  text-align: center;
  font-size: 26px;
  line-height: 35px;
  color: #ffcc39;
  float: left; }
  .post-next:focus, .post-next:hover,
  .post-prev:focus,
  .post-prev:hover {
    text-decoration: none;
    background: #ffcc39;
    color: #fff; }

.post-next {
  float: right; }

/*------------------------------------------------------------------
4. Wrapper / #wrapper
-------------------------------------------------------------------*/
#wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }

/*------------------------------------------------------------------
5. W1 / .w1
-------------------------------------------------------------------*/
.w1 {
  position: relative;
  right: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.nav-active .w1 {
  right: 485px; }
  @media only screen and (max-width: 991px) {
    .nav-active .w1 {
      right: 400px; } }
  @media only screen and (max-width: 767px) {
    .nav-active .w1 {
      right: 250px; } }

@media only screen and (max-width: 767px) {
  .nav-active2 .w1 {
    right: 250px; } }

/*------------------------------------------------------------------
6. Header / #header
-------------------------------------------------------------------*/
#header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  position: absolute;
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    #header {
      padding-top: 30px; } }

/*------------------------------------------------------------------
7. Logo / .logo
-------------------------------------------------------------------*/
.logo {
  float: left;
  width: 140px;
  height: 140px;
  margin: 0 0 0 77px; }
  @media only screen and (max-width: 1210px) {
    .logo {
      margin: 0 0 0 25px; } }
  @media only screen and (max-width: 767px) {
    .logo {
      margin: 0 0 0 15px; }
      .logo a {
        font-size: 1.25em !important;
        text-align: left !important; }
      .logo img {
        width: 50%; } }
  .logo a {
    display: block;
    outline: none;
    font-size: 2.2em;
    text-align: center;
    font-weight: bold;
    font-family: "Times New Roman";
    font-style: italic;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
  .logo img {
    opacity: 0.85;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }

/*------------------------------------------------------------------
8. Nav2 / #nav2
-------------------------------------------------------------------*/
#nav2 {
  float: right;
  max-width: 1000px;
  padding: 0 4.1% 0 0;
  margin: -1px 0 0; }
  @media only screen and (max-width: 1210px) {
    #nav2 {
      padding: 0 25px 0 0; } }
  @media only screen and (max-width: 991px) {
    #nav2 {
      padding: 6px 25px 0 0; } }
  @media only screen and (max-width: 991px) {
    #nav2 {
      padding: 6px 15px 0 0; } }

/*------------------------------------------------------------------
9. Nav Holder2 / .nav-holder2
-------------------------------------------------------------------*/
.nav-holder2 {
  float: right; }
  @media only screen and (max-width: 767px) {
    .nav-holder2 {
      top: -50px;
      right: -250px;
      padding: 150px 15px 50px;
      width: 250px;
      background: #181817;
      text-align: center;
      position: relative;
      z-index: 1;
      position: absolute;
      z-index: 9999; }
      .nav-holder2:before {
        position: absolute;
        content: "";
        top: 100%;
        z-index: -1;
        bottom: -9999px;
        left: 0;
        right: 0;
        background: #181817; } }
  .nav-holder2 ul {
    margin: 0;
    font: 13px/16px Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase; }
    .nav-holder2 ul li {
      padding: 0;
      margin: 0 0 0 32px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .nav-holder2 ul li {
          float: none;
          display: block;
          padding: 0;
          margin: 0 0 38px; } }
      .nav-holder2 ul li a {
        color: #fff;
        position: relative; }
        .nav-holder2 ul li a .fa {
          color: #ffcc39;
          font-size: 10px;
          line-height: 10px; }
        .nav-holder2 ul li a:focus, .nav-holder2 ul li a:hover {
          outline: none;
          text-decoration: none;
          color: #ffcc39; }
      .nav-holder2 ul li:hover .nav-drop2 {
        opacity: 1;
        visibility: visible;
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1); }
        @media only screen and (max-width: 767px) {
          .nav-holder2 ul li:hover .nav-drop2 {
            display: block;
            max-height: 999px; } }
      .nav-holder2 ul li .nav-drop2 {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        padding: 17px 0 0;
        width: 200px;
        transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        @media only screen and (max-width: 767px) {
          .nav-holder2 ul li .nav-drop2 {
            position: relative;
            left: auto;
            top: auto;
            width: 100%;
            opacity: 1;
            max-height: 0;
            padding: 0;
            transform: scale(1, 1);
            -webkit-transform: scale(1, 1); } }
        .nav-holder2 ul li .nav-drop2 ul {
          margin: 0;
          padding: 26px 25px 10px;
          background: #181817; }
          @media only screen and (max-width: 767px) {
            .nav-holder2 ul li .nav-drop2 ul {
              padding: 19px 0 0; } }
          .nav-holder2 ul li .nav-drop2 ul li {
            float: none;
            display: block;
            margin: 0 0 18px; }

/*------------------------------------------------------------------
10. Nav Opener2 / .nav-opener2
-------------------------------------------------------------------*/
.nav-opener2 {
  display: none;
  float: right;
  width: 20px; }
  @media only screen and (max-width: 767px) {
    .nav-opener2 {
      display: block; } }
  .nav-opener2 span {
    display: block;
    height: 3px;
    background: #fff; }
    .nav-opener2 span + span {
      margin-top: 3px; }
  .nav-opener2:hover {
    text-decoration: none;
    outline: none; }
    .nav-opener2:hover span {
      background: #ffcc39; }
  .nav-opener2:focus {
    text-decoration: none;
    outline: none; }

/*------------------------------------------------------------------
11. Btn Close2 / .btn-close2
-------------------------------------------------------------------*/
.btn-close2 {
  position: absolute;
  top: 43px;
  right: 29px;
  font-size: 20px;
  display: none; }
  @media only screen and (max-width: 767px) {
    .btn-close2 {
      display: block; } }
  .btn-close2:focus, .btn-close2:hover {
    outline: none;
    color: #fff;
    text-decoration: none; }

/*------------------------------------------------------------------
12. Nav / #nav
-------------------------------------------------------------------*/
#nav {
  float: right;
  padding: 0 4% 0 0; }
  @media only screen and (max-width: 991px) {
    #nav {
      padding: 0 25px 0 0; } }
  @media only screen and (max-width: 767px) {
    #nav {
      padding: 3px 0 0; } }
  #nav .post-over:hover .add-nav:after {
    top: -65px; }

/*------------------------------------------------------------------
13. Nav Opener / .nav-opener
-------------------------------------------------------------------*/
.nav-opener {
  float: right;
  width: 20px; }
  .nav-opener span {
    display: block;
    height: 3px;
    background: #fff; }
    .nav-opener span + span {
      margin-top: 3px; }
  .nav-opener:hover {
    text-decoration: none;
    outline: none; }
    .nav-opener:hover span {
      background: #ffcc39; }
  .nav-opener:focus {
    text-decoration: none;
    outline: none; }

/*------------------------------------------------------------------
14. Nav Holder / .nav-holder
-------------------------------------------------------------------*/
.nav-holder {
  top: -50px;
  right: -485px;
  padding: 161px 2.6% 50px;
  width: 485px;
  background: #181817;
  text-align: center;
  position: relative;
  z-index: 1;
  position: absolute;
  z-index: 9999; }
  .nav-holder:before {
    position: absolute;
    content: "";
    top: 100%;
    z-index: -1;
    bottom: -9999px;
    left: 0;
    right: 0;
    background: #181817; }
  @media only screen and (max-width: 991px) {
    .nav-holder {
      width: 400px;
      right: -400px; } }
  @media only screen and (max-width: 767px) {
    .nav-holder {
      width: 250px;
      right: -250px; } }
  @media only screen and (max-width: 767px) {
    .nav-holder {
      padding: 161px 15px 50px; } }
  .nav-holder ul {
    font: 700 18px/22px Montserrat, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 0 61px; }
    .nav-holder ul li {
      float: none;
      display: block;
      padding: 0;
      margin: 0 0 38px; }
      .nav-holder ul li a {
        color: #fff;
        position: relative; }
        .nav-holder ul li a .fa {
          color: #ffcc39;
          font-size: 10px;
          line-height: 10px; }
        .nav-holder ul li a:focus, .nav-holder ul li a:hover {
          outline: none;
          text-decoration: none;
          color: #ffcc39; }
      .nav-holder ul li.active a {
        outline: none;
        text-decoration: none;
        color: #ffcc39; }
      .nav-holder ul li:hover .nav-drop {
        max-height: 999px; }
      .nav-holder ul li .nav-drop {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        position: relative;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .nav-holder ul li .nav-drop ul {
          font-size: 14px;
          font-weight: 400;
          line-height: 18px;
          padding: 19px 0 0;
          margin: 0 0 -18px; }
          .nav-holder ul li .nav-drop ul li {
            margin: 0 0 18px; }
            .nav-holder ul li .nav-drop ul li a {
              color: #ffcc39; }
              .nav-holder ul li .nav-drop ul li a:hover {
                color: #fff; }
  .nav-holder .social-networks {
    display: block;
    padding: 0 0 46px; }
    .nav-holder .social-networks li {
      margin: 0 22px;
      display: inline-block;
      vertical-align: middle; }
      .nav-holder .social-networks li a {
        color: #fff; }
        .nav-holder .social-networks li a .fa {
          color: #fff;
          font-size: 22px; }
        .nav-holder .social-networks li a:hover {
          color: #ffcc39; }
          .nav-holder .social-networks li a:hover .fa {
            color: #ffcc39; }
  .nav-holder .copyrights {
    display: block;
    float: none;
    display: block;
    color: #fff;
    font-size: 15px; }
    @media only screen and (max-width: 767px) {
      .nav-holder .copyrights {
        font-size: 13px; } }
  .nav-holder .btn-close,
  .nav-holder .nav-posts,
  .nav-holder .search-form {
    display: block; }

/*------------------------------------------------------------------
15. Btn Close / .btn-close
-------------------------------------------------------------------*/
.btn-close {
  position: absolute;
  top: 43px;
  right: 29px;
  font-size: 20px;
  display: none; }
  .btn-close:focus, .btn-close:hover {
    outline: none;
    color: #fff;
    text-decoration: none; }

/*------------------------------------------------------------------
16. Search Form / .search-form
-------------------------------------------------------------------*/
.search-form,
.searchform {
  width: 200px;
  position: absolute;
  top: 47px;
  left: 31px;
  border-bottom: 1px solid #a3a3a2;
  margin: 0;
  display: none; }
  @media only screen and (max-width: 767px) {
    .search-form,
    .searchform {
      top: 100px;
      left: 28px; } }
  .search-form input[type="text"],
  .search-form .form-control,
  .searchform input[type="text"],
  .searchform .form-control {
    background: none;
    border: 0;
    padding: 2px 3px 4px 0;
    float: left;
    width: 180px;
    width: 180px;
    height: 21px;
    color: #bbb;
    font: 13px/20px Montserrat, Arial, Helvetica, sans-serif; }
    .search-form input[type="text"]::-webkit-input-placeholder,
    .search-form .form-control::-webkit-input-placeholder,
    .searchform input[type="text"]::-webkit-input-placeholder,
    .searchform .form-control::-webkit-input-placeholder {
      color: #bbb; }
    .search-form input[type="text"]::-moz-placeholder,
    .search-form .form-control::-moz-placeholder,
    .searchform input[type="text"]::-moz-placeholder,
    .searchform .form-control::-moz-placeholder {
      opacity: 1;
      color: #bbb; }
    .search-form input[type="text"]:-moz-placeholder,
    .search-form .form-control:-moz-placeholder,
    .searchform input[type="text"]:-moz-placeholder,
    .searchform .form-control:-moz-placeholder {
      color: #bbb; }
    .search-form input[type="text"]:-ms-input-placeholder,
    .search-form .form-control:-ms-input-placeholder,
    .searchform input[type="text"]:-ms-input-placeholder,
    .searchform .form-control:-ms-input-placeholder {
      color: #bbb; }
    .search-form input[type="text"].placeholder,
    .search-form .form-control.placeholder,
    .searchform input[type="text"].placeholder,
    .searchform .form-control.placeholder {
      color: #bbb; }
    .search-form input[type="text"]:focus,
    .search-form .form-control:focus,
    .searchform input[type="text"]:focus,
    .searchform .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
  .search-form input[type="submit"],
  .search-form .btn-default,
  .searchform input[type="submit"],
  .searchform .btn-default {
    float: right;
    padding: 0;
    background: none;
    border: 0;
    margin: 0;
    color: #bbb;
    font-size: 15px; }

/*------------------------------------------------------------------
17. Nav Posts / .nav-posts
-------------------------------------------------------------------*/
.nav-posts {
  overflow: hidden;
  display: none;
  margin: 0 0 18px; }
  .nav-posts .title {
    font: 700 18px/22px Montserrat, Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 0 25px; }
    .nav-posts .title a {
      color: #ffcc39; }
      .nav-posts .title a:focus, .nav-posts .title a:hover {
        color: #fff;
        text-decoration: none;
        outline: none; }
  .nav-posts .banner-gallery {
    height: auto;
    margin: 0 0 30px; }
    .nav-posts .banner-gallery .add-nav {
      font-weight: 400;
      font-size: 12px;
      line-height: 14px;
      padding: 15px 0 0; }
      @media only screen and (max-width: 767px) {
        .nav-posts .banner-gallery .add-nav {
          font-size: 8px; } }
      .nav-posts .banner-gallery .add-nav li {
        margin: 0 13px;
        display: inline-block;
        vertical-align: middle; }
        @media only screen and (max-width: 767px) {
          .nav-posts .banner-gallery .add-nav li {
            margin: 0 8px; }
            .nav-posts .banner-gallery .add-nav li:before {
              font-size: 8px;
              left: -12px;
              top: 1px; } }
  .nav-posts .post-over h3 {
    margin: -2px 0 13px; }
    @media only screen and (max-width: 767px) {
      .nav-posts .post-over h3 {
        font-size: 13px; } }
  @media only screen and (max-width: 767px) {
    .nav-posts .post-quotes {
      font-size: 13px; } }
  .nav-posts .post-quotes:after {
    font-size: 145px;
    margin: 11px 0 0 -76px; }
    @media only screen and (max-width: 767px) {
      .nav-posts .post-quotes:after {
        font-size: 135px;
        margin: 7px 0 0 -61px; } }

/*------------------------------------------------------------------
18. Main Gallery / .main-gallery
-------------------------------------------------------------------*/
.main-gallery {
  position: relative;
  overflow: hidden; }
  .main-gallery .mask {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .main-gallery .slideset {
    width: 99999px;
    float: left; }
  .main-gallery .slide {
    width: 100%;
    float: left;
    height: 600px; }
    @media only screen and (max-width: 1210px) {
      .main-gallery .slide {
        height: 500px; } }
    @media only screen and (max-width: 991px) {
      .main-gallery .slide {
        height: 400px; } }
    .main-gallery .slide.active {
      z-index: 1; }

/*------------------------------------------------------------------
19. Post Carousel / .post-carousel
-------------------------------------------------------------------*/
.post-carousel {
  position: relative;
  overflow: hidden; }
  .post-carousel .mask {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .post-carousel .slideset {
    width: 100% !important;
    white-space: nowrap;
    float: left;
    font-size: 0;
    letter-spacing: -4px; }
  .post-carousel .slide {
    width: 25% !important;
    font-size: 16px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    height: 480px;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 1209px) {
      .post-carousel .slide {
        width: 33.33% !important; } }
    @media only screen and (max-width: 991px) {
      .post-carousel .slide {
        width: 50% !important; } }
    @media only screen and (max-width: 767px) {
      .post-carousel .slide {
        width: 100% !important; } }
  .post-carousel .btn-next,
  .post-carousel .btn-prev {
    top: 0;
    bottom: 0;
    height: auto; }
    @media only screen and (max-width: 991px) {
      .post-carousel .btn-next,
      .post-carousel .btn-prev {
        width: 22px; } }
    .post-carousel .btn-next .fa,
    .post-carousel .btn-prev .fa {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: 0 0 0 -7px; }
  .post-carousel .btn-next .fa {
    margin: 0 0 0 -3px; }
  .post-carousel .post-over h2,
  .post-carousel .post-over h1 {
    font-size: 24px;
    line-height: 28px; }
    @media only screen and (max-width: 991px) {
      .post-carousel .post-over h2,
      .post-carousel .post-over h1 {
        font-size: 18px;
        line-height: 22px; } }
  @media only screen and (max-width: 1210px) {
    .post-carousel .add-nav {
      font-size: 10px; } }
  @media only screen and (max-width: 991px) {
    .post-carousel .add-nav li {
      margin: 0 7px; }
      .post-carousel .add-nav li:before {
        font-size: 8px;
        left: -12px;
        top: 1px; } }
  .post-carousel .add-nav:after, .post-carousel .add-nav:before {
    left: 50%;
    right: auto;
    width: 70px;
    height: 1px;
    margin: 0 0 0 -35px; }

/*------------------------------------------------------------------
20. Post Over / .post-over
-------------------------------------------------------------------*/
.post-over {
  background: rgba(34, 34, 34, 0.6);
  font: 14px/16px Montserrat, Arial, Helvetica, sans-serif;
  color: #fff; }
  .post-over .box {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%; }
  .post-over .block {
    display: table-cell;
    vertical-align: middle; }
  .post-over h3,
  .post-over h2,
  .post-over h1 {
    color: #fff;
    margin: -19px 0 14px;
    width: 100%; }
    @media only screen and (max-width: 1210px) {
      .post-over h3,
      .post-over h2,
      .post-over h1 {
        font-size: 30px;
        line-height: 34px; } }
    @media only screen and (max-width: 767px) {
      .post-over h3,
      .post-over h2,
      .post-over h1 {
        font-size: 16px;
        line-height: 20px; } }
    .post-over h3 a,
    .post-over h2 a,
    .post-over h1 a {
      color: #fff; }
      .post-over h3 a:focus, .post-over h3 a:hover,
      .post-over h2 a:focus,
      .post-over h2 a:hover,
      .post-over h1 a:focus,
      .post-over h1 a:hover {
        color: #ffcc39;
        outline: none;
        text-decoration: none; }
  .post-over h2 {
    font-size: 28px;
    line-height: 32px;
    margin: -5px 0 14px; }
    @media only screen and (max-width: 1210px) {
      .post-over h2 {
        font-size: 22px;
        line-height: 24px; } }
    @media only screen and (max-width: 767px) {
      .post-over h2 {
        font-size: 16px;
        line-height: 20px; } }
  .post-over h3 {
    font-size: 18px;
    line-height: 22px;
    margin: -5px 0 18px; }
  .post-over p {
    margin: 0; }
  .post-over:hover .add-nav:after {
    top: -175px;
    opacity: 0; }
  .post-over:hover .add-nav:before {
    top: 55px; }
  .post-over.quotes:hover .add-nav:after {
    top: -85px !important; }

/*------------------------------------------------------------------
21. Add Nav / .add-nav
-------------------------------------------------------------------*/
.add-nav {
  margin: 0;
  padding: 15px 0 0;
  color: #fff;
  text-transform: uppercase;
  font: 14px/18px Montserrat, Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  position: relative;
  z-index: 1; }
  .add-nav:before {
    position: absolute;
    content: "";
    top: 0;
    z-index: -1;
    bottom: auto;
    left: -28px;
    right: -28px;
    background: #fff; }
  .add-nav:after {
    position: absolute;
    content: "";
    top: 0;
    z-index: -1;
    bottom: auto;
    left: -28px;
    right: -28px;
    background: #fff; }
  @media only screen and (max-width: 991px) {
    .add-nav {
      font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .add-nav {
      font-size: 10px;
      line-height: 13px; } }
  .add-nav:after, .add-nav:before {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    height: 1px; }
    @media only screen and (max-width: 991px) {
      .add-nav:after, .add-nav:before {
        left: -10px;
        right: -10px; } }
  .add-nav li {
    padding: 0;
    margin: 0 13px;
    position: relative; }
    .add-nav li:before {
      position: absolute;
      content: "";
      top: 1px;
      bottom: auto;
      left: -19px;
      right: auto; }
    .add-nav li:before {
      font-family: 'FontAwesome';
      content: "\f00d";
      font-size: 10px; }
    .add-nav li:first-child:before {
      display: none; }
    .add-nav li a {
      color: #fff; }
      .add-nav li a:focus, .add-nav li a:hover {
        text-decoration: none;
        color: #ffcc39;
        outline: none; }

/*------------------------------------------------------------------
22. Two Cols / .two-cols
-------------------------------------------------------------------*/
.two-cols .main-gallery .slide {
  height: 450px; }
  @media only screen and (max-width: 1210px) {
    .two-cols .main-gallery .slide {
      height: 380px; } }
  @media only screen and (max-width: 991px) {
    .two-cols .main-gallery .slide {
      height: 320px; } }

@media only screen and (max-width: 991px) {
  .two-cols .main-gallery .add-nav {
    font-size: 11px; } }

@media only screen and (max-width: 767px) {
  .two-cols .main-gallery .add-nav {
    font-size: 10px; } }

.two-cols .btn-next,
.two-cols .btn-prev {
  height: 50px;
  line-height: 50px;
  margin: -25px 0 0; }

.two-cols .post-over:hover .add-nav:before {
  top: 60px; }

/*------------------------------------------------------------------
23. Three Cols / .three-cols
-------------------------------------------------------------------*/
.three-cols .banner-gallery {
  height: 360px; }
  @media only screen and (max-width: 1210px) {
    .three-cols .banner-gallery {
      height: 300px; } }

@media only screen and (max-width: 1210px) {
  .three-cols .add-nav {
    font-size: 12px; } }

@media only screen and (max-width: 991px) {
  .three-cols .add-nav {
    font-size: 10px;
    line-height: 14px; }
    .three-cols .add-nav li {
      margin: 0 8px; }
      .three-cols .add-nav li:before {
        font-size: 7px;
        left: -13px; } }

.three-cols .post-over:hover .add-nav:after {
  top: -65px; }

/*------------------------------------------------------------------
24. Location Post / .location-post
-------------------------------------------------------------------*/
.location-post .banner-gallery {
  height: 470px; }
  @media only screen and (max-width: 1210px) {
    .location-post .banner-gallery {
      height: 380px; } }
  @media only screen and (max-width: 991px) {
    .location-post .banner-gallery {
      height: 300px; } }

@media only screen and (max-width: 1210px) {
  .location-post .add-nav {
    font-size: 12px; } }

@media only screen and (max-width: 991px) {
  .location-post .add-nav {
    font-size: 10px;
    line-height: 14px; }
    .location-post .add-nav li {
      margin: 0 8px; }
      .location-post .add-nav li:before {
        font-size: 7px;
        left: -13px; } }

.location-post .post-over:hover .add-nav:after {
  top: -70px; }

/*------------------------------------------------------------------
25. Fullwidth Post / .fullwidth-post
-------------------------------------------------------------------*/
.fullwidth-post {
  /*------------------------------------------------------------------
26. Banner Gallery / .banner-gallery
-------------------------------------------------------------------*/ }
  .fullwidth-post .banner-gallery {
    height: 600px; }
    @media only screen and (max-width: 1210px) {
      .fullwidth-post .banner-gallery {
        height: 500px; } }
    @media only screen and (max-width: 991px) {
      .fullwidth-post .banner-gallery {
        height: 400px; } }
  .fullwidth-post h2 {
    font-size: 36px;
    line-height: 38px; }
    @media only screen and (max-width: 767px) {
      .fullwidth-post h2 {
        font-size: 26px;
        line-height: 30px; } }
  .fullwidth-post.add .post-over {
    background: none; }

/*------------------------------------------------------------------
27. Twocolumns / .twocolumns
-------------------------------------------------------------------*/
.twocolumns {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .twocolumns {
      padding-bottom: 0; } }
  .twocolumns .main-gallery .slide {
    height: 370px; }
    @media only screen and (max-width: 991px) {
      .twocolumns .main-gallery .slide {
        height: 300px; } }
  .twocolumns .banner-gallery {
    height: 370px; }
    @media only screen and (max-width: 991px) {
      .twocolumns .banner-gallery {
        height: 300px; } }
  @media only screen and (max-width: 767px) {
    .twocolumns .two-cols {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 991px) {
    .twocolumns .two-cols .add-nav {
      font-size: 10px;
      line-height: 13px; }
      .twocolumns .two-cols .add-nav:before, .twocolumns .two-cols .add-nav:after {
        left: 0;
        right: 0; }
      .twocolumns .two-cols .add-nav li:before {
        font-size: 8px;
        left: -17px;
        top: 1px; } }
  @media only screen and (max-width: 767px) {
    .twocolumns .two-cols .add-nav {
      font-size: 8px;
      line-height: 11px; } }

/*------------------------------------------------------------------
28. Threecolumns / .threecolumns
-------------------------------------------------------------------*/
.threecolumns {
  padding-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .threecolumns {
      padding-bottom: 0; } }
  .threecolumns .banner-gallery {
    height: 270px; }
    @media only screen and (max-width: 991px) {
      .threecolumns .banner-gallery {
        height: 230px; } }
  .threecolumns .post-quotes:after {
    font-size: 145px;
    margin: 7px 0 0 -69px; }
  .threecolumns .add-nav {
    font-size: 12px; }
    .threecolumns .add-nav:before, .threecolumns .add-nav:after {
      left: 0;
      right: 0; }
    @media only screen and (max-width: 1210px) {
      .threecolumns .add-nav {
        font-size: 10px;
        line-height: 13px; } }
    @media only screen and (max-width: 991px) {
      .threecolumns .add-nav {
        font-size: 8px;
        line-height: 11px; }
        .threecolumns .add-nav li:before {
          font-size: 6px;
          left: -12px;
          top: 1px; } }
  @media only screen and (max-width: 767px) {
    .threecolumns .three-cols {
      margin-bottom: 30px; } }

/*------------------------------------------------------------------
29. Location Block / .location-block
-------------------------------------------------------------------*/
.location-block {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .location-block {
      padding-bottom: 0; } }
  .location-block .banner-gallery {
    height: 570px; }
    @media only screen and (max-width: 1210px) {
      .location-block .banner-gallery {
        height: 500px; } }
    @media only screen and (max-width: 991px) {
      .location-block .banner-gallery {
        height: 400px; } }
    @media only screen and (max-width: 767px) {
      .location-block .banner-gallery {
        height: 300px; } }
  .location-block .location-col .banner-gallery {
    height: 270px;
    margin: 30px 0 0; }
    @media only screen and (max-width: 1210px) {
      .location-block .location-col .banner-gallery {
        height: 235px; } }
    @media only screen and (max-width: 991px) {
      .location-block .location-col .banner-gallery {
        height: 190px;
        margin: 20px 0 0; } }
    @media only screen and (max-width: 767px) {
      .location-block .location-col .banner-gallery {
        margin-bottom: 30px; } }
    .location-block .location-col .banner-gallery:first-child {
      margin-top: 0; }
  .location-block .location-col .post-over h2 {
    font-size: 18px;
    line-height: 22px; }
  .location-block .location-col .add-nav {
    font-size: 12px; }
    .location-block .location-col .add-nav:before, .location-block .location-col .add-nav:after {
      left: 0;
      right: 0; }
    @media only screen and (max-width: 1210px) {
      .location-block .location-col .add-nav {
        font-size: 10px;
        line-height: 13px; } }
    @media only screen and (max-width: 991px) {
      .location-block .location-col .add-nav {
        font-size: 8px;
        line-height: 11px; } }

/*------------------------------------------------------------------
29. Review Block / .review-block
-------------------------------------------------------------------*/
.review-block {
  padding-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .review-block {
      padding-top: 30px; } }

/*------------------------------------------------------------------
30. Post Quotes / .post-quotes
-------------------------------------------------------------------*/
.post-quotes {
  width: 100%;
  font: 700 18px/22px Montserrat, Arial, Helvetica, sans-serif;
  margin: -2px 0 15px;
  border: 0;
  padding: 0;
  text-align: center;
  color: #fff;
  z-index: 1;
  text-transform: uppercase;
  position: relative; }
  .post-quotes:after {
    content: " ";
    display: block;
    clear: both; }
  .post-quotes:after {
    position: absolute;
    content: "";
    top: 50%;
    bottom: auto;
    left: 50%;
    right: auto; }
  @media only screen and (max-width: 991px) {
    .post-quotes {
      font-size: 14px;
      line-height: 18px; } }
  .post-quotes:after {
    content: "\f10d";
    font-size: 195px;
    line-height: 50px;
    font-family: 'FontAwesome';
    margin: 4px 0 0 -93px;
    color: #000;
    opacity: 0.2;
    z-index: -1; }
  .post-quotes p {
    margin: 0 0 5px; }
    .post-quotes p a {
      color: #fff; }
      .post-quotes p a:hover {
        outline: none;
        text-decoration: none;
        color: #ffcc39; }
  .post-quotes cite {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    font-style: normal; }
  .post-quotes footer:before {
    content: ""; }

/*------------------------------------------------------------------
31. Banner Gallery / .banner-gallery
-------------------------------------------------------------------*/
.banner-gallery {
  position: relative;
  overflow: hidden;
  height: 450px; }
  @media only screen and (max-width: 1210px) {
    .banner-gallery {
      height: 380px; } }
  @media only screen and (max-width: 991px) {
    .banner-gallery {
      height: 320px; } }
  .banner-gallery .btn-review,
  .banner-gallery .btn-flash {
    display: none; }
  .banner-gallery.review .btn-review {
    display: block; }
  .banner-gallery.trending .btn-flash {
    display: block; }

/*------------------------------------------------------------------
32. Footer Holder / .footer-holder
-------------------------------------------------------------------*/
.footer-holder {
  overflow: hidden;
  position: relative; }

/*------------------------------------------------------------------
33. Footer Aside / .footer-aside
-------------------------------------------------------------------*/
.footer-aside {
  font: 12px/24px Montserrat, Arial, Helvetica, sans-serif;
  color: #c1c1c0; }
  @media only screen and (max-width: 991px) {
    .footer-aside {
      line-height: 18px; } }
  @media only screen and (max-width: 991px) {
    .footer-aside p {
      margin: 0 0 15px; } }
  .footer-aside h3 {
    color: #fff;
    text-transform: uppercase; }
    @media only screen and (max-width: 991px) {
      .footer-aside h3 {
        margin: 0 0 15px; } }
    .footer-aside h3 a {
      color: #fff; }
      .footer-aside h3 a:hover, .footer-aside h3 a:focus {
        outline: none;
        text-decoration: none;
        color: #ffcc39; }
    .footer-aside h3 .txt {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .footer-aside h3 .txt:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 4px;
        height: 4px;
        background: #e6c55d;
        border-radius: 50%;
        margin: 0 -1px 3px 2px; }
  .footer-aside .column {
    text-align: center; }
    @media only screen and (max-width: 1210px) {
      .footer-aside .column {
        padding-top: 40px; } }
    @media only screen and (max-width: 991px) {
      .footer-aside .column {
        padding-top: 20px; } }
    .footer-aside .column.social {
      padding-top: 1em;
      padding-bottom: 1em; }
      @media only screen and (max-width: 1210px) {
        .footer-aside .column.social {
          padding-top: 40px; } }
      @media only screen and (max-width: 991px) {
        .footer-aside .column.social {
          padding-top: 20px; } }

/*------------------------------------------------------------------
34. Footer Logo / .footer-logo
-------------------------------------------------------------------*/
.footer-logo {
  overflow: hidden; }
  @media only screen and (max-width: 991px) {
    .footer-logo {
      margin: 0 0 10px; } }
  .footer-logo .logo {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 166px;
    height: 29px; }
    @media only screen and (max-width: 991px) {
      .footer-logo .logo {
        width: 130px;
        height: 24px; } }

/*------------------------------------------------------------------
35. Social Networks / .social-networks
-------------------------------------------------------------------*/
.social-networks {
  margin: 0; }
  .social-networks li {
    padding: 0;
    margin: 0 22px; }
    @media only screen and (max-width: 991px) {
      .social-networks li {
        margin: 0 15px; } }
    .social-networks li a {
      display: block;
      color: #fff;
      font-size: 2em !important;
      line-height: 12px; }
      @media only screen and (max-width: 991px) {
        .social-networks li a {
          font-size: 20px; } }
      .social-networks li a:focus, .social-networks li a:hover {
        outline: none;
        text-decoration: none;
        color: #ffcc39; }

/*------------------------------------------------------------------
36. Info Nav / .info-nav
-------------------------------------------------------------------*/
.info-nav {
  margin: 0 0 70px;
  font: 12px/16px Montserrat, Arial, Helvetica, sans-serif; }
  @media only screen and (max-width: 991px) {
    .info-nav {
      font-size: 10px;
      margin: 0 0 30px; } }
  @media only screen and (max-width: 991px) {
    .info-nav {
      margin: 0 0 20px; } }
  .info-nav li {
    padding: 0;
    margin: 0 5px;
    position: relative; }
    .info-nav li:after {
      position: absolute;
      content: "";
      top: 0;
      bottom: auto;
      left: -11px;
      right: auto; }
    .info-nav li:after {
      content: "/";
      color: #ffcc39;
      font-size: 12px; }
    .info-nav li:first-child:after {
      display: none; }
    .info-nav li a {
      color: #fff; }
      .info-nav li a:focus, .info-nav li a:hover {
        outline: none;
        text-decoration: none;
        color: #ffcc39; }

/*------------------------------------------------------------------
37. Instagram Nav / .instagram-nav
-------------------------------------------------------------------*/
.instagram-nav {
  margin: 0; }
  @media only screen and (max-width: 767px) {
    .instagram-nav {
      margin: 0 -15px; } }
  .instagram-nav li {
    float: left;
    padding: 0;
    width: 33.33%; }
    @media only screen and (max-width: 479px) {
      .instagram-nav li {
        width: 50%; } }
    .instagram-nav li a {
      position: relative;
      overflow: hidden;
      display: block; }
      .instagram-nav li a:focus, .instagram-nav li a:hover {
        text-decoration: none;
        outline: none; }
        .instagram-nav li a:focus .insta-over, .instagram-nav li a:hover .insta-over {
          top: 0; }
        .instagram-nav li a:focus .btn-instagram, .instagram-nav li a:hover .btn-instagram {
          background: #ffcc39; }
      .instagram-nav li a img {
        width: 100%;
        max-width: inherit; }
  .instagram-nav .insta-over {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    color: #fff;
    padding: 18px 10px 19px 20px;
    background: rgba(0, 0, 0, 0.5);
    font: 10px/13px Lato, Arial, Helvetica, sans-serif;
    margin-top: -152px; }
    @media only screen and (max-width: 479px) {
      .instagram-nav .insta-over {
        padding: 18px 10px 19px; } }
    .instagram-nav .insta-over .title {
      display: block;
      margin: 0 0 5px; }
    .instagram-nav .insta-over h3 {
      margin: 0;
      text-transform: capitalize;
      font-size: 12px;
      line-height: 14px; }
    .instagram-nav .insta-over time {
      font-style: italic;
      position: absolute;
      bottom: 20px;
      left: 21px; }

/*------------------------------------------------------------------
38. Footer / #footer
-------------------------------------------------------------------*/
#footer {
  font: 10px/14px Montserrat, Arial, Helvetica, sans-serif;
  padding-top: 24px;
  padding-bottom: 24px;
  z-index: 1;
  color: #fff;
  position: relative; }
  #footer:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: -9999px;
    right: -9999px; }
  @media only screen and (max-width: 767px) {
    #footer {
      text-align: center; } }
  #footer:before {
    background: rgba(0, 0, 0, 0.5);
    display: block;
    z-index: -1; }

/*------------------------------------------------------------------
39. Copyrights / .copyrights
-------------------------------------------------------------------*/
.copyrights {
  float: left; }
  @media only screen and (max-width: 767px) {
    .copyrights {
      float: none;
      display: inline-block;
      vertical-align: top;
      margin: 0 0 15px; } }
  .copyrights a:focus, .copyrights a:hover {
    text-decoration: none;
    outline: none; }

/*------------------------------------------------------------------
40. Footer Nav / .footer-nav
-------------------------------------------------------------------*/
.footer-nav {
  margin: 0;
  float: right;
  text-transform: uppercase; }
  @media only screen and (max-width: 767px) {
    .footer-nav {
      float: none;
      display: inline-block;
      vertical-align: top;
      margin: 0 0 15px; } }
  .footer-nav li {
    padding: 0;
    margin: 0 0 0 27px;
    position: relative; }
    .footer-nav li:before {
      position: absolute;
      content: "";
      top: 1px;
      bottom: auto;
      left: -15px;
      right: auto; }
    @media only screen and (max-width: 767px) {
      .footer-nav li {
        margin: 0 10px; } }
    .footer-nav li:before {
      content: "|";
      color: #ffcc39;
      font-size: 11px;
      line-height: 10px; }
    .footer-nav li:first-child:before {
      display: none; }
    .footer-nav li a {
      color: #fff; }
      .footer-nav li a:focus, .footer-nav li a:hover {
        color: #ffcc39;
        text-decoration: none;
        outline: none; }

/*------------------------------------------------------------------
41. Main Banner / .main-banner
-------------------------------------------------------------------*/
.main-banner {
  position: relative;
  height: 500px; }
  @media only screen and (max-width: 767px) {
    .main-banner {
      height: 400px; } }
  .main-banner .post-over h1 {
    margin: 0; }
  .main-banner .add-banner {
    position: relative;
    height: 500px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .main-banner .add-banner {
        height: 400px; } }
  .main-banner.post {
    height: 600px; }
    @media only screen and (max-width: 991px) {
      .main-banner.post {
        height: 500px; } }
    @media only screen and (max-width: 767px) {
      .main-banner.post {
        height: 400px; } }
    .main-banner.post .add-banner {
      height: 600px; }
      @media only screen and (max-width: 991px) {
        .main-banner.post .add-banner {
          height: 500px; } }
      @media only screen and (max-width: 767px) {
        .main-banner.post .add-banner {
          height: 400px; } }
    .main-banner.post .post-over h1 {
      margin: -5px 0 14px; }

/*------------------------------------------------------------------
42. Contact Block / .contact-block
-------------------------------------------------------------------*/
.contact-block {
  padding-top: 65px;
  padding-bottom: 70px; }
  .contact-block h2 {
    text-transform: uppercase;
    margin: 0 0 26px;
    font-size: 18px;
    line-height: 22px; }

/*------------------------------------------------------------------
43. Comment Form / .comment-form
-------------------------------------------------------------------*/
.comment-form {
  margin: 0;
  width: 100%;
  display: inline-block;
  vertical-align: top; }
  .comment-form:after {
    content: " ";
    display: block;
    clear: both; }
  .comment-form .form-group {
    margin: 0 0 30px; }
    .comment-form .form-group:after {
      content: " ";
      display: block;
      clear: both; }
    @media only screen and (max-width: 767px) {
      .comment-form .form-group {
        margin: 0 0 20px; } }
  .comment-form .form-col {
    float: left;
    width: 31.7%;
    margin: 0 0 0 2.4%; }
    @media only screen and (max-width: 767px) {
      .comment-form .form-col {
        float: none;
        margin: 15px 0 0;
        width: 100%; }
        .comment-form .form-col:after {
          content: " ";
          display: block;
          clear: both; } }
    .comment-form .form-col:first-child {
      margin-left: 0;
      margin-top: 0; }
  .comment-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    font: 16px/31px "Crimson Text", Arial, Helvetica, sans-serif;
    padding: 6px 9px;
    resize: none;
    -webkit-appearance: none; }
    .comment-form .form-control:focus {
      border-color: #333332;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .comment-form .form-control.textarea {
      height: 200px; }
  .comment-form .error .form-control {
    border-color: #f00; }

/*------------------------------------------------------------------
44. Parallax Holder / .parallax-holder
-------------------------------------------------------------------*/
.parallax-holder {
  position: relative; }

/*------------------------------------------------------------------
45. Parallax Frame / .parallax-frame
-------------------------------------------------------------------*/
.parallax-frame {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  .parallax-frame img {
    max-width: 10000000em; }

/*------------------------------------------------------------------
46. Post Info / .post-info
-------------------------------------------------------------------*/
.post-info {
  padding-top: 41px;
  padding-bottom: 1px;
  font-size: 22px;
  line-height: 36px;
  position: relative; }
  @media only screen and (max-width: 991px) {
    .post-info {
      font-size: 20px;
      line-height: 30px; } }
  @media only screen and (max-width: 767px) {
    .post-info {
      font-size: 16px;
      line-height: 22px; } }
  .post-info p {
    margin: 0 0 39px; }
  .post-info .txt-box {
    font: 14px/28px Merriweather, Arial, Helvetica, sans-serif; }
    @media only screen and (max-width: 767px) {
      .post-info .txt-box {
        line-height: 22px;
        font-size: 13px; } }
  .post-info h2 {
    margin: 0 0 13px;
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase; }
    @media only screen and (max-width: 991px) {
      .post-info h2 {
        font-size: 26px;
        line-height: 30px; } }
    @media only screen and (max-width: 767px) {
      .post-info h2 {
        font-size: 20px;
        line-height: 26px; } }
    .post-info h2 a {
      color: #181818; }
      .post-info h2 a:focus, .post-info h2 a:hover {
        color: #ffcc39;
        text-decoration: none;
        outline: none; }

/*------------------------------------------------------------------
47. Blockquote / .blockquote
-------------------------------------------------------------------*/
blockquote,
.blockquote {
  margin: 0 0 50px;
  padding: 0 0 31px 18px;
  color: #3c4145;
  border-left: 3px solid #ffcc39;
  font: italic 16px/18px Merriweather, Arial, Helvetica, sans-serif; }
  @media only screen and (max-width: 767px) {
    blockquote,
    .blockquote {
      font-size: 14px;
      padding: 0 0 0 18px; } }
  blockquote p,
  .blockquote p {
    margin: 0 0 18px; }
  blockquote cite,
  .blockquote cite {
    color: #9fa4a8;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    display: block; }
    blockquote cite:before,
    .blockquote cite:before {
      font-size: 8px; }

/*------------------------------------------------------------------
48. Post Images / .post-images
-------------------------------------------------------------------*/
.post-images {
  overflow: hidden;
  margin: 0 0 44px; }
  .post-images .alignleft {
    float: left;
    width: 33.8%; }
  .post-images .img-box {
    overflow: hidden;
    margin: 1.2% 0 0; }
    .post-images .img-box:first-child {
      margin-top: 0; }
  .post-images .img-box2 {
    float: right;
    width: 65.8%; }
  .post-images .img-box a,
  .post-images .img-box2 a {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    display: block;
    outline: none; }
    .post-images .img-box a:after, .post-images .img-box a:before,
    .post-images .img-box2 a:after,
    .post-images .img-box2 a:before {
      -webkit-transition: all 0.25s ease;
      transition: all 0.25s ease;
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      content: '';
      bottom: 50%;
      right: 0;
      left: 0;
      top: 0; }
    .post-images .img-box a:after,
    .post-images .img-box2 a:after {
      bottom: 0;
      top: 50%; }
    .post-images .img-box a:hover:before,
    .post-images .img-box2 a:hover:before {
      bottom: 100%; }
    .post-images .img-box a:hover:after,
    .post-images .img-box2 a:hover:after {
      top: 100%; }

/*------------------------------------------------------------------
49. Related Posts / .related-posts
-------------------------------------------------------------------*/
.related-posts {
  padding-top: 51px;
  padding-bottom: 50px; }

/*------------------------------------------------------------------
50. Post Buttons / .post-buttons
-------------------------------------------------------------------*/
.post-buttons {
  overflow: hidden;
  padding: 26px 0 24px;
  margin: 0 0 44px;
  border: solid #ccc;
  border-width: 1px 0; }
  .post-buttons .social-networks {
    overflow: hidden;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .post-buttons .social-networks {
        width: 100%;
        padding: 20px 0 0; } }
    .post-buttons .social-networks li {
      margin: 0 13px; }
      .post-buttons .social-networks li a {
        font-size: 14px;
        line-height: 10px;
        color: #ffcc39; }
        .post-buttons .social-networks li a:hover {
          color: #3c4145; }

/*------------------------------------------------------------------
51. Next Post , Prev Post / .next-post, .prev-post
-------------------------------------------------------------------*/
.next-post,
.prev-post {
  float: left;
  color: #3c4145;
  text-transform: uppercase;
  font: 14px/18px Montserrat, Arial, Helvetica, sans-serif;
  position: relative;
  margin: 0 10px 0 26px; }
  @media only screen and (max-width: 767px) {
    .next-post,
    .prev-post {
      margin: 0 0 0 26px; } }
  .next-post:focus, .next-post:hover,
  .prev-post:focus,
  .prev-post:hover {
    text-decoration: none;
    color: #ffcc39;
    outline: none; }
  .next-post .fa,
  .prev-post .fa {
    position: absolute;
    top: 50%;
    left: -26px;
    color: #ffcc39;
    font-size: 17px;
    line-height: 8px;
    margin: -4px 0 0; }

.next-post {
  float: right;
  margin: 0 26px 0 46px; }
  @media only screen and (max-width: 767px) {
    .next-post {
      margin: 0 26px 0 0; } }
  .next-post .fa {
    left: auto;
    right: -26px; }

/*------------------------------------------------------------------
52. Related Articles / .related-articles
-------------------------------------------------------------------*/
.related-articles {
  margin: 0 0 77px; }
  .related-articles:after {
    content: " ";
    display: block;
    clear: both; }
  .related-articles h2 {
    text-align: center;
    margin: 0 0 24px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    line-height: 28px; }
    .related-articles h2 .txt {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .related-articles h2 .txt:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 4px;
        height: 4px;
        background: #e6c55d;
        border-radius: 50%;
        margin: 0 -1px 6px 2px; }
    .related-articles h2 a {
      color: #3c4145; }
      .related-articles h2 a:focus, .related-articles h2 a:hover {
        text-decoration: none;
        outline: none;
        color: #ffcc39; }
  .related-articles .add-nav:before, .related-articles .add-nav:after {
    left: 0;
    right: 0; }

/*------------------------------------------------------------------
53. Carousel / .carousel
-------------------------------------------------------------------*/
.carousel {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .carousel {
      text-align: center; } }
  .carousel .mask {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 -29px; }
    @media only screen and (max-width: 767px) {
      .carousel .mask {
        margin: 0 0 20px; } }
  .carousel .slideset {
    width: 100% !important;
    float: left;
    white-space: nowrap;
    letter-spacing: -4px; }
  .carousel .slide {
    width: 371px !important;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    white-space: normal;
    margin: 0 0 0 29px; }
    @media only screen and (max-width: 1209px) {
      .carousel .slide {
        width: 455px !important; } }
    @media only screen and (max-width: 991px) {
      .carousel .slide {
        width: 345px !important; } }
    @media only screen and (max-width: 767px) {
      .carousel .slide {
        width: 100% !important;
        text-align: left;
        margin: 0; } }
  .carousel .banner-gallery {
    height: 270px; }
  .carousel .post-quotes:after {
    font-size: 145px;
    margin: 7px 0 0 -69px; }
  .carousel .add-nav {
    font-size: 12px; }
    @media only screen and (max-width: 991px) {
      .carousel .add-nav {
        font-size: 9px; }
        .carousel .add-nav li {
          margin: 0 8px; }
          .carousel .add-nav li:before {
            font-size: 8px;
            left: -12px;
            top: 1px; } }

/*------------------------------------------------------------------
54. Comments Block / .comments-block
-------------------------------------------------------------------*/
.comments-block {
  overflow: hidden; }

/*------------------------------------------------------------------
55. Commnents Heading / .commnents-heading
-------------------------------------------------------------------*/
.commnents-heading {
  overflow: hidden;
  margin: 0 0 41px; }
  .commnents-heading h2 {
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    float: left;
    max-width: 700px;
    margin: 0;
    text-transform: uppercase; }
    .commnents-heading h2 .txt {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .commnents-heading h2 .txt:after {
        content: "";
        display: inline-block;
        vertical-align: bottom;
        width: 4px;
        height: 4px;
        background: #e6c55d;
        border-radius: 50%;
        margin: 0 -1px 6px 2px; }

/*------------------------------------------------------------------
56. Threecomments / .threecomments
-------------------------------------------------------------------*/
.threecomments {
  float: right;
  color: #a7acb0;
  font: 13px/16px Montserrat, Arial, Helvetica, sans-serif;
  margin: 5px 0 0; }
  .threecomments:focus, .threecomments:hover {
    text-decoration: none;
    color: #ffcc39;
    outline: none; }
  .threecomments .num {
    color: #ffcc39; }

/*------------------------------------------------------------------
57. Comments Holder / .comments-holder
-------------------------------------------------------------------*/
.comments-holder {
  overflow: hidden;
  margin: 0 0 12px; }
  .comments-holder .onelevel {
    padding: 0 0 0 2.6%; }
    @media only screen and (max-width: 767px) {
      .comments-holder .onelevel {
        padding: 0; } }
  .comments-holder .twolevel {
    padding: 0 0 0 2.6%; }
    @media only screen and (max-width: 767px) {
      .comments-holder .twolevel {
        padding: 0; } }

/*------------------------------------------------------------------
58. Comments Box / .comments-box
-------------------------------------------------------------------*/
.comments-box {
  position: relative;
  margin: 0 0 29px; }
  .comments-box:after {
    content: " ";
    display: block;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .comments-box {
      text-align: center; } }
  .comments-box .alignleft {
    margin: 1px 20px 0 0;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    width: 100px;
    height: 100px; }
    @media only screen and (max-width: 767px) {
      .comments-box .alignleft {
        float: none;
        display: block;
        margin: 0 auto 10px; } }
    .comments-box .alignleft img {
      display: block; }
    .comments-box .alignleft:hover, .comments-box .alignleft:focus {
      outline: none; }
  .comments-box .txt-block {
    overflow: hidden;
    line-height: 24px; }
    .comments-box .txt-block .box {
      margin: 0 0 5px; }
      .comments-box .txt-block .box:after {
        content: " ";
        display: block;
        clear: both; }
    .comments-box .txt-block h3 {
      float: left;
      max-width: 500px;
      margin: 0;
      font-weight: 400;
      font-size: 16px;
      line-height: 18px;
      text-transform: uppercase; }
      @media only screen and (max-width: 767px) {
        .comments-box .txt-block h3 {
          float: none;
          overflow: hidden;
          margin: 0 auto 10px; } }
      .comments-box .txt-block h3 a {
        color: #333332; }
        .comments-box .txt-block h3 a:hover, .comments-box .txt-block h3 a:focus {
          text-decoration: none;
          outline: none;
          color: #ffcc39; }
    .comments-box .txt-block p {
      margin: 0; }
  .comments-box .mail-reply {
    position: absolute;
    top: 2px;
    left: -22px;
    color: #a7acb0;
    font-size: 12px;
    line-height: 10px; }
    @media only screen and (max-width: 767px) {
      .comments-box .mail-reply {
        left: 0; } }
    .comments-box .mail-reply:focus, .comments-box .mail-reply:hover {
      color: #e6c55d;
      text-decoration: none;
      outline: none; }

/*------------------------------------------------------------------
59. Comment Nav / .comment-nav
-------------------------------------------------------------------*/
.comment-nav {
  float: right;
  margin: 0 3px 0 0;
  font-size: 14px;
  line-height: 16px; }
  @media only screen and (max-width: 767px) {
    .comment-nav {
      float: none;
      overflow: hidden; } }
  .comment-nav li {
    padding: 0;
    margin: 0 0 0 14px;
    position: relative;
    z-index: 1; }
    .comment-nav li:before {
      position: absolute;
      content: "";
      top: 3px;
      z-index: -1;
      bottom: auto;
      left: -9px;
      right: auto;
      background: #7a7978; }
    .comment-nav li:before {
      width: 1px;
      height: 12px; }
    .comment-nav li:first-child:before {
      display: none; }
    .comment-nav li a:hover, .comment-nav li a:focus {
      text-decoration: none;
      outline: none; }

/*------------------------------------------------------------------
60. Form Area / .form-area
-------------------------------------------------------------------*/
.form-area:after {
  content: " ";
  display: block;
  clear: both; }

.form-area h2 {
  text-transform: uppercase;
  margin: 0 0 26px;
  font-size: 18px;
  line-height: 22px; }

/*@media only screen and (max-width: 1850px) {
  .main-post {
    padding-top: 60px; } }
*/
.progress-bar-holder {
  background: #f6f6f6;
  height: 300px;
  width: 40px;
  left: 0;
  z-index: 998;
  position: absolute;
  top: 100px; }
  @media only screen and (max-width: 767px) {
    .progress-bar-holder {
      display: none; } }
  .progress-bar-holder .progressbar {
    background: #ffcc39;
    position: absolute;
    width: 100%;
    height: 0;
    top: 0; }
  .progress-bar-holder .progress-info {
    top: 5px;
    left: 50px;
    width: 120px;
    position: absolute;
    color: #3c4145;
    font: 14px/25px Montserrat, Arial, Helvetica, sans-serif; }
    @media only screen and (max-width: 1440px) {
      .progress-bar-holder .progress-info {
        left: 0;
        width: 40px;
        font-size: 12px;
        text-align: center; } }

/*------------------------------------------------------------------
61. short codes
-------------------------------------------------------------------*/
.icons-block {
  overflow: hidden;
  margin: 0 0 90px; }
  .icons-block ul {
    margin: 0; }
  .icons-block li {
    float: left;
    width: 20%;
    padding-bottom: 3px; }
    @media only screen and (max-width: 1209px) {
      .icons-block li {
        width: 33.333%; } }
    @media only screen and (max-width: 991px) {
      .icons-block li {
        width: 50%; } }
    @media only screen and (max-width: 767px) {
      .icons-block li {
        width: 100%;
        float: none;
        display: block; } }
  .icons-block span {
    padding-right: 7px;
    color: #444; }

.list1 li {
  list-style: disc inside;
  color: #505050; }

.list2 li {
  list-style: circle inside;
  color: #505050; }

.list3 li {
  list-style: decimal inside;
  color: #505050; }

.list4 li b.glyphicon {
  padding-right: 15px;
  line-height: 18px;
  color: #505050;
  font-size: 9px; }

.list1 li span, .list2 li span, .list3 li span {
  color: #979797; }

.nav-tabs {
  font: 700 18px/22px Montserrat, Arial, Helvetica, sans-serif;
  border: 0;
  letter-spacing: 1px; }
  .nav-tabs li {
    padding: 0;
    margin: 0 9px 0 0; }
    @media only screen and (max-width: 767px) {
      .nav-tabs li {
        float: none !important;
        display: block;
        margin: 0 0 5px; } }
    .nav-tabs li a {
      background: #3c4145;
      color: #fff;
      border-radius: 0;
      margin: 0;
      text-align: center;
      padding: 16px 28px; }
      .nav-tabs li a:focus, .nav-tabs li a:hover {
        color: #73787c;
        outline: none; }

.shortcode-row {
  margin-bottom: 30px; }

.panel-group {
  padding: 4px 0 0;
  margin-bottom: 0; }
  .panel-group .panel {
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }

.panel-body {
  border-top-color: #fff;
  background: none;
  padding: 16px 20px 13px; }
  .panel-body p {
    margin: 0; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: 0; }

.panel-default .panel-heading {
  padding: 0; }
  .panel-default .panel-heading .panel-title {
    margin: 0;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase; }
    .panel-default .panel-heading .panel-title a {
      padding: 20px 32px 19px;
      background: #73787c;
      color: #fff;
      display: block;
      position: relative; }
      .panel-default .panel-heading .panel-title a:after {
        position: absolute;
        content: "";
        top: 50%;
        bottom: auto;
        left: auto;
        right: 13px; }
      .panel-default .panel-heading .panel-title a:after {
        content: "\f107";
        font-family: 'FontAwesome';
        margin: -10px 0 0;
        font-size: 22px;
        font-weight: 400; }
      .panel-default .panel-heading .panel-title a.collapsed {
        background: #3c4145;
        color: #fff; }
        .panel-default .panel-heading .panel-title a.collapsed:after {
          content: "\f105";
          margin: -10px 0 0;
          font-size: 22px;
          right: 19px; }
        .panel-default .panel-heading .panel-title a.collapsed:hover {
          background: #73787c; }
      .panel-default .panel-heading .panel-title a:focus, .panel-default .panel-heading .panel-title a:hover {
        background: #73787c;
        text-decoration: none;
        color: #fff;
        outline: none; }

.bg-color {
  background: rgba(0, 0, 0, 0.5); }

.post-navigation h2 {
  display: none; }

label {
  display: none; }

.list-search-result {
  font-family: "Montserrat";
  font-size: 16px; }

.main-post p img {
  max-width: 100%;
  height: auto;
  margin: auto; }

.bottom-margin {
  margin-bottom: 1em; }

.logo a {
  font-weight: bold;
  font-size: 1.5em; }
  .logo a:hover, .logo a:focus {
    text-decoration: none; }

.twitter-text {
  font-size: 1.15em;
  line-height: 1.5em;
  height: 150px; }

.twitter-title {
  color: rgba(255, 255, 255, 0.5); }

.twitter-img {
  opacity: 0; }

table {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2); }
  table td {
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 10px; }

.doi-reference {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  margin-bottom: 60px!important;
}

/*# sourceMappingURL=all.css.map */