@charset "UTF-8";

/*-----------------------------------------------------------------------------------



	Theme Name: Balloon - Personal Blog HTML Template

	Theme URI:

	Description: Balloon - Personal Blog HTML Template

	Author: Mohamed Sobhy

	Author URI: https://themeforest.net/user/nano-themes

	Version: 1.0



-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Table of contents



[1] - Preloader

[2] - Normalize

[3] - Bootstrap Gird

[4] - Base

[5] - Fonts

[6] - Typography

[7] - Font Icon

[8] - Helper classes

[8] - Helper classes

[9] - Modules







-----------------------------------------------------------------------------------*/

/*------------------------------------

           [A] Helpers Styles

-----------------------------------*/

/*--------------------------------------------------



- [1] - Preloader



---------------------------------------------------*/

.loading-wrapper {

  width: 100%;

  height: 100%;

  background: #efefef;

  z-index: 99999;

  position: fixed;

  left: 0;

  top: 0;

}



.cssload-dots {

  width: 0;

  height: 0;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  outline: 1px solid red;

  filter: url(#goo);

  -o-filter: url(#goo);

  -ms-filter: url(#goo);

  -webkit-filter: url(#goo);

  -moz-filter: url(#goo);

}



.cssload-dot {

  width: 0;

  height: 0;

  position: absolute;

  left: 0;

  top: 0;

}



.cssload-dot:before {

  content: "";

  width: 34px;

  height: 34px;

  border-radius: 49px;

  background: #ff7373;

  position: absolute;

  left: 50%;

  transform: translateY(0);

  -o-transform: translateY(0);

  -ms-transform: translateY(0);

  -webkit-transform: translateY(0);

  -moz-transform: translateY(0);

  margin-left: -17.5px;

  margin-top: -17.5px;

}



.cssload-dot:nth-child(5):before {

  z-index: 100;

  width: 44.5px;

  height: 44.5px;

  margin-left: -21.75px;

  margin-top: -21.75px;

  animation: cssload-dot-colors 4.6s ease infinite;

  -o-animation: cssload-dot-colors 4.6s ease infinite;

  -ms-animation: cssload-dot-colors 4.6s ease infinite;

  -webkit-animation: cssload-dot-colors 4.6s ease infinite;

  -moz-animation: cssload-dot-colors 4.6s ease infinite;

}



.cssload-dot:nth-child(1) {

  animation: cssload-dot-rotate-1 4.6s 0s linear infinite;

  -o-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;

  -ms-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;

  -webkit-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;

  -moz-animation: cssload-dot-rotate-1 4.6s 0s linear infinite;

}



.cssload-dot:nth-child(1):before {

  background-color: #ff3270;

  animation: cssload-dot-move 4.6s 0s ease infinite;

  -o-animation: cssload-dot-move 4.6s 0s ease infinite;

  -ms-animation: cssload-dot-move 4.6s 0s ease infinite;

  -webkit-animation: cssload-dot-move 4.6s 0s ease infinite;

  -moz-animation: cssload-dot-move 4.6s 0s ease infinite;

}



.cssload-dot:nth-child(2) {

  animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;

  -o-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;

  -ms-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;

  -webkit-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;

  -moz-animation: cssload-dot-rotate-2 4.6s 1.15s linear infinite;

}



.cssload-dot:nth-child(2):before {

  background-color: #208bf1;

  animation: cssload-dot-move 4.6s 1.15s ease infinite;

  -o-animation: cssload-dot-move 4.6s 1.15s ease infinite;

  -ms-animation: cssload-dot-move 4.6s 1.15s ease infinite;

  -webkit-animation: cssload-dot-move 4.6s 1.15s ease infinite;

  -moz-animation: cssload-dot-move 4.6s 1.15s ease infinite;

}



.cssload-dot:nth-child(3) {

  animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;

  -o-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;

  -ms-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;

  -webkit-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;

  -moz-animation: cssload-dot-rotate-3 4.6s 2.3s linear infinite;

}



.cssload-dot:nth-child(3):before {

  background-color: rgba(175, 225, 2, 0.98);

  animation: cssload-dot-move 4.6s 2.3s ease infinite;

  -o-animation: cssload-dot-move 4.6s 2.3s ease infinite;

  -ms-animation: cssload-dot-move 4.6s 2.3s ease infinite;

  -webkit-animation: cssload-dot-move 4.6s 2.3s ease infinite;

  -moz-animation: cssload-dot-move 4.6s 2.3s ease infinite;

}



.cssload-dot:nth-child(4) {

  animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;

  -o-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;

  -ms-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;

  -webkit-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;

  -moz-animation: cssload-dot-rotate-4 4.6s 3.45s linear infinite;

}



.cssload-dot:nth-child(4):before {

  background-color: #fbd301;

  animation: cssload-dot-move 4.6s 3.45s ease infinite;

  -o-animation: cssload-dot-move 4.6s 3.45s ease infinite;

  -ms-animation: cssload-dot-move 4.6s 3.45s ease infinite;

  -webkit-animation: cssload-dot-move 4.6s 3.45s ease infinite;

  -moz-animation: cssload-dot-move 4.6s 3.45s ease infinite;

}



@keyframes cssload-dot-move {

  0% {

    transform: translateY(0);

  }

  18%, 22% {

    transform: translateY(-68px);

  }

  40%, 100% {

    transform: translateY(0);

  }

}

@-o-keyframes cssload-dot-move {

  0% {

    -o-transform: translateY(0);

  }

  18%, 22% {

    -o-transform: translateY(-68px);

  }

  40%, 100% {

    -o-transform: translateY(0);

  }

}

@-ms-keyframes cssload-dot-move {

  0% {

    -ms-transform: translateY(0);

  }

  18%, 22% {

    -ms-transform: translateY(-68px);

  }

  40%, 100% {

    -ms-transform: translateY(0);

  }

}

@-webkit-keyframes cssload-dot-move {

  0% {

    -webkit-transform: translateY(0);

  }

  18%, 22% {

    -webkit-transform: translateY(-68px);

  }

  40%, 100% {

    -webkit-transform: translateY(0);

  }

}

@-moz-keyframes cssload-dot-move {

  0% {

    -moz-transform: translateY(0);

  }

  18%, 22% {

    -moz-transform: translateY(-68px);

  }

  40%, 100% {

    -moz-transform: translateY(0);

  }

}

@keyframes cssload-dot-colors {

  0% {

    background-color: #fbd301;

  }

  25% {

    background-color: #ff3270;

  }

  50% {

    background-color: #208bf1;

  }

  75% {

    background-color: rgba(76, 175, 79, 0.98);

  }

  100% {

    background-color: #fbd301;

  }

}

@-o-keyframes cssload-dot-colors {

  0% {

    background-color: #fbd301;

  }

  25% {

    background-color: #ff3270;

  }

  50% {

    background-color: #208bf1;

  }

  75% {

    background-color: rgba(76, 175, 79, 0.98);

  }

  100% {

    background-color: #fbd301;

  }

}

@-ms-keyframes cssload-dot-colors {

  0% {

    background-color: #fbd301;

  }

  25% {

    background-color: #ff3270;

  }

  50% {

    background-color: #208bf1;

  }

  75% {

    background-color: rgba(76, 175, 79, 0.98);

  }

  100% {

    background-color: #fbd301;

  }

}

@-webkit-keyframes cssload-dot-colors {

  0% {

    background-color: #fbd301;

  }

  25% {

    background-color: #ff3270;

  }

  50% {

    background-color: #208bf1;

  }

  75% {

    background-color: rgba(76, 175, 79, 0.98);

  }

  100% {

    background-color: #fbd301;

  }

}

@-moz-keyframes cssload-dot-colors {

  0% {

    background-color: #fbd301;

  }

  25% {

    background-color: #ff3270;

  }

  50% {

    background-color: #208bf1;

  }

  75% {

    background-color: rgba(76, 175, 79, 0.98);

  }

  100% {

    background-color: #fbd301;

  }

}

@keyframes cssload-dot-rotate-1 {

  0% {

    transform: rotate(-105deg);

  }

  100% {

    transform: rotate(270deg);

  }

}

@-o-keyframes cssload-dot-rotate-1 {

  0% {

    -o-transform: rotate(-105deg);

  }

  100% {

    -o-transform: rotate(270deg);

  }

}

@-ms-keyframes cssload-dot-rotate-1 {

  0% {

    -ms-transform: rotate(-105deg);

  }

  100% {

    -ms-transform: rotate(270deg);

  }

}

@-webkit-keyframes cssload-dot-rotate-1 {

  0% {

    -webkit-transform: rotate(-105deg);

  }

  100% {

    -webkit-transform: rotate(270deg);

  }

}

@-moz-keyframes cssload-dot-rotate-1 {

  0% {

    -moz-transform: rotate(-105deg);

  }

  100% {

    -moz-transform: rotate(270deg);

  }

}

@keyframes cssload-dot-rotate-2 {

  0% {

    transform: rotate(165deg);

  }

  100% {

    transform: rotate(540deg);

  }

}

@-o-keyframes cssload-dot-rotate-2 {

  0% {

    -o-transform: rotate(165deg);

  }

  100% {

    -o-transform: rotate(540deg);

  }

}

@-ms-keyframes cssload-dot-rotate-2 {

  0% {

    -ms-transform: rotate(165deg);

  }

  100% {

    -ms-transform: rotate(540deg);

  }

}

@-webkit-keyframes cssload-dot-rotate-2 {

  0% {

    -webkit-transform: rotate(165deg);

  }

  100% {

    -webkit-transform: rotate(540deg);

  }

}

@-moz-keyframes cssload-dot-rotate-2 {

  0% {

    -moz-transform: rotate(165deg);

  }

  100% {

    -moz-transform: rotate(540deg);

  }

}

@keyframes cssload-dot-rotate-3 {

  0% {

    transform: rotate(435deg);

  }

  100% {

    transform: rotate(810deg);

  }

}

@-o-keyframes cssload-dot-rotate-3 {

  0% {

    -o-transform: rotate(435deg);

  }

  100% {

    -o-transform: rotate(810deg);

  }

}

@-ms-keyframes cssload-dot-rotate-3 {

  0% {

    -ms-transform: rotate(435deg);

  }

  100% {

    -ms-transform: rotate(810deg);

  }

}

@-webkit-keyframes cssload-dot-rotate-3 {

  0% {

    -webkit-transform: rotate(435deg);

  }

  100% {

    -webkit-transform: rotate(810deg);

  }

}

@-moz-keyframes cssload-dot-rotate-3 {

  0% {

    -moz-transform: rotate(435deg);

  }

  100% {

    -moz-transform: rotate(810deg);

  }

}

@keyframes cssload-dot-rotate-4 {

  0% {

    transform: rotate(705deg);

  }

  100% {

    transform: rotate(1080deg);

  }

}

@-o-keyframes cssload-dot-rotate-4 {

  0% {

    -o-transform: rotate(705deg);

  }

  100% {

    -o-transform: rotate(1080deg);

  }

}

@-ms-keyframes cssload-dot-rotate-4 {

  0% {

    -ms-transform: rotate(705deg);

  }

  100% {

    -ms-transform: rotate(1080deg);

  }

}

@-webkit-keyframes cssload-dot-rotate-4 {

  0% {

    -webkit-transform: rotate(705deg);

  }

  100% {

    -webkit-transform: rotate(1080deg);

  }

}

@-moz-keyframes cssload-dot-rotate-4 {

  0% {

    -moz-transform: rotate(705deg);

  }

  100% {

    -moz-transform: rotate(1080deg);

  }

}

/*------------------------------------

          [B] Basic Styles

 -----------------------------------*/

 /*--------------------------------------------------



- [2] - Normailize



---------------------------------------------------*/

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**

 * 1. Change the default font family in all browsers (opinionated).

 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.

 */

html {

  font-family: sans-serif;

  /* 1 */

  -ms-text-size-adjust: 100%;

  /* 2 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

}



/**

 * Remove the margin in all browsers (opinionated).

 */

body {

  margin: 0;

}



/* HTML5 display definitions

   ========================================================================== */

/**

 * Add the correct display in IE 9-.

 * 1. Add the correct display in Edge, IE, and Firefox.

 * 2. Add the correct display in IE.

 */

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  /* 1 */

  display: block;

}



/**

 * Add the correct display in IE 9-.

 */

audio,

canvas,

progress,

video {

  display: inline-block;

}



/**

 * Add the correct display in iOS 4-7.

 */

audio:not([controls]) {

  display: none;

  height: 0;

}



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */

progress {

  vertical-align: baseline;

}



/**

 * Add the correct display in IE 10-.

 * 1. Add the correct display in IE.

 */

template,

[hidden] {

  display: none;

}



/* Links

   ========================================================================== */

/**

 * 1. Remove the gray background on active links in IE 10.

 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.

 */

a {

  background-color: transparent;

  /* 1 */

  -webkit-text-decoration-skip: objects;

  /* 2 */

}



/**

 * Remove the outline on focused links when they are also active or hovered

 * in all browsers (opinionated).

 */

a:active,

a:hover {

  outline-width: 0;

}



/* Text-level semantics

   ========================================================================== */

/**

 * 1. Remove the bottom border in Firefox 39-.

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

 */

abbr[title] {

  border-bottom: none;

  /* 1 */

  text-decoration: underline;

  /* 2 */

  text-decoration: underline dotted;

  /* 2 */

}



/**

 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.

 */

b,

strong {

  font-weight: inherit;

}



/**

 * Add the correct font weight in Chrome, Edge, and Safari.

 */

b,

strong {

  font-weight: bolder;

}



/**

 * Add the correct font style in Android 4.3-.

 */

dfn {

  font-style: italic;

}



/**

 * Correct the font size and margin on `h1` elements within `section` and

 * `article` contexts in Chrome, Firefox, and Safari.

 */

h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



/**

 * Add the correct background and color in IE 9-.

 */

mark {

  background-color: #ff0;

  color: #000;

}



/**

 * Add the correct font size in all browsers.

 */

small {

  font-size: 80%;

}



/**

 * Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



/* Embedded content

   ========================================================================== */

/**

 * Remove the border on images inside links in IE 10-.

 */

img {

  border-style: none;

}



/**

 * Hide the overflow in IE.

 */

svg:not(:root) {

  overflow: hidden;

}



/* Grouping content

   ========================================================================== */

/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */

}



/**

 * Add the correct margin in IE 8.

 */

figure {

  margin: 1em 40px;

}



/**

 * 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE.

 */

hr {

  box-sizing: content-box;

  /* 1 */

  height: 0;

  /* 1 */

  overflow: visible;

  /* 2 */

}



/* Forms

   ========================================================================== */

/**

 * 1. Change font properties to `inherit` in all browsers (opinionated).

 * 2. Remove the margin in Firefox and Safari.

 */

button,

input,

select,

textarea {

  font: inherit;

  /* 1 */

  margin: 0;

  /* 2 */

}



/**

 * Restore the font weight unset by the previous rule.

 */

optgroup {

  font-weight: bold;

}



/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */

button,

input {

  /* 1 */

  overflow: visible;

}



/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */

button,

select {

  /* 1 */

  text-transform: none;

}



/**

 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`

 *    controls in Android 4.

 * 2. Correct the inability to style clickable types in iOS and Safari.

 */

button,

html [type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

  /* 2 */

}



/**

 * Remove the inner border and padding in Firefox.

 */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



/**

 * Restore the focus styles unset by the previous rule.

 */

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



/**

 * Change the border, margin, and padding in all browsers (opinionated).

 */

fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *    `fieldset` elements in all browsers.

 */

legend {

  box-sizing: border-box;

  /* 1 */

  color: inherit;

  /* 2 */

  display: table;

  /* 1 */

  max-width: 100%;

  /* 1 */

  padding: 0;

  /* 3 */

  white-space: normal;

  /* 1 */

}



/**

 * Remove the default vertical scrollbar in IE.

 */

textarea {

  overflow: auto;

}



/**

 * 1. Add the correct box sizing in IE 10-.

 * 2. Remove the padding in IE 10-.

 */

[type="checkbox"],

[type="radio"] {

  box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */

}



/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */

[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */

}



/**

 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.

 */

[type="search"]::-webkit-search-cancel-button,

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Correct the text style of placeholders in Chrome, Edge, and Safari.

 */

::-webkit-input-placeholder {

  color: inherit;

  opacity: 0.54;

}



/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */

::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */

}



*, *:after, *:before {

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  margin: 0;

  padding: 0;

}



ul, li {

  margin: 0;

  padding: 0;

}



*:focus {

  outline: none;

}



.clearfix,

.clearfix:before,

.clearfix:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after {

  content: " ";

  display: table;

}



.clearfix,

.clearfix:after,

.container:after,

.container-fluid:after,

.row:after {

  clear: both;

}



/*--------------------------------------------------



- [3] - Bootstrap Gird



---------------------------------------------------*/

.container {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

}



@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}

.container-fluid {

  margin-right: auto;

  margin-left: auto;

  padding-left: 15px;

  padding-right: 15px;

}



.row {

  margin-left: -15px;

  margin-right: -15px;

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

  position: relative;

  min-height: 1px;

  padding-left: 15px;

  padding-right: 15px;

}



.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

  float: left;

}



.col-xs-12 {

  width: 100%;

}



.col-xs-11 {

  width: 91.66666667%;

}



.col-xs-10 {

  width: 83.33333333%;

}



.col-xs-9 {

  width: 75%;

}



.col-xs-8 {

  width: 66.66666667%;

}



.col-xs-7 {

  width: 58.33333333%;

}



.col-xs-6 {

  width: 50%;

}



.col-xs-5 {

  width: 41.66666667%;

}



.col-xs-4 {

  width: 33.33333333%;

}



.col-xs-3 {

  width: 25%;

}



.col-xs-2 {

  width: 16.66666667%;

}



.col-xs-1 {

  width: 8.33333333%;

}



.col-xs-pull-12 {

  right: 100%;

}



.col-xs-pull-11 {

  right: 91.66666667%;

}



.col-xs-pull-10 {

  right: 83.33333333%;

}



.col-xs-pull-9 {

  right: 75%;

}



.col-xs-pull-8 {

  right: 66.66666667%;

}



.col-xs-pull-7 {

  right: 58.33333333%;

}



.col-xs-pull-6 {

  right: 50%;

}



.col-xs-pull-5 {

  right: 41.66666667%;

}



.col-xs-pull-4 {

  right: 33.33333333%;

}



.col-xs-pull-3 {

  right: 25%;

}



.col-xs-pull-2 {

  right: 16.66666667%;

}



.col-xs-pull-1 {

  right: 8.33333333%;

}



.col-xs-pull-0 {

  right: auto;

}



.col-xs-push-12 {

  left: 100%;

}



.col-xs-push-11 {

  left: 91.66666667%;

}



.col-xs-push-10 {

  left: 83.33333333%;

}



.col-xs-push-9 {

  left: 75%;

}



.col-xs-push-8 {

  left: 66.66666667%;

}



.col-xs-push-7 {

  left: 58.33333333%;

}



.col-xs-push-6 {

  left: 50%;

}



.col-xs-push-5 {

  left: 41.66666667%;

}



.col-xs-push-4 {

  left: 33.33333333%;

}



.col-xs-push-3 {

  left: 25%;

}



.col-xs-push-2 {

  left: 16.66666667%;

}



.col-xs-push-1 {

  left: 8.33333333%;

}



.col-xs-push-0 {

  left: auto;

}



.col-xs-offset-12 {

  margin-left: 100%;

}



.col-xs-offset-11 {

  margin-left: 91.66666667%;

}



.col-xs-offset-10 {

  margin-left: 83.33333333%;

}



.col-xs-offset-9 {

  margin-left: 75%;

}



.col-xs-offset-8 {

  margin-left: 66.66666667%;

}



.col-xs-offset-7 {

  margin-left: 58.33333333%;

}



.col-xs-offset-6 {

  margin-left: 50%;

}



.col-xs-offset-5 {

  margin-left: 41.66666667%;

}



.col-xs-offset-4 {

  margin-left: 33.33333333%;

}



.col-xs-offset-3 {

  margin-left: 25%;

}



.col-xs-offset-2 {

  margin-left: 16.66666667%;

}



.col-xs-offset-1 {

  margin-left: 8.33333333%;

}



.col-xs-offset-0 {

  margin-left: 0%;

}



@media (min-width: 768px) {

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {

    float: left;

  }



  .col-sm-12 {

    width: 100%;

  }



  .col-sm-11 {

    width: 91.66666667%;

  }



  .col-sm-10 {

    width: 83.33333333%;

  }



  .col-sm-9 {

    width: 75%;

  }



  .col-sm-8 {

    width: 66.66666667%;

  }



  .col-sm-7 {

    width: 58.33333333%;

  }



  .col-sm-6 {

    width: 50%;

  }



  .col-sm-5 {

    width: 41.66666667%;

  }



  .col-sm-4 {

    width: 33.33333333%;

  }



  .col-sm-3 {

    width: 25%;

  }



  .col-sm-2 {

    width: 16.66666667%;

  }



  .col-sm-1 {

    width: 8.33333333%;

  }



  .col-sm-pull-12 {

    right: 100%;

  }



  .col-sm-pull-11 {

    right: 91.66666667%;

  }



  .col-sm-pull-10 {

    right: 83.33333333%;

  }



  .col-sm-pull-9 {

    right: 75%;

  }



  .col-sm-pull-8 {

    right: 66.66666667%;

  }



  .col-sm-pull-7 {

    right: 58.33333333%;

  }



  .col-sm-pull-6 {

    right: 50%;

  }



  .col-sm-pull-5 {

    right: 41.66666667%;

  }



  .col-sm-pull-4 {

    right: 33.33333333%;

  }



  .col-sm-pull-3 {

    right: 25%;

  }



  .col-sm-pull-2 {

    right: 16.66666667%;

  }



  .col-sm-pull-1 {

    right: 8.33333333%;

  }



  .col-sm-pull-0 {

    right: auto;

  }



  .col-sm-push-12 {

    left: 100%;

  }



  .col-sm-push-11 {

    left: 91.66666667%;

  }



  .col-sm-push-10 {

    left: 83.33333333%;

  }



  .col-sm-push-9 {

    left: 75%;

  }



  .col-sm-push-8 {

    left: 66.66666667%;

  }



  .col-sm-push-7 {

    left: 58.33333333%;

  }



  .col-sm-push-6 {

    left: 50%;

  }



  .col-sm-push-5 {

    left: 41.66666667%;

  }



  .col-sm-push-4 {

    left: 33.33333333%;

  }



  .col-sm-push-3 {

    left: 25%;

  }



  .col-sm-push-2 {

    left: 16.66666667%;

  }



  .col-sm-push-1 {

    left: 8.33333333%;

  }



  .col-sm-push-0 {

    left: auto;

  }



  .col-sm-offset-12 {

    margin-left: 100%;

  }



  .col-sm-offset-11 {

    margin-left: 91.66666667%;

  }



  .col-sm-offset-10 {

    margin-left: 83.33333333%;

  }



  .col-sm-offset-9 {

    margin-left: 75%;

  }



  .col-sm-offset-8 {

    margin-left: 66.66666667%;

  }



  .col-sm-offset-7 {

    margin-left: 58.33333333%;

  }



  .col-sm-offset-6 {

    margin-left: 50%;

  }



  .col-sm-offset-5 {

    margin-left: 41.66666667%;

  }



  .col-sm-offset-4 {

    margin-left: 33.33333333%;

  }



  .col-sm-offset-3 {

    margin-left: 25%;

  }



  .col-sm-offset-2 {

    margin-left: 16.66666667%;

  }



  .col-sm-offset-1 {

    margin-left: 8.33333333%;

  }



  .col-sm-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 992px) {

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {

    float: left;

  }



  .col-md-12 {

    width: 100%;

  }



  .col-md-11 {

    width: 91.66666667%;

  }



  .col-md-10 {

    width: 83.33333333%;

  }



  .col-md-9 {

    width: 75%;

  }



  .col-md-8 {

    width: 66.66666667%;

  }



  .col-md-7 {

    width: 58.33333333%;

  }



  .col-md-6 {

    width: 50%;

  }



  .col-md-5 {

    width: 41.66666667%;

  }



  .col-md-4 {

    width: 33.33333333%;

  }



  .col-md-3 {

    width: 25%;

  }



  .col-md-2 {

    width: 16.66666667%;

  }



  .col-md-1 {

    width: 8.33333333%;

  }



  .col-md-pull-12 {

    right: 100%;

  }



  .col-md-pull-11 {

    right: 91.66666667%;

  }



  .col-md-pull-10 {

    right: 83.33333333%;

  }



  .col-md-pull-9 {

    right: 75%;

  }



  .col-md-pull-8 {

    right: 66.66666667%;

  }



  .col-md-pull-7 {

    right: 58.33333333%;

  }



  .col-md-pull-6 {

    right: 50%;

  }



  .col-md-pull-5 {

    right: 41.66666667%;

  }



  .col-md-pull-4 {

    right: 33.33333333%;

  }



  .col-md-pull-3 {

    right: 25%;

  }



  .col-md-pull-2 {

    right: 16.66666667%;

  }



  .col-md-pull-1 {

    right: 8.33333333%;

  }



  .col-md-pull-0 {

    right: auto;

  }



  .col-md-push-12 {

    left: 100%;

  }



  .col-md-push-11 {

    left: 91.66666667%;

  }



  .col-md-push-10 {

    left: 83.33333333%;

  }



  .col-md-push-9 {

    left: 75%;

  }



  .col-md-push-8 {

    left: 66.66666667%;

  }



  .col-md-push-7 {

    left: 58.33333333%;

  }



  .col-md-push-6 {

    left: 50%;

  }



  .col-md-push-5 {

    left: 41.66666667%;

  }



  .col-md-push-4 {

    left: 33.33333333%;

  }



  .col-md-push-3 {

    left: 25%;

  }



  .col-md-push-2 {

    left: 16.66666667%;

  }



  .col-md-push-1 {

    left: 8.33333333%;

  }



  .col-md-push-0 {

    left: auto;

  }



  .col-md-offset-12 {

    margin-left: 100%;

  }



  .col-md-offset-11 {

    margin-left: 91.66666667%;

  }



  .col-md-offset-10 {

    margin-left: 83.33333333%;

  }



  .col-md-offset-9 {

    margin-left: 75%;

  }



  .col-md-offset-8 {

    margin-left: 66.66666667%;

  }



  .col-md-offset-7 {

    margin-left: 58.33333333%;

  }



  .col-md-offset-6 {

    margin-left: 50%;

  }



  .col-md-offset-5 {

    margin-left: 41.66666667%;

  }



  .col-md-offset-4 {

    margin-left: 33.33333333%;

  }



  .col-md-offset-3 {

    margin-left: 25%;

  }



  .col-md-offset-2 {

    margin-left: 16.66666667%;

  }



  .col-md-offset-1 {

    margin-left: 8.33333333%;

  }



  .col-md-offset-0 {

    margin-left: 0%;

  }

}

@media (min-width: 1200px) {

  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

    float: left;

  }



  .col-lg-12 {

    width: 100%;

  }



  .col-lg-11 {

    width: 91.66666667%;

  }



  .col-lg-10 {

    width: 83.33333333%;

  }



  .col-lg-9 {

    width: 75%;

  }



  .col-lg-8 {

    width: 66.66666667%;

  }



  .col-lg-7 {

    width: 58.33333333%;

  }



  .col-lg-6 {

    width: 50%;

  }



  .col-lg-5 {

    width: 41.66666667%;

  }



  .col-lg-4 {

    width: 33.33333333%;

  }



  .col-lg-3 {

    width: 25%;

  }



  .col-lg-2 {

    width: 16.66666667%;

  }



  .col-lg-1 {

    width: 8.33333333%;

  }



  .col-lg-pull-12 {

    right: 100%;

  }



  .col-lg-pull-11 {

    right: 91.66666667%;

  }



  .col-lg-pull-10 {

    right: 83.33333333%;

  }



  .col-lg-pull-9 {

    right: 75%;

  }



  .col-lg-pull-8 {

    right: 66.66666667%;

  }



  .col-lg-pull-7 {

    right: 58.33333333%;

  }



  .col-lg-pull-6 {

    right: 50%;

  }



  .col-lg-pull-5 {

    right: 41.66666667%;

  }



  .col-lg-pull-4 {

    right: 33.33333333%;

  }



  .col-lg-pull-3 {

    right: 25%;

  }



  .col-lg-pull-2 {

    right: 16.66666667%;

  }



  .col-lg-pull-1 {

    right: 8.33333333%;

  }



  .col-lg-pull-0 {

    right: auto;

  }



  .col-lg-push-12 {

    left: 100%;

  }



  .col-lg-push-11 {

    left: 91.66666667%;

  }



  .col-lg-push-10 {

    left: 83.33333333%;

  }



  .col-lg-push-9 {

    left: 75%;

  }



  .col-lg-push-8 {

    left: 66.66666667%;

  }



  .col-lg-push-7 {

    left: 58.33333333%;

  }



  .col-lg-push-6 {

    left: 50%;

  }



  .col-lg-push-5 {

    left: 41.66666667%;

  }



  .col-lg-push-4 {

    left: 33.33333333%;

  }



  .col-lg-push-3 {

    left: 25%;

  }



  .col-lg-push-2 {

    left: 16.66666667%;

  }



  .col-lg-push-1 {

    left: 8.33333333%;

  }



  .col-lg-push-0 {

    left: auto;

  }



  .col-lg-offset-12 {

    margin-left: 100%;

  }



  .col-lg-offset-11 {

    margin-left: 91.66666667%;

  }



  .col-lg-offset-10 {

    margin-left: 83.33333333%;

  }



  .col-lg-offset-9 {

    margin-left: 75%;

  }



  .col-lg-offset-8 {

    margin-left: 66.66666667%;

  }



  .col-lg-offset-7 {

    margin-left: 58.33333333%;

  }



  .col-lg-offset-6 {

    margin-left: 50%;

  }



  .col-lg-offset-5 {

    margin-left: 41.66666667%;

  }



  .col-lg-offset-4 {

    margin-left: 33.33333333%;

  }



  .col-lg-offset-3 {

    margin-left: 25%;

  }



  .col-lg-offset-2 {

    margin-left: 16.66666667%;

  }



  .col-lg-offset-1 {

    margin-left: 8.33333333%;

  }



  .col-lg-offset-0 {

    margin-left: 0%;

  }

}

.clearfix:before,

.clearfix:after,

.container:before,

.container:after,

.container-fluid:before,

.container-fluid:after,

.row:before,

.row:after {

  content: " ";

  display: table;

}



.clearfix:after,

.container:after,

.container-fluid:after,

.row:after {

  clear: both;

}



.center-block {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.pull-right {

  float: right !important;

}



.pull-left {

  float: left !important;

}



.hide {

  display: none !important;

}



.show {

  display: block !important;

}



.invisible {

  visibility: hidden;

}



.text-hide {

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}



.hidden {

  display: none !important;

}



.affix {

  position: fixed;

}



/*--------------------------------------------------



- [4] - Base



---------------------------------------------------*/

img {

  max-width: 100%;

}



ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



li {

  margin: 0;

  padding: 0;

}



a {

  color: inherit;

  text-decoration: none;

  transition: all 0.3s;

}

a:hover {

  color: #FF7F00;

  text-decoration: none;

}



body {

  background: #f5f5f5;

  font-family: "Roboto";

}



input {

  font-family: "Roboto Condensed";

}



input[type="text"], input[type="email"] {

  height: 40px;

  border: 1px solid #d3d1d1;

  padding-left: 15px;

  padding-right: 15px;

  border-radius: 3px;

}



textarea {

  border: 1px solid #d3d1d1;

  padding-top: 15px;

  padding-left: 15px;

  padding-right: 15px;

  border-radius: 3px;

  resize: none;

  height: 160px;

}



.slick-dots {

  bottom: 25px;

}



.slick-dots li {

  height: 7px;

  width: 7px;

  background: #fff;

}

.slick-dots li button:before {

  content: none;

}

.slick-dots li.slick-active {

  background: #FF7F00;

}



.slick-next {

  right: 25px;

}



.slick-prev {

  left: 25px;

}



.slick-header-wrap {

  position: relative;

}

.slick-header-wrap .custom-slick-arrow {

  position: absolute;

  top: 50%;

  z-index: 999;

}

.slick-header-wrap .custom-slick-arrow.next {

  right: 25px;

}

.slick-header-wrap .custom-slick-arrow.prev {

  left: 25px;

}



.custom-slick-arrow {

  padding: 12px;

  border: 1px solid #fff;

  color: #fff;

  display: inline-block;

  border-radius: 3px;

  cursor: pointer;

  display: none !important;

}

.custom-slick-arrow:hover {

  background: #fff;

  color: #424242;

}

@media screen and (min-width: 768px) {

  .custom-slick-arrow {

    display: block !important;

  }

}



.slick-header-wrap .slick-slide.post-content-over-img.centred .content {

  transition: all 1.3s;

  visibility: hidden;

  opacity: 0;

}

.slick-header-wrap .slick-slide.post-content-over-img.centred.slick-active .content {

  transition-delay: 1s;

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------



  - [5] - Fonts



---------------------------------------------------*/

@font-face {

  font-family: "Roboto Condensed";

  src: url(../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);

}

@font-face {

  font-family: "Roboto";

  src: url(../fonts/Roboto/Roboto-Regular.ttf);

}

/*--------------------------------------------------



  - [6] - Typography



---------------------------------------------------*/

html {

  font-size: 14px;

  line-height: 1.2;

  color: #6c6c6c;

}



html,

input,

button,

textarea {

  -webkit-font-smoothing: antialiased;

  text-rendering: optimizeLegibility;

}



input, textarea {

  font-family: "Roboto";

}



h2,

h3,

h5,

h6 {

  font-family: "Roboto Condensed";

  line-height: 1.2;

  margin: 0 0 10px;

  color: #424242;

}

h1,

h4 {

  font-family: "Roboto Condensed";

  line-height: 1.2;

  margin: 0 0 10px;

  color: #FF7F00;

}

h1 {

  font-size: 58px;

}



h2 {

  font-size: 32px;

}



h3 {

  font-size: 18px;

}



h4 {

  font-size: 16px;

}



h5 {

  font-size: 14px;

}



h6 {

  font-size: 12px;

}



/*--------------------------------------------------



  - [7] - Font Icon



---------------------------------------------------*/

@font-face {

  font-family: 'balloon-icons';

  src: url("../fonts/balloon-icons/fonts/balloon-icons.eot?25uz6j");

  src: url("../fonts/balloon-icons/fonts/balloon-icons.eot?25uz6j#iefix") format("embedded-opentype"), url("../fonts/balloon-icons/fonts/balloon-icons.ttf?25uz6j") format("truetype"), url("../fonts/balloon-icons/fonts/balloon-icons.woff?25uz6j") format("woff"), url("../fonts/balloon-icons/fonts/balloon-icons.svg?25uz6j#balloon-icons") format("svg");

  font-weight: normal;

  font-style: normal;

}

[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'balloon-icons' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-search:before {

  content: "";

}



.icon-google-plus:before {

  content: "";

}



.icon-facebook:before {

  content: "";

}



.icon-instagram:before {

  content: "";

}



.icon-whatsapp:before {

  content: "";

}



.icon-twitter:before {

  content: "";

}



.icon-youtube:before {

  content: "";

}



.icon-tumblr2:before {

  content: "";

}



.icon-soundcloud:before {

  content: "";

}



/*--------------------------------------------------



  - [8] - Helper classes



---------------------------------------------------*/

.input-with-icon {

  position: relative;

  overflow: hidden;

}

.input-with-icon input {

  width: 100%;

  padding-right: 25px;

}

.input-with-icon .icon {

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -6px;

}



.social-media__list {

  overflow: hidden;

}

.social-media__list li {

  display: inline-block;

  margin-right: 30px;

}

.social-media__list li a:hover {

  color: #fff;

}



.vertical-align--middle {

  vertical-align: middle;

}



.nopadding {

  padding: 0 !important;

}



.nopadding-top {

  padding-top: 0 !important;

}



.nomargin-bottom {

  margin-bottom: 0;

}



.mb25 {

  margin-bottom: 25px;

}



.mt15 {

  margin-top: 15px;

}



.mt25 {

  margin-top: 25px;

}



.mb0 {

  margin-bottom: 0 !important;

}



.mb10 {

  margin-bottom: 10px !important;

}



.float-left {

  float: left;

}



.float-right {

  float: right;

}



.overflow-hidden {

  overflow: hidden;

}



.text-center {

  text-align: center;

}



.italic {

  font-style: italic;

}



.meta {

  color: #b9b9b9 !important;

  font-size: 12px;

}



.side-widget {

  padding: 30px;

  background: #fff;

  margin-bottom: 30px;

  border-radius: 5px;

  overflow: hidden;

  box-shadow: 0px 2px 1px 0px #ebebeb;

}

.side-widget__title {

  font-size: 14px;

  margin-bottom: 35px;

}

.side-widget__title:before {

  content: '';

  display: inline-block;

  width: 8px;

  height: 8px;

  margin-right: 10px;

  background: #FF7F00;

}

.side-widget__title:after {

  content: '';

  clear: both;

  display: inline-block;

}



.tag {

  color: #b9b9b9;

  border: 1px solid #b9b9b9;

  border-radius: 3px;

  padding: 5px 15px;

  display: inline-block;

  margin-bottom: 10px;

  margin-right: 5px;

  transition: all 0.3s;

}

.tag:hover {

  color: #FF7F00;

  border-color: #FF7F00;

}



.category-tag {

  color: #FF7F00;

}



.post-tag {

  color: #fff;

  text-transform: uppercase;

  display: inline-block;

  background: #1b1b1b;

  width: 100px;

  height: 25px;

  line-height: 25px;

  text-align: center;

}

.post-tag.small {

  width: 80px;

  font-size: 12px;

}



.facebook-bg {

  background: #507cbe;

}



.twitter-bg {

  background: #63cdf1;

}



.google-plus-bg {

  background: #f16261;

}



.linkedin-bg {

  background: #90cadd;

}



.mail-bg {

  background: #4ecdc4;

}



.instagram-bg {

  background: #405de6;

}



.btn {

  display: inline-block;

  line-height: 35px;

  padding-right: 20px;

  padding-left: 20px;

  border-radius: 3px;

  font-weight: 700;

  height: 35px;

  outline: none;

  border: none;

  cursor: pointer;

}



.full-width {

  width: 100%;

}



.btn.primary-color {

  background: #FF7F00;

  color: #fff;

}



.btn.white-border {

  color: #fff;

  border: 1px solid #fff;

  background: none;

}

.btn.white-border:hover {

  background: #fff;

  color: #424242;

}



.btn.big {

  height: 40px;

}



/*------------------------------------

          Components Styles

-----------------------------------*/

 /*--------------------------------------------------



   - [9] - Modules



 ---------------------------------------------------*/

/*------------------------------------

    Include your components Here

 -----------------------------------*/

.topbar {

  background: #1b1b1b;

  text-align: center;

  line-height: 40px;

  color: #afb1b2;

}

.topbar .topbar__right-items .input-with-icon {

  font-size: 12px;

}

.topbar .topbar__right-items .input-with-icon input {

  height: 40px;

  border: none;

  background: none;

  color: #9c9da1;

  font-style: italic;

}

.topbar .topbar__right-items .input-with-icon input::-webkit-input-placeholder {

  color: #9c9da1;

}



@media screen and (min-width: 768px) {

  .topbar {

    height: 40px;

  }

  .topbar .topbar__right-items {

    float: right;

  }

  .topbar .topbar__right-items .input-with-icon {

    width: 240px;

  }

  .topbar .topbar__left-items {

    float: left;

  }

}

.primary-navbar {

  margin-top: 40px;

  padding-bottom: 0px;

}

.primary-navbar__logo {

  text-align: center;

}

.primary-navbar__logo img {

  max-width: 220px;

}

.primary-navbar__links {

  position: relative;

  line-height: 1;

  padding-top: 30px;

  padding-bottom: 30px;

  margin-top: 40px;

  background: #fff;

  color: #303030;

  text-align: center;

  border-top: 1px solid #f0f0f0;

  border-bottom: 1px solid #f0f0f0;

  font-size: 16px;

  font-family: "Roboto Condensed";

  text-transform: uppercase;

}

.primary-navbar__links li {

  display: block;

  position: relative;

  margin-bottom: 15px;

  line-height: 1;

}

.primary-navbar__links .menu-icon {

  display: block;

}

.primary-navbar__links .close-icon {

  display: block;

  position: absolute;

  right: 20px;

  top: 20px;

  z-index: 5;

}

.primary-navbar__links-list {

  visibility: hidden;

  opacity: 0;

  position: fixed;

  padding: 50px 15px;

  width: 100%;

  left: 0;

  top: 0;

  background: #fff;

  height: 100%;

  transition: all 0.3s;

  z-index: 999;

}

.primary-navbar__links-list li {

  margin-right: 0;

  margin-bottom: 30px;

}

.primary-navbar__links-list li ul {

  margin-top: 20px;

}

.primary-navbar__links-list li ul li {

  margin-bottom: 10px;

}

.primary-navbar.active .primary-navbar__links-list {

  opacity: 1;

  visibility: visible;

  transition: all 0.3s;

}



@media screen and (min-width: 768px) {

  .primary-navbar__links {

    line-height: 100px;

    padding-top: 0;

    padding-bottom: 0;

  }

  .primary-navbar__links__links-list {

    display: block;

  }



  .primary-navbar .menu-icon {

    display: none;

  }



  .primary-navbar .close-icon {

    display: none;

  }



  .primary-navbar__links-list {

    display: block;

    position: static;

    height: auto;

    width: auto;

    padding: 0;

    visibility: visible;

    opacity: 1;

  }

  .primary-navbar__links-list li {

    display: inline-block;

    margin-right: 30px;

  }

  .primary-navbar__links-list li:hover ul {

    visibility: visible;

    opacity: 1;

    transform: translateY(0);

  }

  .primary-navbar__links-list li ul {

    visibility: hidden;

    opacity: 0;

    box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);

    min-width: 180px;

    border-radius: 3px;

    position: absolute;

    background: #fff;

    text-align: center;

    padding: 30px 15px;

    left: -50px;

    top: 10px;

    z-index: 99;

    transition: all 0.5s;

  }

  .primary-navbar__links-list li ul li {

    margin-right: 0;

    margin-bottom: 15px;

    display: block;

    font-size: 16px;

    color: #6c6c6c;

    text-transform: capitalize;

  }

  .primary-navbar__links-list li ul li:last-of-type {

    margin-bottom: 0;

  }

}

@media screen and (min-width: 480px) {

  .primary-navbar__logo img {

    max-width: 315px;

  }

}

footer {

  text-align: center;

  clear: both;

  padding: 15px 0;

  background: #1b1b1b;

  color: #afb1b2;

}

footer .social-media__list {

  float: none;

  margin-top: 15px;

}



@media screen and (min-width: 768px) {

  footer {

    overflow: hidden;

    height: 70px;

    line-height: 70px;

    text-align: center;

    padding: 0;

  }

  footer .copy-rights {

    float: left;

  }

  footer .social-media__list {

    margin-top: 0;

    display: inline-block;

    float: right;

  }

}

.about-me-widget .img {

  margin-left: -30px;

  margin-right: -30px;

}

.about-me-widget .img img {

  width: 100%;

}

.about-me-widget .widget-content {

  margin-top: 25px;

}

.about-me-widget__name {

  font-size: 16px;

  margin-bottom: 5px;

}

.about-me-widget p {

  line-height: 1.4;

  color: #9c9da1;

}

.about-me-widget .social-media__list li {

  width: 35px;

  height: 35px;

  line-height: 35px;

  background: #FF7F00;

  text-align: center;

  color: #fff;

  border-radius: 50%;

  margin-right: 5px;

}

.about-me-widget .social-media__list li a {

  display: block;

}

.about-me-widget .social-media__list li:hover i {

  display: inline-block;

  animation: iconhover 0.4s ease-out;

}



.popular-post {

  position: relative;

  margin-bottom: 20px;

}

.popular-post .img {

  position: absolute;

  left: 0;

  width: 86px;

  height: 67px;

  display: inline-block;

  margin-right: 20px;

  overflow: hidden;

}

.popular-post .content {

  display: inline-block;

  margin-left: 106px;

}

.popular-post .content .title {

  transition: all 0.3s;

  font-size: 13px;

  font-family: "Roboto";

  line-height: 20px;

  margin-bottom: 0;

}

.popular-post:hover .content .title {

  color: #FF7F00;

}



.categories_list li {

  padding-top: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #f0f0f0;

}

.categories_list li:last-of-type {

  border: none;

}

.categories_list .number {

  float: right;

  color: #b9b9b9;

}



@keyframes iconhover {

  from {

    transform: translateY(-90px);

  }

  to {

    transform: translateY(0);

  }

}

.post-list-component {

  background: #fff;

  height: 528px;

  border-radius: 3px;

  overflow: hidden;

  box-shadow: 0px 2px 1px 0px #ebebeb;

  margin-bottom: 30px;

}

.post-list-component__img {

  position: relative;

}

.post-list-component__img .post-tag {

  position: absolute;

  right: 0;

  top: 30px;

}

.post-list-component__content {

  padding: 25px 20px;

}

.post-list-component__content .info {

  margin-bottom: 20px;

}

.post-list-component__content .title {

  margin-bottom: 20px;

}

.post-list-component__content p {

  line-height: 1.4;

}

.post-list-component__content .numbers {

  margin-top: 30px;

}

.post-list-component__content .numbers li {

  display: inline-block;

  margin-right: 20px;

}

.post-list-component__content .numbers li .svg-icon {

  fill: #b9b9b9;

  margin-right: 5px;

  vertical-align: middle;

  stroke-dashoffset: 5;

}

.post-list-component__content .numbers li .Heart {

  fill: #FF7F00;

}



.header-featured-post {

  margin-bottom: 30px;

}

.header-featured-post__img {

  overflow: hidden;

  position: relative;

  margin-bottom: 10px;

}

.header-featured-post__img .post-tag {

  position: absolute;

  left: 0;

  top: 20px;

}

.header-featured-post__content .title {

  line-height: 1.5;

  height: 3em;

  overflow: hidden;

}

.header-featured-post .post-tag {

  display: none;

}



@media screen and (min-width: 480px) {

  .header-featured-post .post-tag {

    display: block;

  }

}

.post-content-over-img {

  position: relative;

  overflow: hidden;

  margin-bottom: 30px;

}

.post-content-over-img img {

  min-height: 100%;

  max-width: auto;

  min-width: 100%;

  transition: all 0.3s;

  display: block;

}

.post-content-over-img .content {

  position: absolute;

  padding: 0px 25px 0 25px;

  bottom: 10px;

  color: #fff;

  z-index: 10;

}

.post-content-over-img .content .title {

  color: #f0f0f0;

  line-height: 1.5;

  font-size: 12px;

}

@media screen and (min-width: 480px) {

  .post-content-over-img .content .title {

    font-size: 14px;

  }

}

.post-content-over-img .content .category-tag {

  margin-bottom: 5px;

  display: inline-block;

}

.post-content-over-img.centred a {

  overflow: hidden;

}

.post-content-over-img.centred:after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.45);

  z-index: 2;

}

.post-content-over-img.centred .content {

  display: table;

  width: 100%;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  margin: auto;

  text-align: center;

  z-index: 3;

}

.post-content-over-img.centred .content .inner {

  width: 100%;

  display: table-cell;

  vertical-align: middle;

  text-align: center;

}

.post-content-over-img.centred .content .title {

  max-width: 600px;

  margin: auto;

  line-height: 1.3;

  font-size: 15px;

  text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);

  margin-bottom: 20px;

  margin-top: 10px;

}

.post-content-over-img.centred .content .category-tag {

  font-size: 16px;

  color: #d2d2d2;

}

.post-content-over-img:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 20%, rgba(0, 0, 0, 0.8) 100%);

  z-index: 3;

}



@media screen and (min-width: 768px) {

  .post-content-over-img.centred {

    margin-bottom: 0;

  }

  .post-content-over-img.centred .content .title {

    font-size: 30px;

  }

}

.single-comment {

  position: relative;

  padding-top: 30px;

  padding-bottom: 30px;

  border-bottom: 1px solid #f0f0f0;

  text-align: center;

}

.single-comment p {

  line-height: 1.5;

}

.single-comment .img {

  margin: auto;

  margin-bottom: 15px;

  border-radius: 50%;

  width: 80px;

  height: 80px;

  overflow: hidden;

}

.single-comment .date {

  margin-top: 15px;

}

@media screen and (min-width: 480px) {

  .single-comment {

    text-align: left;

    padding-left: 100px;

  }

  .single-comment .img {

    margin-bottom: 0;

    position: absolute;

    left: 0;

  }

}



.contact-us-page {

  position: relative;

  background: url(/img/main_img.jpg) no-repeat left top;

  background-size: cover;

  text-align: center;

  min-height: 600px;

  padding-top: 100px;

  padding-bottom: 100px;

}

.contact-us-page .title {

  margin-bottom: 60px;

}

.contact-us-page input {

  width: 100%;

}

.contact-us-page input[type="text"], .contact-us-page textarea {

  margin-bottom: 25px;

}

.contact-us-page .form-wrapper {

  max-width: 750px;

  width: 80%;

  background: #fff;

  padding: 50px;

  margin: auto;

}

.contact-us-page .content {

  position: relative;

  z-index: 5;

}

.contact-us-page:after {

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.6);

  position: absolute;

}

@media screen and (min-width: 480px) {

  .contact-us-page input[type="text"] {

    width: 550px;

    margin-right: 2%;

  }

  .contact-us-page input[type="text"]:nth-child(3) {

    margin-right: 0;

  }

}



/*------------------------------------

           Plugins Styles

 -----------------------------------*/

/*----------------------------------

     Theme file

----------------------------------*/

@media screen and (min-width) {

  .header-featured {

    margin-bottom: 90px;

  }

}



.header-grid {

  overflow: hidden;

  margin-bottom: 40px;

}

.header-grid .post-content-over-img {

  margin-bottom: 15px;

}

@media screen and (min-width: 768px) {

  .header-grid .post-content-over-img {

    margin-bottom: 0;

  }

  .header-grid .post-content-over-img.big {

    height: 340px;

  }

  .header-grid .post-content-over-img.wide {

    height: 170px;

  }

  .header-grid .post-content-over-img.small {

    height: 170px;

  }

}



.top-post-wrap {

  margin-top: 40px;

  margin-bottom: 30px;

}

.top-post-wrap .post-content-over-img .content {

  bottom: 20px;

}

.top-post-wrap .post-content-over-img .content .title {

  font-size: 14px;

}

@media screen and (min-width: 480px) {

  .top-post-wrap .post-content-over-img .content .title {

    max-width: 440px;

    font-size: 18px;

  }

}



.single-post-wrap {

  background: #fff;

  padding: 30px;

  box-shadow: 0px 2px 1px 0px #ebebeb;

  border-radius: 5px;

  line-height: 1.7;

  margin-bottom: 40px;

}

.single-post-wrap img {

  margin-bottom: 30px;

  width: 100%;

  height: auto;

}

.single-post-wrap .info {

  margin-bottom: 20px;

}

.single-post-wrap p {

  margin-bottom: 30px;

}

.single-post-wrap .social-media__list li {

  color: #fff;

  height: 40px;

  width: 40px;

  line-height: 40px;

  text-align: center;

  border-radius: 5px;

  margin-right: 8px;

}

.single-post-wrap .social-media__list li a {

  display: block;

}

.single-post-wrap .tags-and-sharing {

  text-align: center;

}

.single-post-wrap .tags-and-sharing .social-media__list {

  margin-bottom: 30px;

}



@media screen and (min-width: 768px) {

  .tags-and-sharing {

    overflow: hidden;

  }

  .tags-and-sharing .social-media__list {

    float: left;

  }

  .tags-and-sharing .tags-list {

    float: right;

  }

}

.slick-header-wrap {

  margin-top: 40px;

  margin-bottom: 0;

}

@media screen and (min-width: 480px) {

  .slick-header-wrap {

    margin-bottom: 40px;

  }

}



.add-comment-wrap {

  margin-top: 30px;

}

.add-comment-wrap .add-comment-form {

  text-align: center;

}

.add-comment-wrap input {

  width: 100%;

}

.add-comment-wrap input, .add-comment-wrap textarea {

  margin-bottom: 25px;

}

@media screen and (min-width: 480px) {

  .add-comment-wrap input[type="text"] {

    width: 31.6%;

    margin-right: 2%;

  }

  .add-comment-wrap input[type="text"]:nth-child(3) {

    margin-right: 0;

  }

}



.page_content {

  margin-top: 40px;

}



.header-grid-container {

  margin-top: 40px;

}


@media screen and (max-width: 600px) {
  .primary-navbar__links {
    visibility: hidden;
    display: none;
  }
}


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