/*--------------------------------------------------------------
This is main CSS file that contains custom style rules used in this template
--------------------------------------------------------------*/

/* Template Name: Revolt */
/* Version: 1.0.0; */
/* Author: PogoThemes */
/* Copyright: PogoThemes */


/*------------------------------------*\
    Revolt - Table of contents
\*------------------------------------*/
/*
1. Normalize
2. Global Styles
  - Clearfix
  - Floating & Alignment
3. Font Face
4. Typography
5. List Styles
6. Divider Styles
7. Image Styles
  - Image with Caption
8. Video Styles
9. Form Styles
10. Button Styles
  - Button Sizes
  - Button Shapes
  - Button with Icons
  - Button Color Scheme
  - Play Buttons
11. Grid Layout
  - Rows
  - Columns
  - Column with Border
  - Responsive Utilities
12. Table Styles
  - Table Style 1
  - Table Style 2
13. Pricing Tables
  - Pricing Table Style 2
14. Site Structure
15. Header
  - Main Logo
  - Responsive Menu Button
  - Mobile Navigation
  - Navigation
16. Hero Section
  - Hero Caption
  - Hero Caption Alignment
  - Hero Mask Overlay
  - Hero Scroll Down
17. General Section / Full Width Section
  - Section Mask Overlay
  - Section Border
  - Section Padding
18. Section Header
19. Sidebars
  - Right Sidebar
  - Left Sidebar
20. Footer
  - Footer Bottom
    -- Copyright
    -- Footer Social
    -- Footer Menu
21. Widget Styles
  - General Widget Styles
  - Sidebar Widget Styles
  - Footer Widget Styles
  - Newsletter Widget
  - Tag Cloud Widget
  - Sidebar Navigation Widget
  - Twitter Widget
    -- Twitter Slider
  - Categories / Archives Widget
  - Search Widget
  - Text Widget
  -  Popular Posts / Recent Posts/ Recent Comments Widget
22. Portfolio Styles
  - General Styles
  - Portfolio Hover Styles
  - Portfolio Grid
  - Portfolio Full Width
  - Portfolio Filter
    -- Filter Drop Down
23. Portfolio Single
  - General Styles
  - Portfolio Extended
  - Portfolio Details
  - Portfolio Navigation
24. Blog Styles
  - Blog Full Width
  - Blog Grid / Latest Post
  - Blog Categories
25. Blog Single Post
  - Single Post Header
  - Single Post Content
    -- Meta Single
    -- Post Tags
    -- Social Share
    -- Author Info
    -- Post Navigation
  - Comments List
  - Comments Form
  - Post Navigation
  - Pagination
  - Load More Button
26. Contact Styles

27. Elements
  - Preloader
  - Testimonials
    -- Testimonials Slider
    -- Testimonials Single Slide
  - Team Section
    -- Team Style 2
    -- Team Style 3
  - Clients Section
    -- Client Columns
  - Social Icons
    -- Social Icon Text
    -- Social Icon Block
    -- Social Icon List
  - Call To Action
  - Icon Boxes
    -- Icon ALignment
    -- Icon Sizes
      --- Small Icon
      --- Medium Icon
      --- Large Icon
      --- xLarge Icon
    -- Icon Box Hover Effect
      --- Icon Effect transparent
      --- Icon Effect solid
    -- Icon Color Scheme
      --- Icon Dark
      --- Icon Light
      --- Icon Accent
      --- Icon Grey
  - Tabs
    -- Vertical tabs
    -- Tabs Style 2
    -- Tabs Style 3
  - Accordion / Toggles
    -- Accordion / Toggles Style 2
  - Notification Boxes
    -- Info Box
    -- Success Box
    -- Error Box
    -- Warning Box
  - Counter
  - Pie Chart
  - Progress Bar
    -- Progress Bar Style 2
  - Social Share
  - Gallery Styles
    -- Gallery Columns
    -- Gallery Slider
    -- Gallery Carousel
  - Utility Classes
    -- Section Color / SHadow
    -- Background Image Position
    -- Padding / Margin / Opacity

28. Plugins
  - Isotope
  - Twitter Feed
  - Slick Slider
  - Magnific Popup
  - Google Map
*/

/*--------------------------------------------------------------
/** 1. Normalize
--------------------------------------------------------------*/
@font-face {
  font-family: 'Abril Fatface';
  src: url('fonts/abrilfatface-regular-webfont.eot');
  src: url('fonts/abrilfatface-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/abrilfatface-regular-webfont.woff2') format('woff2'),
       url('fonts/abrilfatface-regular-webfont.woff') format('woff'),
       url('fonts/abrilfatface-regular-webfont.ttf') format('truetype'),
       url('fonts/abrilfatface-regular-webfont.svg#abril_fatfaceregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

html, body {
  position: relative;
  width: 100%;
  height: 100%;
}
html {
  background-color: #1d1d1d;
  font-size: 100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-weight: 400;
  font-style: normal;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
abbr[title], dfn[title] {
  border-bottom: 0.1rem dotted;
  cursor:help;
}
b, strong {
  font-weight: 600;
  color: #000;
}
dfn {
  font-style: italic;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  font-weight: normal;
  color: #000;
}
small {
  font-size: 80%;
}
big {
  font-size: 125%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, small {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
}
code, kbd, pre, samp {
  font-size: 1em;
  font-family: monospace, monospace;
  word-break: break-all;
  word-wrap: break-word;
}
code {
  background-color: #f9f2f4;
  border-radius: 4px;
  padding: 2px 4px;
  color: #c7254e;
}
pre {
  overflow: auto;
}
blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
}
blockquote, q {
  quotes: "" "";
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  outline: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 0.1rem solid #c0c0c0;
  margin: 0 0.2rem;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
td, th {
  padding: 0;
}

/*--------------------------------------------------------------
/** 2. Global Styles
--------------------------------------------------------------*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
}
body {
  color: #676767;
  font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.6;
}
a {
  color: #c73154;
}
a:hover {
    /*color: #1c9fb8;*/
}
.light a {
  color: #fff;
}
.light a:hover {
  color: inherit;
}
.light b, .light strong {
  color: #fff;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 1.5em;
  padding: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-top: 10px;
  margin-bottom: 0;
}
ul li, ol li {
  margin-bottom: 10px;
  outline: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -0.5rem;
}
.list-inline > li {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
dl {
  margin-top: 0;
  margin-bottom: 2rem;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  outline: 0;
}
figure {
  margin: 0;
}
img {
  display: inline-block;
  border: 0;
  max-width: 100%;
  width: auto\9;/* IE8 Fix */
  height: auto;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
hr {
    margin: 1.15em 0;
    border: 0;
    border-top: 2px solid rgba(0,0,0,0.1);
}
.light hr {
    border-color: rgba(255,255,255,0.4);
}
hr.accent {
  border-color: #c73154;
}
hr.sep {
  width: 15%;
  margin-right: 100%
}
hr.sep-wide {
  width: 30%;
}
.text-center hr,
hr.text-center {
  margin-left: auto;
  margin-right: auto;
}
.text-right hr,
hr.text-right {
  margin-left: auto;
  margin-right: 0;
}
::selection {
  background: rgba(97,97,94,0.4);
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: rgba(97,97,94,0.4);
  color: #fff;
  text-shadow: none;
}
::-webkit-input-placeholder {
  color: #999; /* WebKit browsers */
}
:-moz-placeholder {
  color: #999; /* Mozilla Firefox 4 to 18 */
}
::-moz-placeholder {
  color: #999; /* Mozilla Firefox 19+ */
}
:-ms-input-placeholder {
  color: #999;/* Internet Explorer 10+ */
}
.fade-in-page {
  -webkit-animation: fade-in ease-in-out 1.3s both;
  -moz-animation: fade-in ease-in-out 1.3s both;
  animation: fade-in ease-in-out 1.3s both
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* - Clearfix
------------------------------------------------------------- */
.clearfix::before,
.clearfix::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.row::before,
.row::after,
.general-section::before,
.general-section::after,
.full-width-section::before,
.full-width-section::after,
.tabs::before,
.tabs::after {
  content: "";
  display: table;
  line-height: 0;
}
.clearfix::after,
.container::after,
.container-fluid::after,
.row::after,
.general-section::after,
.full-width-section::after,
.tabs-section::after {
  clear: both;
}
.clearfix,
.col,
.container,
.container-fluid,
.row,
.general-section,
.full-width-section,
.tabs {
  zoom: 1; /* IE < 8 */
}

/* - Floating & Alignment
------------------------------------------------------------- */
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.vertical-align-children {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-direction: row;
  -webkit-flex-direction: row;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .vertical-align-children {
    display: block;
  }
}

/*--------------------------------------------------------------
/** 3. Font Face
--------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot?t0y29j');
  src:url('fonts/icomoon.eot?#iefixt0y29j') format('embedded-opentype'),
    url('fonts/icomoon.woff?t0y29j') format('woff'),
    url('fonts/icomoon.ttf?t0y29j') format('truetype'),
    url('fonts/icomoon.svg?t0y29j#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icomoon';
    src: url('icomoon.svg?t0y29j#icomoon') format('svg');
  }
}

[class^="icomoon-"], [class*="icomoon-"] {
  font-family: "icomoon";
  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;
}

[class^="icomoon-"]::before,
[class*=" icomoon-"]::before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}

.icomoon-500px::before {
  content: "\e600";
}
.icomoon-aim::before {
  content: "\e601";
}
.icomoon-amazon::before {
  content: "\e602";
}
.icomoon-android::before {
  content: "\e603";
}
.icomoon-app-store::before {
  content: "\e604";
}
.icomoon-apple::before {
  content: "\e605";
}
.icomoon-apple-alt::before {
  content: "\e606";
}
.icomoon-baidu::before {
  content: "\e607";
}
.icomoon-basecamp::before {
  content: "\e608";
}
.icomoon-behance::before {
  content: "\e609";
}
.icomoon-bitbucket::before {
  content: "\e60a";
}
.icomoon-blogger::before {
  content: "\e60b";
}
.icomoon-bootstrap::before {
  content: "\e60c";
}
.icomoon-chrome::before {
  content: "\e60d";
}
.icomoon-codepen::before {
  content: "\e60e";
}
.icomoon-css3::before {
  content: "\e60f";
}
.icomoon-delicious::before {
  content: "\e610";
}
.icomoon-deviantart::before {
  content: "\e611";
}
.icomoon-digg::before {
  content: "\e612";
}
.icomoon-dribbble::before {
  content: "\e613";
}
.icomoon-dropbox::before {
  content: "\e614";
}
.icomoon-drupal::before {
  content: "\e615";
}
.icomoon-ebay::before {
  content: "\e616";
}
.icomoon-edge::before {
  content: "\e617";
}
.icomoon-etsy::before {
  content: "\e618";
}
.icomoon-evernote::before {
  content: "\e619";
}
.icomoon-facebook::before {
  content: "\e61a";
}
.icomoon-firefox::before {
  content: "\e61b";
}
.icomoon-flickr::before {
  content: "\e61c";
}
.icomoon-flickr-alt::before {
  content: "\e61d";
}
.icomoon-foursquare::before {
  content: "\e61e";
}
.icomoon-git::before {
  content: "\e61f";
}
.icomoon-github::before {
  content: "\e620";
}
.icomoon-github-alt::before {
  content: "\e621";
}
.icomoon-google::before {
  content: "\e622";
}
.icomoon-google-drive::before {
  content: "\e623";
}
.icomoon-google-play::before {
  content: "\e624";
}
.icomoon-google-plus::before {
  content: "\e625";
}
.icomoon-html5::before {
  content: "\e626";
}
.icomoon-ie::before {
  content: "\e627";
}
.icomoon-instagram::before {
  content: "\e628";
}
.icomoon-instagram-alt::before {
  content: "\e629";
}
.icomoon-joomla::before {
  content: "\e62a";
}
.icomoon-jsfiddle::before {
  content: "\e62b";
}
.icomoon-lanyrd::before {
  content: "\e62c";
}
.icomoon-lastfm::before {
  content: "\e62d";
}
.icomoon-linkedin::before {
  content: "\e62e";
}
.icomoon-linux::before {
  content: "\e62f";
}
.icomoon-magento::before {
  content: "\e630";
}
.icomoon-medium::before {
  content: "\e631";
}
.icomoon-myspace::before {
  content: "\e632";
}
.icomoon-odnolassniki::before {
  content: "\e633";
}
.icomoon-openid::before {
  content: "\e634";
}
.icomoon-opera::before {
  content: "\e635";
}
.icomoon-paypal::before {
  content: "\e636";
}
.icomoon-pinterest::before {
  content: "\e637";
}
.icomoon-pinterest-alt::before {
  content: "\e638";
}
.icomoon-pocket::before {
  content: "\e639";
}
.icomoon-qq::before {
  content: "\e63a";
}
.icomoon-qzone::before {
  content: "\e63b";
}
.icomoon-reddit::before {
  content: "\e63c";
}
.icomoon-reddit-alt::before {
  content: "\e63d";
}
.icomoon-renren::before {
  content: "\e63e";
}
.icomoon-rss::before {
  content: "\e63f";
}
.icomoon-safari::before {
  content: "\e640";
}
.icomoon-safari-alt::before {
  content: "\e641";
}
.icomoon-sass::before {
  content: "\e642";
}
.icomoon-share::before {
  content: "\e643";
}
.icomoon-share-alt::before {
  content: "\e644";
}
.icomoon-skype::before {
  content: "\e645";
}
.icomoon-skype-alt::before {
  content: "\e646";
}
.icomoon-slack::before {
  content: "\e647";
}
.icomoon-slideshare::before {
  content: "\e648";
}
.icomoon-shapchat::before {
  content: "\e649";
}
.icomoon-shapchat-alt::before {
  content: "\e64a";
}
.icomoon-soundcloud::before {
  content: "\e64b";
}
.icomoon-spotify::before {
  content: "\e64c";
}
.icomoon-stack-exchange::before {
  content: "\e64d";
}
.icomoon-stack-overflow::before {
  content: "\e64e";
}
.icomoon-steam::before {
  content: "\e64f";
}
.icomoon-stumbleupon::before {
  content: "\e650";
}
.icomoon-tencent-weibo::before {
  content: "\e651";
}
.icomoon-tumblr::before {
  content: "\e652";
}
.icomoon-translate::before {
  content: "\e653";
}
.icomoon-translate-alt::before {
  content: "\e654";
}
.icomoon-trello::before {
  content: "\e655";
}
.icomoon-twitch::before {
  content: "\e656";
}
.icomoon-twitter::before {
  content: "\e657";
}
.icomoon-twitter-alt::before {
  content: "\e658";
}
.icomoon-ubuntu::before {
  content: "\e659";
}
.icomoon-viadeo::before {
  content: "\e65a";
}
.icomoon-vimeo::before {
  content: "\e65b";
}
.icomoon-vimeo-alt::before {
  content: "\e65c";
}
.icomoon-vine::before {
  content: "\e65d";
}
.icomoon-vk::before {
  content: "\e65e";
}
.icomoon-wechat::before {
  content: "\e65f";
}
.icomoon-weibo::before {
  content: "\e660";
}
.icomoon-wikipedia::before {
  content: "\e661";
}
.icomoon-whatsapp::before {
  content: "\e662";
}
.icomoon-windows::before {
  content: "\e663";
}
.icomoon-windows-alt::before {
  content: "\e664";
}
.icomoon-wordpress::before {
  content: "\e665";
}
.icomoon-wordpress-alt::before {
  content: "\e666";
}
.icomoon-wordpress-alt-2::before {
  content: "\e667";
}
.icomoon-xing::before {
  content: "\e668";
}
.icomoon-yahoo::before {
  content: "\e669";
}
.icomoon-yelp::before {
  content: "\e66a";
}
.icomoon-youtube::before {
  content: "\e66b";
}
.icomoon-youtube-alt::before {
  content: "\e66c";
}
.icomoon-fingerprint::before {
  content: "\e66d";
}
.icomoon-user-female::before {
  content: "\e66e";
}
.icomoon-user::before {
  content: "\e66f";
}
.icomoon-users::before {
  content: "\e670";
}
.icomoon-user-follow::before {
  content: "\e671";
}
.icomoon-user-following::before {
  content: "\e672";
}
.icomoon-user-unfollow::before {
  content: "\e673";
}
.icomoon-trophy::before {
  content: "\e674";
}
.icomoon-screen-smartphone::before {
  content: "\e675";
}
.icomoon-screen-tablet::before {
  content: "\e676";
}
.icomoon-screen-desktop::before {
  content: "\e677";
}
.icomoon-screen-desktop-mobile::before {
  content: "\e678";
}
.icomoon-screen-laptop::before {
  content: "\e679";
}
.icomoon-plane::before {
  content: "\e67a";
}
.icomoon-basketball::before {
  content: "\e67b";
}
.icomoon-notebook::before {
  content: "\e67c";
}
.icomoon-address-book::before {
  content: "\e67d";
}
.icomoon-watch::before {
  content: "\e67e";
}
.icomoon-clock::before {
  content: "\e67f";
}
.icomoon-clock-alt::before {
  content: "\e680";
}
.icomoon-timer::before {
  content: "\e681";
}
.icomoon-stop-watch::before {
  content: "\e682";
}
.icomoon-moustache::before {
  content: "\e683";
}
.icomoon-mouse::before {
  content: "\e684";
}
.icomoon-magnet::before {
  content: "\e685";
}
.icomoon-ticket::before {
  content: "\e686";
}
.icomoon-energy::before {
  content: "\e687";
}
.icomoon-filter::before {
  content: "\e688";
}
.icomoon-emoticon-smile::before {
  content: "\e689";
}
.icomoon-at::before {
  content: "\e68a";
}
.icomoon-copyright::before {
  content: "\e68b";
}
.icomoon-disc::before {
  content: "\e68c";
}
.icomoon-paint-roller::before {
  content: "\e68d";
}
.icomoon-brush::before {
  content: "\e68e";
}
.icomoon-cursor-move::before {
  content: "\e68f";
}
.icomoon-power-off::before {
  content: "\e690";
}
.icomoon-todolist::before {
  content: "\e691";
}
.icomoon-todolist-add::before {
  content: "\e692";
}
.icomoon-todolist-check::before {
  content: "\e693";
}
.icomoon-receipt::before {
  content: "\e694";
}
.icomoon-crop::before {
  content: "\e695";
}
.icomoon-credit-card::before {
  content: "\e696";
}
.icomoon-visa::before {
  content: "\e697";
}
.icomoon-master-card::before {
  content: "\e698";
}
.icomoon-discover::before {
  content: "\e699";
}
.icomoon-american-express::before {
  content: "\e69a";
}
.icomoon-paypal-alt::before {
  content: "\e69b";
}
.icomoon-stripe::before {
  content: "\e69c";
}
.icomoon-google-wallet::before {
  content: "\e69d";
}
.icomoon-bill::before {
  content: "\e69e";
}
.icomoon-bills::before {
  content: "\e69f";
}
.icomoon-plug::before {
  content: "\e6a0";
}
.icomoon-clip::before {
  content: "\e6a1";
}
.icomoon-files::before {
  content: "\e6a2";
}
.icomoon-file::before {
  content: "\e6a3";
}
.icomoon-zip-file::before {
  content: "\e6a4";
}
.icomoon-chemistry::before {
  content: "\e6a5";
}
.icomoon-target::before {
  content: "\e6a6";
}
.icomoon-target-alt::before {
  content: "\e6a7";
}
.icomoon-speedometer::before {
  content: "\e6a8";
}
.icomoon-scissor::before {
  content: "\e6a9";
}
.icomoon-announcement::before {
  content: "\e6aa";
}
.icomoon-social-youtube::before {
  content: "\e6ab";
}
.icomoon-social-twitter::before {
  content: "\e6ac";
}
.icomoon-social-tumblr::before {
  content: "\e6ad";
}
.icomoon-social-facebook::before {
  content: "\e6ae";
}
.icomoon-social-dropbox::before {
  content: "\e6af";
}
.icomoon-social-dribbble::before {
  content: "\e6b0";
}
.icomoon-shield::before {
  content: "\e6b1";
}
.icomoon-pulse::before {
  content: "\e6b2";
}
.icomoon-magic-wand::before {
  content: "\e6b3";
}
.icomoon-haredrives::before {
  content: "\e6b4";
}
.icomoon-harddrive::before {
  content: "\e6b5";
}
.icomoon-upload::before {
  content: "\e6b6";
}
.icomoon-download::before {
  content: "\e6b7";
}
.icomoon-circle::before {
  content: "\e6b8";
}
.icomoon-circle-alt::before {
  content: "\e6b9";
}
.icomoon-recycle::before {
  content: "\e6ba";
}
.icomoon-recycle-alt::before {
  content: "\e6bb";
}
.icomoon-floppy::before {
  content: "\e6bc";
}
.icomoon-floppy-alt::before {
  content: "\e6bd";
}
.icomoon-lamp::before {
  content: "\e6be";
}
.icomoon-table-lamp::before {
  content: "\e6bf";
}
.icomoon-flag::before {
  content: "\e6c0";
}
.icomoon-hourglass::before {
  content: "\e6c1";
}
.icomoon-graduation::before {
  content: "\e6c2";
}
.icomoon-ghost::before {
  content: "\e6c3";
}
.icomoon-game-controller::before {
  content: "\e6c4";
}
.icomoon-infinite::before {
  content: "\e6c5";
}
.icomoon-bluetooth::before {
  content: "\e6c6";
}
.icomoon-wheelchair::before {
  content: "\e6c7";
}
.icomoon-bank::before {
  content: "\e6c8";
}
.icomoon-home::before {
  content: "\e6c9";
}
.icomoon-home-alt::before {
  content: "\e6ca";
}
.icomoon-legal::before {
  content: "\e6cb";
}
.icomoon-scale::before {
  content: "\e6cc";
}
.icomoon-newspaper::before {
  content: "\e6cd";
}
.icomoon-fire::before {
  content: "\e6ce";
}
.icomoon-eyeglass::before {
  content: "\e6cf";
}
.icomoon-sunny::before {
  content: "\e6d0";
}
.icomoon-cloudy::before {
  content: "\e6d1";
}
.icomoon-variable::before {
  content: "\e6d2";
}
.icomoon-rainy::before {
  content: "\e6d3";
}
.icomoon-waterfall::before {
  content: "\e6d4";
}
.icomoon-stormy::before {
  content: "\e6d5";
}
.icomoon-envelope::before {
  content: "\e6d6";
}
.icomoon-envelope-alt::before {
  content: "\e6d7";
}
.icomoon-envelope-open::before {
  content: "\e6d8";
}
.icomoon-envelope-letter::before {
  content: "\e6d9";
}
.icomoon-id-card::before {
  content: "\e6da";
}
.icomoon-bell::before {
  content: "\e6db";
}
.icomoon-battery-1::before {
  content: "\e6dc";
}
.icomoon-battery-2::before {
  content: "\e6dd";
}
.icomoon-battery-3::before {
  content: "\e6de";
}
.icomoon-battery-4::before {
  content: "\e6df";
}
.icomoon-badge::before {
  content: "\e6e0";
}
.icomoon-badge-1-place::before {
  content: "\e6e1";
}
.icomoon-badge-star::before {
  content: "\e6e2";
}
.icomoon-medal-1-place::before {
  content: "\e6e3";
}
.icomoon-medal-star::before {
  content: "\e6e4";
}
.icomoon-anchor::before {
  content: "\e6e5";
}
.icomoon-wallet::before {
  content: "\e6e6";
}
.icomoon-paper-pen::before {
  content: "\e6e7";
}
.icomoon-paper-pencil::before {
  content: "\e6e8";
}
.icomoon-paper-sheet::before {
  content: "\e6e9";
}
.icomoon-pen-pencil-ruler::before {
  content: "\e6ea";
}
.icomoon-ellipsis::before {
  content: "\e6eb";
}
.icomoon-ellipsis-alt::before {
  content: "\e6ec";
}
.icomoon-keypad::before {
  content: "\e6ed";
}
.icomoon-grid-4::before {
  content: "\e6ee";
}
.icomoon-grid-3::before {
  content: "\e6ef";
}
.icomoon-grid-4-alt::before {
  content: "\e6f0";
}
.icomoon-grid-3-alt::before {
  content: "\e6f1";
}
.icomoon-colors::before {
  content: "\e6f2";
}
.icomoon-vector::before {
  content: "\e6f3";
}
.icomoon-comment::before {
  content: "\e6f4";
}
.icomoon-comment-alt::before {
  content: "\e6f5";
}
.icomoon-comment-alt-2::before {
  content: "\e6f6";
}
.icomoon-comments::before {
  content: "\e6f7";
}
.icomoon-speech-bubble::before {
  content: "\e6f8";
}
.icomoon-speech-bubble-alt::before {
  content: "\e6f9";
}
.icomoon-speech-bubble-alt-2::before {
  content: "\e6fa";
}
.icomoon-speech-bubbles::before {
  content: "\e6fb";
}
.icomoon-puzzle::before {
  content: "\e6fc";
}
.icomoon-printer::before {
  content: "\e6fd";
}
.icomoon-present::before {
  content: "\e6fe";
}
.icomoon-fast-food::before {
  content: "\e6ff";
}
.icomoon-wine::before {
  content: "\e700";
}
.icomoon-dish-fork::before {
  content: "\e701";
}
.icomoon-dish-spoon::before {
  content: "\e702";
}
.icomoon-cutlery::before {
  content: "\e703";
}
.icomoon-pin::before {
  content: "\e704";
}
.icomoon-picture::before {
  content: "\e705";
}
.icomoon-pictures::before {
  content: "\e706";
}
.icomoon-map::before {
  content: "\e707";
}
.icomoon-map-alt::before {
  content: "\e708";
}
.icomoon-layers::before {
  content: "\e709";
}
.icomoon-layers-alt::before {
  content: "\e70a";
}
.icomoon-layers-alt-2::before {
  content: "\e70b";
}
.icomoon-handbag::before {
  content: "\e70c";
}
.icomoon-handbag-alt::before {
  content: "\e70d";
}
.icomoon-bag::before {
  content: "\e70e";
}
.icomoon-bag-alt::before {
  content: "\e70f";
}
.icomoon-cart::before {
  content: "\e710";
}
.icomoon-cart-alt::before {
  content: "\e711";
}
.icomoon-cart-alt-2::before {
  content: "\e712";
}
.icomoon-cart-loaded::before {
  content: "\e713";
}
.icomoon-cart-empty::before {
  content: "\e714";
}
.icomoon-basket::before {
  content: "\e715";
}
.icomoon-basket-alt::before {
  content: "\e716";
}
.icomoon-basket-alt-2::before {
  content: "\e717";
}
.icomoon-buy::before {
  content: "\e718";
}
.icomoon-shop-open::before {
  content: "\e719";
}
.icomoon-shop-close::before {
  content: "\e71a";
}
.icomoon-offer-new::before {
  content: "\e71b";
}
.icomoon-offer-discount::before {
  content: "\e71c";
}
.icomoon-tag-sale::before {
  content: "\e71d";
}
.icomoon-tag-discount::before {
  content: "\e71e";
}
.icomoon-tag::before {
  content: "\e71f";
}
.icomoon-coins::before {
  content: "\e720";
}
.icomoon-euro::before {
  content: "\e721";
}
.icomoon-euro-alt::before {
  content: "\e722";
}
.icomoon-dollar::before {
  content: "\e723";
}
.icomoon-dollar-alt::before {
  content: "\e724";
}
.icomoon-pound::before {
  content: "\e725";
}
.icomoon-inr::before {
  content: "\e726";
}
.icomoon-jyp::before {
  content: "\e727";
}
.icomoon-rouble::before {
  content: "\e728";
}
.icomoon-won::before {
  content: "\e729";
}
.icomoon-bitcoin::before {
  content: "\e72a";
}
.icomoon-turkish-lira::before {
  content: "\e72b";
}
.icomoon-server::before {
  content: "\e72c";
}
.icomoon-globe-alt::before {
  content: "\e72d";
}
.icomoon-globe::before {
  content: "\e72e";
}
.icomoon-domain::before {
  content: "\e72f";
}
.icomoon-network::before {
  content: "\e730";
}
.icomoon-frame::before {
  content: "\e731";
}
.icomoon-folder-alt::before {
  content: "\e732";
}
.icomoon-film::before {
  content: "\e733";
}
.icomoon-video-clapper::before {
  content: "\e734";
}
.icomoon-feed::before {
  content: "\e735";
}
.icomoon-quote-left::before {
  content: "\e736";
}
.icomoon-quote-right::before {
  content: "\e737";
}
.icomoon-quotes-left-alt::before {
  content: "\e738";
}
.icomoon-quotes-right-alt::before {
  content: "\e739";
}
.icomoon-earphones-alt::before {
  content: "\e73a";
}
.icomoon-earphones::before {
  content: "\e73b";
}
.icomoon-drop::before {
  content: "\e73c";
}
.icomoon-drawer::before {
  content: "\e73d";
}
.icomoon-docs::before {
  content: "\e73e";
}
.icomoon-directions::before {
  content: "\e73f";
}
.icomoon-direction::before {
  content: "\e740";
}
.icomoon-diamond::before {
  content: "\e741";
}
.icomoon-cup::before {
  content: "\e742";
}
.icomoon-cocktail::before {
  content: "\e743";
}
.icomoon-whiskey::before {
  content: "\e744";
}
.icomoon-compass::before {
  content: "\e745";
}
.icomoon-call-out::before {
  content: "\e746";
}
.icomoon-call-in::before {
  content: "\e747";
}
.icomoon-call-end::before {
  content: "\e748";
}
.icomoon-ruler::before {
  content: "\e749";
}
.icomoon-ruler-alt::before {
  content: "\e74a";
}
.icomoon-calculator::before {
  content: "\e74b";
}
.icomoon-bubble::before {
  content: "\e74c";
}
.icomoon-bubbles::before {
  content: "\e74d";
}
.icomoon-briefcase::before {
  content: "\e74e";
}
.icomoon-book-open::before {
  content: "\e74f";
}
.icomoon-cut::before {
  content: "\e750";
}
.icomoon-action-undo::before {
  content: "\e751";
}
.icomoon-action-redo::before {
  content: "\e752";
}
.icomoon-wrench::before {
  content: "\e753";
}
.icomoon-umbrella::before {
  content: "\e754";
}
.icomoon-trash::before {
  content: "\e755";
}
.icomoon-support::before {
  content: "\e756";
}
.icomoon-size-fullscreen::before {
  content: "\e757";
}
.icomoon-size-actual::before {
  content: "\e758";
}
.icomoon-enlarge::before {
  content: "\e759";
}
.icomoon-shrink::before {
  content: "\e75a";
}
.icomoon-shuffle::before {
  content: "\e75b";
}
.icomoon-share-alt-2::before {
  content: "\e75c";
}
.icomoon-rocket::before {
  content: "\e75d";
}
.icomoon-pie-chart::before {
  content: "\e75e";
}
.icomoon-pencil::before {
  content: "\e75f";
}
.icomoon-pencil-alt::before {
  content: "\e760";
}
.icomoon-pencil-alt-2::before {
  content: "\e761";
}
.icomoon-eraser::before {
  content: "\e762";
}
.icomoon-note::before {
  content: "\e763";
}
.icomoon-market::before {
  content: "\e764";
}
.icomoon-marker-alt::before {
  content: "\e765";
}
.icomoon-embed::before {
  content: "\e766";
}
.icomoon-console::before {
  content: "\e767";
}
.icomoon-music-tone-alt::before {
  content: "\e768";
}
.icomoon-music-tone::before {
  content: "\e769";
}
.icomoon-playlist::before {
  content: "\e76a";
}
.icomoon-microphone::before {
  content: "\e76b";
}
.icomoon-microphone-alt::before {
  content: "\e76c";
}
.icomoon-loop::before {
  content: "\e76d";
}
.icomoon-logout::before {
  content: "\e76e";
}
.icomoon-login::before {
  content: "\e76f";
}
.icomoon-align-left::before {
  content: "\e770";
}
.icomoon-align-right::before {
  content: "\e771";
}
.icomoon-align-center::before {
  content: "\e772";
}
.icomoon-align-justify::before {
  content: "\e773";
}
.icomoon-indent-increase::before {
  content: "\e774";
}
.icomoon-indent-decrease::before {
  content: "\e775";
}
.icomoon-uppercase::before {
  content: "\e776";
}
.icomoon-smallcaps::before {
  content: "\e777";
}
.icomoon-strikethrough::before {
  content: "\e778";
}
.icomoon-superscript::before {
  content: "\e779";
}
.icomoon-subscript::before {
  content: "\e77a";
}
.icomoon-underline::before {
  content: "\e77b";
}
.icomoon-paragraph::before {
  content: "\e77c";
}
.icomoon-paragraph-alt::before {
  content: "\e77d";
}
.icomoon-list-square::before {
  content: "\e77e";
}
.icomoon-list-square-alt::before {
  content: "\e77f";
}
.icomoon-list-bullet::before {
  content: "\e780";
}
.icomoon-list-numbered::before {
  content: "\e781";
}
.icomoon-layout-2-col::before {
  content: "\e782";
}
.icomoon-layout-3-col::before {
  content: "\e783";
}
.icomoon-layout-grid-2::before {
  content: "\e784";
}
.icomoon-layout-grid-3::before {
  content: "\e785";
}
.icomoon-browser::before {
  content: "\e786";
}
.icomoon-website::before {
  content: "\e787";
}
.icomoon-website-alt::before {
  content: "\e788";
}
.icomoon-like::before {
  content: "\e789";
}
.icomoon-dislike::before {
  content: "\e78a";
}
.icomoon-grid::before {
  content: "\e78b";
}
.icomoon-graph::before {
  content: "\e78c";
}
.icomoon-graph-up::before {
  content: "\e78d";
}
.icomoon-graph-down::before {
  content: "\e78e";
}
.icomoon-board-graph::before {
  content: "\e78f";
}
.icomoon-equalizer::before {
  content: "\e790";
}
.icomoon-cursor::before {
  content: "\e791";
}
.icomoon-control-start::before {
  content: "\e792";
}
.icomoon-control-rewind::before {
  content: "\e793";
}
.icomoon-control-play::before {
  content: "\e794";
}
.icomoon-control-pause::before {
  content: "\e795";
}
.icomoon-control-forward::before {
  content: "\e796";
}
.icomoon-control-end::before {
  content: "\e797";
}
.icomoon-play::before {
  content: "\e798";
}
.icomoon-calendar::before {
  content: "\e799";
}
.icomoon-bulb::before {
  content: "\e79a";
}
.icomoon-bar-chart::before {
  content: "\e79b";
}
.icomoon-bar-chart-alt::before {
  content: "\e79c";
}
.icomoon-arrow-circle-up::before {
  content: "\e79d";
}
.icomoon-arrow-circle-right::before {
  content: "\e79e";
}
.icomoon-arrow-circle-left::before {
  content: "\e79f";
}
.icomoon-arrow-circle-down::before {
  content: "\e7a0";
}
.icomoon-angle-up::before {
  content: "\e7a1";
}
.icomoon-angle-right::before {
  content: "\e7a2";
}
.icomoon-angle-left::before {
  content: "\e7a3";
}
.icomoon-angle-down::before {
  content: "\e7a4";
}
.icomoon-arrow-up::before {
  content: "\e7a5";
}
.icomoon-arrow-right::before {
  content: "\e7a6";
}
.icomoon-arrow-left::before {
  content: "\e7a7";
}
.icomoon-arrow-down::before {
  content: "\e7a8";
}
.icomoon-export::before {
  content: "\e7a9";
}
.icomoon-import::before {
  content: "\e7aa";
}
.icomoon-camcorder::before {
  content: "\e7ab";
}
.icomoon-video-cam::before {
  content: "\e7ac";
}
.icomoon-camera::before {
  content: "\e7ad";
}
.icomoon-camera-alt::before {
  content: "\e7ae";
}
.icomoon-ban::before {
  content: "\e7af";
}
.icomoon-check::before {
  content: "\e7b0";
}
.icomoon-plus::before {
  content: "\e7b1";
}
.icomoon-minus::before {
  content: "\e7b2";
}
.icomoon-close::before {
  content: "\e7b3";
}
.icomoon-help::before {
  content: "\e7b4";
}
.icomoon-info::before {
  content: "\e7b5";
}
.icomoon-warning::before {
  content: "\e7b6";
}
.icomoon-check-alt::before {
  content: "\e7b7";
}
.icomoon-plus-alt::before {
  content: "\e7b8";
}
.icomoon-minus-alt::before {
  content: "\e7b9";
}
.icomoon-close-alt::before {
  content: "\e7ba";
}
.icomoon-question::before {
  content: "\e7bb";
}
.icomoon-question-alt::before {
  content: "\e7bc";
}
.icomoon-cloud-upload::before {
  content: "\e7bd";
}
.icomoon-cloud-download::before {
  content: "\e7be";
}
.icomoon-doc::before {
  content: "\e7bf";
}
.icomoon-eye::before {
  content: "\e7c0";
}
.icomoon-flag2::before {
  content: "\e7c1";
}
.icomoon-folder::before {
  content: "\e7c2";
}
.icomoon-heart::before {
  content: "\e7c3";
}
.icomoon-heart-alt::before {
  content: "\e7c4";
}
.icomoon-heart-beat::before {
  content: "\e7c5";
}
.icomoon-key::before {
  content: "\e7c6";
}
.icomoon-link::before {
  content: "\e7c7";
}
.icomoon-link-alt::before {
  content: "\e7c8";
}
.icomoon-lock::before {
  content: "\e7c9";
}
.icomoon-lock-open::before {
  content: "\e7ca";
}
.icomoon-search2::before {
  content: "\e7cb";
}
.icomoon-search::before {
  content: "\e7cc";
}
.icomoon-magnifier::before {
  content: "\e7cd";
}
.icomoon-magnifier-add::before {
  content: "\e7ce";
}
.icomoon-magnifier-remove::before {
  content: "\e7cf";
}
.icomoon-paper-clip::before {
  content: "\e7d0";
}
.icomoon-paper-plane::before {
  content: "\e7d1";
}
.icomoon-map-pin::before {
  content: "\e7d2";
}
.icomoon-power::before {
  content: "\e7d3";
}
.icomoon-refresh::before {
  content: "\e7d4";
}
.icomoon-reload::before {
  content: "\e7d5";
}
.icomoon-settings::before {
  content: "\e7d6";
}
.icomoon-settings-alt::before {
  content: "\e7d7";
}
.icomoon-star::before {
  content: "\e7d8";
}
.icomoon-symbol-female::before {
  content: "\e7d9";
}
.icomoon-symbol-male::before {
  content: "\e7da";
}
.icomoon-target2::before {
  content: "\e7db";
}
.icomoon-volume::before {
  content: "\e7dc";
}
.icomoon-volume-alt::before {
  content: "\e7dd";
}
.icomoon-volume-off::before {
  content: "\e7de";
}
.icomoon-cycle-alt::before {
  content: "\e7df";
}
.icomoon-motorcycle::before {
  content: "\e7e0";
}
.icomoon-truck::before {
  content: "\e7e1";
}
.icomoon-truck-alt::before {
  content: "\e7e2";
}
.icomoon-truck-alt-2::before {
  content: "\e7e3";
}
.icomoon-bus::before {
  content: "\e7e4";
}
.icomoon-ship::before {
  content: "\e7e5";
}
.icomoon-boat::before {
  content: "\e7e6";
}
.icomoon-car::before {
  content: "\e7e7";
}
.icomoon-car-alt::before {
  content: "\e7e8";
}
.icomoon-cab::before {
  content: "\e7e9";
}
.icomoon-subway::before {
  content: "\e7ea";
}
.icomoon-train::before {
  content: "\e7eb";
}

/*--------------------------------------------------------------
/** 4. Typography
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Abril Fatface","Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #222;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 8px;
}
h5, h6 {
  letter-spacing: 1px;
}
h1, .h1 {
  font-size: 40px;
  line-height: 1.2;
}
h2, .h2 {
  font-size: 36px;
  line-height: 1.25;
}
h3, .h3 {
  font-size: 30px;
  line-height: 1.3;
}
h4, .h4 {
  font-size: 24px;
  line-height: 1.35;
}
h5, .h5 {
  font-size: 18px;
  line-height: 1.5;
}
h6, .h6 {
  font-size: 14px;
  line-height: 1.4;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 75%;
  /*line-height: 0*/
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light span, .light div, .light ul {
  color: #fff;
}
h1.light, h2.light, h3.light, h4.light, h5.light, h6.light {
  font-weight: 300;
}
h1.text-uppercase, h2.text-uppercase, h3.text-uppercase, h4.text-uppercase {
  letter-spacing: -0.05em;
}
h5.text-uppercase, h6.text-uppercase {
  letter-spacing: 1.3px;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color: #e5e5e5;
}
h1.light a,
h2.light a,
h3.light a,
h4.light a,
h5.light a,
h6.light a {
  color: #222;
}
.light h1.light a,
.light h2.light a,
.light h3.light a,
.light h4.light a,
.light h5.light a,
.light h6.light a {
  color: #fff;
}
h1.light a:hover,
h2.light a:hover,
h3.light a:hover,
h4.light a:hover,
h5.light a:hover,
h6.light a:hover {
  color: #23527c;
}
.light h1.light a:hover,
.light h2.light a:hover,
.light h3.light a:hover,
.light h4.light a:hover,
.light h5.light a:hover,
.light h6.light a:hover {
  color: #fff;
}
a.link {
  border-bottom: 1px dotted #e5e5e5;
  padding: 4px 0 2px;
  font-size: 13px;
  font-weight: 600;
  color: #101010;
}
a.link:hover {
  color: #c73154;
  border-color: #c73154;
}
a.link-more {
  position: relative;
  padding: 3px 30px 4px 0;
  color: #c73154;
}
.light a.link-more {
  color: #fff;
}
a.link-more::before {
  content: '\e7a6';
  position: absolute;
  top: 2px;
  right: 6px;
  font-family: "icomoon";
  font-size: 14px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a.link-more:hover::before {
  right: 0;
}
span a.link {
  margin-left: 10px;
}
p {
  margin: 0 0 .75em;
}
p, ul, ol, dl, table, fieldset, blockquote, address, pre {
  margin-bottom: 25px;
}
p:empty {
  display: none;
}
p.light {
  font-weight: 300;
}
small {
  font-size: 85%;
}
mark {
  background-color: #fcf8e3;
  padding: 0.28rem;
}
dfn, cite, em, i {
  font-style: italic;
}
blockquote {
  font-size: 1.8rem;
  line-height: 1.9;
  color: #333;
}
blockquote {
  background: none;
  position: relative;
  border-left: 0.2em solid #c73154;
  margin-top: 20px;
  margin-left: 0;
  padding: 0 0 0 1.25em;
  font-size: 115%;
  line-height: 1.6em;
  font-weight: normal;
  color: rgba(0,0,0,0.9);
}
blockquote p,
blockquote.align-right p,
blockquote.align-left p,
blockquote.pull-right p,
blockquote.pull-left p {
  margin: 0;
}
blockquote cite {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  font-style: italic;
  line-height: 1.2em;
  color: #999;
}
blockquote.align-left,
blockquote.pull-left {
  float: left;
  margin: 20px 30px 20px 0;
  width: 40%;
}
blockquote.align-right,
blockquote.pull-right {
  float: right;
  margin: 20px 0 20px 30px;
  width: 40%;
}
blockquote cite::before {
  background-color: #c73154;
  content: "";
  display: inline-block;
  margin-top: -3px;
  margin-right: 12px;
  width: 18px;
  height: 2px;
  vertical-align: middle;
}

@media only screen and (max-width: 768px) {
  blockquote.align-left,
  blockquote.pull-left,
  blockquote.align-right,
  blockquote.pull-right {
    float: none;
    margin: 20px 30px 20px 0;
    width: 100%;
  }
}

pre {
  background-color: #eee;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #fafafa), color-stop(50%, #f1f1f1));
  background-image: -webkit-linear-gradient(#fafafa 50%, #f1f1f1 50%);
  background-image: -moz-linear-gradient(#fafafa 50%, #f1f1f1 50%);
  background-image: -o-linear-gradient(#fafafa 50%, #f1f1f1 50%);
  background-image: linear-gradient(#fafafa 50%,#f1f1f1 50%);
  -moz-background-size: 3.8rem 3.8rem;
  background-size: 4rem 4rem;
  display: block;
  overflow: visible;
  overflow-y: hidden;
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.2rem;
  margin: 3rem 0;
  padding: 0 2rem;
  font-size: 1.2rem;
  line-height: 2rem;
}
code, kbd, tt, var {
  font-size: 1.2rem;
}
abbr, acronym {
  border-bottom: 0.1px dotted #666;
  cursor: help;
}
.dropcap {
  float: left;
  display: inline-block;
  margin: 8px 10px -8px 0;
  font-family:"Poppins", "Times New Roman", serif;
  font-size: 550%;
  font-weight: 500;
  text-align: center;
  line-height: .8em;
  color: #222;
}
.text-lead .dropcap {
  line-height: 1;
}
.dropcap::first-letter {
  text-transform: uppercase;
}
.highlight {
  background-color: #c73154;
  color: #fff;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 90%;
  font-weight: normal;
  text-transform: none;
}
.highlight.light {
  background: #ffff99;
  color: #222;
}
.highlight.dark {
  background: #101010;
}
.colored {
  color: #c73154 !important;
}
.colored-light {
  color: rgba(0,0,0,0.4) !important;
}
.light .colored-light {
  color: rgba(255,255,255,0.5) !important;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-lead {
  font-size: 140%;
  line-height: 1.5em;
}
.text-muted {
  color: #777777;
}
.text-pri {
  color: #c73154;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

@media only screen and (max-width: 480px) {
  .text-lead {
    font-size: 125%;
  }
}

/*--------------------------------------------------------------
/** 5. List Styles
--------------------------------------------------------------*/
ul.list-style {
  list-style-type: none;
  margin-left: 0;
}
ul.list-style li:last-child {
  margin-bottom: 0;
}
ul.list-divider li,
ol.list-divider li {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding-bottom: 10px;
}
.light ul.list-divider li,
.light ol.list-divider li {
  border-bottom: 1px solid rgba(255,255,255,.2);
}
ul.style-medium li,
ol.style-medium li,
ul.style-large li,
ol.style-large li {
  margin-bottom: 25px;
}
ul.style-medium.list-divider li,
ol.style-medium.list-divider li,
ul.style-large.list-divider li,
ol.style-large.list-divider li {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
ul.list-divider li:last-child,
ol.list-divider li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
ul li > p,
ol li > p {
  margin-bottom: 0;
}
.list-style li i {
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 10px;
  width: 18px;
  line-height: inherit;
  font-size: 16px;
  text-align: center;
  color: #c73154;
  vertical-align: middle;
}
.light .list-style li i {
  color: #fff;
}
ol.ordered-list {
  list-style-position: outside;
  margin-left: 0px;
  padding-left: 0;
}
ol.ordered-list {
  list-style-type: none;
}
ol.ordered-list li  {
  position: relative;
  padding-left: 22px;
}
.ordered-list {
  counter-reset: list;
}
.ordered-list li::before {
  content: counter(list) ". ";
  counter-increment: list;
  position: absolute;
  left: 0;
  top: 0;
}
.ordered-list.decimal-leading-zero li {
  padding-left: 28px;
}
.ordered-list.decimal-leading-zero li::before {
  content: counter(list, decimal-leading-zero) ". ";
}
.ordered-list.lower-alpha li::before {
  content: counter(list, lower-alpha) ". ";
}
.ordered-list.upper-alpha li::before {
  content: counter(list, upper-alpha) ". ";
}
.ordered-list.lower-roman li::before {
  content: counter(list, lower-roman) ". ";
}
.ordered-list.upper-roman li::before {
  content: counter(list, upper-roman) ". ";
}
.ordered-list.list-light li,
.ordered-list.list-dark li,
.ordered-list.list-accent li {
  padding-left: 30px;
}
.list-light li::before,
.list-dark li::before,
.list-accent li::before {
  content: counter(list);
  position: absolute;
  border-radius: 100%;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.list-light li::before {
  background: #fff;
  color: #222;
}
.list-dark li::before {
  background: #222;
}
.list-accent li::before {
  background-color: #c73154;
}
.list-light.style-small li::before,
.list-dark.style-small li::before,
.list-accent.style-small li::before {
  width: 20px;
  height: 20px;
  font-size: 11px;
  line-height: 20px;
}
.list-light.style-medium li,
.list-dark.style-medium li,
.list-accent.style-medium li {
  padding-left: 65px;
}
.list-light.style-medium li::before,
.list-dark.style-medium li::before,
.list-accent.style-medium li::before {
  top: -3px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
}
.list-light.style-large li,
.list-dark.style-large li,
.list-accent.style-large li {
  padding-left: 110px;
}
.list-light.style-large li::before,
.list-dark.style-large li::before,
.list-accent.style-large li::before {
  top: -3px;
  width: 80px;
  height: 80px;
  font-size: 24px;
  line-height: 80px;
}
.ordered-list.list-light.decimal-leading-zero li::before,
.ordered-list.list-dark.decimal-leading-zero li::before,
.ordered-list.list-accent.decimal-leading-zero li::before {
  content: counter(list, decimal-leading-zero);
}
.ordered-list.list-light.lower-alpha li::before,
.ordered-list.list-dark.lower-alpha li::before,
.ordered-list.list-accent.lower-alpha li::before {
  content: counter(list, lower-alpha);
}
.ordered-list.list-light.upper-alpha li::before,
.ordered-list.list-dark.upper-alpha li::before,
.ordered-list.list-accent.upper-alpha li::before {
  content: counter(list, upper-alpha);
}
.ordered-list.list-light.lower-roman li::before,
.ordered-list.list-dark.lower-roman li::before,
.ordered-list.list-accent.lower-roman li::before {
  content: counter(list, lower-roman);
}
.ordered-list.list-light.upper-roman li::before,
.ordered-list.list-dark.upper-roman li::before,
.ordered-list.list-accent.upper-roman li::before {
  content: counter(list, upper-roman);
}

.font-icons.list-style li i {
  width: 22px;
  font-size: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.font-icons.list-style li:hover i {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(1.75);
  transform: scale(1.75);
}

/*--------------------------------------------------------------
/** 5. Divider Styles
--------------------------------------------------------------*/
.divider-empty {
  clear: both;
  display: block;
  position: relative;
  padding-top: 2.5em;
}
.divider a.top {
  background: #f7f7f7 url('../images/arrow_top.png') no-repeat scroll right top;
  position: absolute;
  top: 12px;
  right: 0;
  padding: 0 8px;
  font-size: 9px;
  line-height: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #777;
}
.divider a.top:hover {
  color: #c71219;
}
.small-sep {
  border: 0;
  border-bottom: 2px solid #222;
  margin: 0 0 10px 0;
  width: 90px;
  height: 0;
}
.divider,
.divider-heading,
.divider-text,
.divider-icon {
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 2em 0;
  line-height: 2em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.06em;
  word-spacing: 0.12em;
  vertical-align: top;
  white-space: nowrap;
}
.divider,
.divider-icon {
  height: 2em;
}
.divider-heading,
.divider-text,
.divider-icon {
  margin-top: 0;
  margin-bottom: 2em;
}
.divider-heading h1,
.divider-heading h2,
.divider-heading h3,
.divider-heading h4,
.divider-heading h5,
.divider-heading h6 {
  display: inline-block;
  margin: 0;
  font-weight: 300;
  vertical-align: middle;
}
.divider-text {
  text-transform: uppercase;
  color: rgba(0,0,0,0.5);
}
.light .divider-text {
  color: #fafafa;
}
.divider-icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  font-size: 20px;
  line-height: 20px;
  color: rgba(0,0,0,.6);
  text-align: center;
}
.light .divider-icon i {
  color: #fff;
}
.divider::before,
.divider::after,
.divider-heading::before,
.divider-heading::after,
.divider-text::before,
.divider-text::after,
.divider-icon::before,
.divider-icon::after {
  content: "";
  border-top: 1px solid rgba(0,0,0,0.1);
  display: inline-block;
  position: relative;
  width: 50%;
  height: 1px;
  margin-top: -2px;
  vertical-align: middle;
  background-clip: content-box;
  zoom: 1;
}
.divider::before,
.divider::after,
.divider-icon::before,
.divider-icon::after,
.divider-heading::before,
.divider-heading::after {
  /*top: 50%;*/
}
.divider.double-line::before,
.divider.double-line::after,
.divider-heading.double-line::before,
.divider-heading.double-line::after,
.divider-text.double-line::before,
.divider-text.double-line::after,
.divider-icon.double-line::before,
.divider-icon.double-line::after {
  border-top: 3px double rgba(0,0,0,0.1);
}
.light .divider::before,
.light .divider::after,
.light .divider-heading::before,
.light .divider-heading::after,
.light .divider-text::before,
.light .divider-text::after,
.light .divider-icon::before,
.light .divider-icon::after {
  background-color: #e5e5e5;
  background-color: rgba(255,255,255,.2);
  border-top: 1px solid rgba(255,255,255,.2);
}
.light .divider.double-line::before,
.light .divider.double-line::after,
.light .divider-heading.double-line::before,
.light .divider-heading.double-line::after,
.light .divider-text.double-line::before,
.light .divider-text.double-line::after,
.light .divider-icon.double-line::before,
.light .divider-icon.double-line::after {
  border-top: 3px double rgba(255,255,255,.2);
}
.light .divider.accent::before,
.light .divider.accent::after,
.light .divider-heading.accent::before,
.light .divider-heading.accent::after,
.light .divider-text.accent::before,
.light .divider-text.accent::after,
.light .divider-icon.accent::before,
.light .divider-icon.accent::after,
.divider.accent::before,
.divider.accent::after,
.divider-heading.accent::before,
.divider-heading.accent::after,
.divider-text.accent::before,
.divider-text.accent::after,
.divider-icon.accent::before,
.divider-icon.accent::after {
  border-color: #c73154;
}
.divider::after,
.divider-heading::after,
.divider-text::after,
.divider-icon::after {
  left: 1.5em;
  margin-right: -50%;
}
.divider-icon::after {
  left: 2em;
}
.divider::before,
.divider-heading::before,
.divider-text::before,
.divider-icon::before {
  left: -1.5em;
  margin-left: -50%;
}
.divider-icon::before {
  left: -2em;
}
.divider::after,
.divider::before {
  left: 0;
}
.divider-short {
  width: 40%;
  margin: 2em auto;
}
.divider-short.align-left {
  margin: 2em 0 2em;
}
.divider-short.align-right {
  margin: 2em 0 2em auto;
}

@media only screen and (max-width: 1024px) {
  .divider-short {
    width: 60%;
  }
}
@media only screen and (max-width: 768px) {
  .divider-heading h1 {
    font-size: 1.8em;
  }
  .divider-heading h2 {
    font-size: 1.6em;
  }
  .divider-heading h3 {
    font-size: 1.5em;
  }
  .divider-heading h4 {
    font-size: 1.3em;
  }
  .divider-short {
    width: 65%;
  }
}
@media only screen and (max-width: 479px) and (min-width: 1px) {
  .divider-heading h1,
  .divider-heading h2 {
    font-size: 20px;
  }
  .divider-heading h3,
  .divider-heading h4 {
    font-size: 18px;
  }
  .divider-heading h5 {
    font-size: 16px;
  }
  .divider-short {
    width: 100%;
  }
}

/*--------------------------------------------------------------
/** 6. Image Styles
--------------------------------------------------------------*/
img.pull-left,
.wp-caption.pull-left {
  margin: 6px 20px 6px 0;
}
img.pull-right,
.wp-caption.pull-right {
  margin: 6px 0 6px 20px;
}
img.float-center {
  display: block;
  margin: 8px auto 20px;
  text-align: center;
}
.full-width-img img {
  width: 100%;
}
.img-margin-left img,
.img-margin-right img {
  width: auto;
  max-width: 150%;
}
.img-margin-left {
  text-align: right;
}
.img-margin-left img {
  margin-left: -34rem;
}
.img-margin-right img {
  margin-right: -34rem;
}
.img-rounded {
    border-radius: 0.6rem;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 0.4rem;
  line-height: 1.42857143;
  background-color: #fff;
  border: 0.1rem solid #ddd;
  border-radius: 0.4rem;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}

/* - Image with Caption
------------------------------------------------------------- */
.wp-caption {
  margin-bottom: 25px;
}
.wp-caption img {
  /*border: 0 none;*/
  /*margin: 0;*/
  /*padding: 0;*/
}
.wp-caption .wp-caption-text {
  margin-top: 10px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1em;
  color: #999;
}

/*--------------------------------------------------------------
/** 8. Video Styles
--------------------------------------------------------------*/
 .video-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  padding: 0;
  padding-bottom: 56.25%;
  height: 0;
}
.video-wrap embed,
.video-wrap iframe,
.video-wrap object,
.video-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
/** 9. Form Styles
--------------------------------------------------------------*/
form .row {
  padding-bottom: 0;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
label, legend {
  display: block;
  margin-bottom: 0.5em;
  font-size: 13px;
  font-weight: 600;
  color: #222;
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select,
.form-control {
  background-color: transparent;
  display: block;
  border: 0;
  margin-bottom: 25px;
  border-bottom: 0.1rem solid #d1d1d1;
  border-radius: 0;
  padding: 0.75em 1em 0.75em .3em;
  width: 100%;
  font-size: 14px;
  line-height: 1.42857143;
  color: #666;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
input.form-control,
textarea.form-control,
select.form-control {
  background-color: transparent;
  display: block;
  border: 0;
  border-bottom: 0.1rem solid #d1d1d1;
  border-radius: 0;
  padding: 0.75em 1em 0.75em .3em;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: #c73154;
  color: #111;
  outline: 0;
}
.form-control::-webkit-input-placeholder {
  color: #666;
}
.form-control:focus::-webkit-input-placeholder {
  color: #111;
}
.form-control::-moz-placeholder {
  color: #666;
}
.form-control:focus::-moz-placeholder {
  color: #111;
}
.form-control:-moz-placeholder {
  color: #666;
}
.form-control:focus:-moz-placeholder {
  color: #111;
}
.form-control:-ms-input-placeholder {
  color: #666;
}
.form-control:focus:-ms-input-placeholder {
  color: #111;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
input[type="text"][disabled],
input[type="text"][readonly],
input[type="password"][disabled],
input[type="password"][readonly],
input[type="date"][disabled],
input[type="date"][readonly],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
input[type="email"][disabled],
input[type="email"][readonly],
input[type="number"][disabled],
input[type="number"][readonly],
input[type="search"][disabled],
input[type="search"][readonly],
input[type="tel"][disabled],
input[type="tel"][readonly],
input[type="time"][disabled],
input[type="time"][readonly],
input[type="url"][disabled],
input[type="url"][readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly],
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #f5f5f5;
  opacity: 1;
}
input[type="text"][disabled],
input[type="text"][readonly],
input[type="password"][disabled],
input[type="password"][readonly],
input[type="date"][disabled],
input[type="date"][readonly],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
input[type="email"][disabled],
input[type="email"][readonly],
input[type="number"][disabled],
input[type="number"][readonly],
input[type="search"][disabled],
input[type="search"][readonly],
input[type="tel"][disabled],
input[type="tel"][readonly],
input[type="time"][disabled],
input[type="time"][readonly],
input[type="url"][disabled],
input[type="url"][readonly],
textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly],
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea {
  overflow: auto;
  padding: 12px;
  min-height: 200px;
  vertical-align: top;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 5px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.form-group {
  position: relative;
  margin-bottom: 20px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label,
.radio-inline label,
.checkbox-inline label {
  min-height: 20px;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline label,
.checkbox-inline label {
  padding-left: 25px;
}
.radio label::before,
.checkbox label::before,
.radio-inline label::before,
.checkbox-inline label::before {
  content: "";
  background: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.radio label::before,
.radio-inline label::before {
  border-radius: 50%;
}
.radio label::after,
.checkbox label::after,
.radio-inline label::after,
.checkbox-inline label::after {
  content: '';
  background: transparent;
  position: absolute;
  top: 50%;
  left: 4px;
  border: 3px solid #222;
  border-top: none;
  border-right: none;
  margin-top: -4px;
  width: 10px;
  height: 6px;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.radio label::after,
.radio-inline label::after {
  background-color: #c73154;
  left: 5px;
  border: 0;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.radio label:hover::after,
.checkbox label:hover::after,
.radio-inline label:hover::after,
.checkbox-inline label:hover::after {
    opacity: 0.1;
}
.radio input[type="radio"]:checked + label::before,
.checkbox input[type="checkbox"]:checked + label::before,
.radio-inline input[type="radio"]:checked + label::before,
.checkbox-inline input[type="checkbox"]:checked + label::before {
    background: #fff;
}
.radio input[type="radio"]:checked + label::after,
.checkbox input[type="checkbox"]:checked + label::after,
.radio-inline input[type="radio"]:checked + label::after,
.checkbox-inline input[type="checkbox"]:checked + label::after {
    opacity: 1;
    border-color: #c73154;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  top: 50%;
  margin: 0;
  margin-left: 2px;
  margin-top: 4px \9;
  outline: 0;
  transform: translateY(-50%);
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio + .radio:last-child,
.checkbox + .checkbox:last-child {
  margin-bottom: 25px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 0px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
}

/*--------------------------------------------------------------
/** 10. Button Styles
--------------------------------------------------------------*/
.btn {
  background-image: none;
  background-color: #c73154;
  display: inline-block;
  position: relative;
  border: 2px solid transparent;
  border-radius: 0;
  margin: 3px 0;
  padding: 7px 12px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:hover,
.btn:focus {
  text-decoration: none;
  outline: 0;
}
.light .btn:hover {
  color: #fff;
}
.btn:last-child {
  margin-right: 0;
}
.btn:active,
.btn.btn-outline-light:active,
.btn.btn-outline-dark:active,
.btn.btn-outline-accent:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="file"]:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

/* - Button Sizes
------------------------------------------------------------- */
.btn.btn-small {
  padding: 3px 22px;
  font-size: 12px;
}
.btn.btn-medium {
  padding: 7px 27px;
  font-size: 14px;
}
.btn.btn-large {
  padding: 12px 32px;
  font-size: 16px;
}
.btn.btn-xlarge {
  padding: 17px 38px;
  font-size: 18px;
}
.btn.btn-image {
  background-color: transparent;
  padding: 0;
  max-height: 50px;
}
.btn.btn-image img {
  max-height: 50px;
}

/* - Button Shapes
------------------------------------------------------------- */
.btn.btn-rounded,
.btn.btn-rounded::after {
  border-radius: 4px;
}
.btn.btn-pill,
.btn.btn-pill::after {
  border-radius: 2em;
}
.btn-accent {
  color: #ffffff;
  background-color: #c73154;
}
.btn-accent:hover {
  color: #ffffff;
  background-color: #a78a57;
}
.btn.btn-outline-dark,
.btn.btn-outline-light,
.btn.btn-outline-accent {
  background: transparent;
  text-shadow: none;
  box-shadow: none;
}
.btn.btn-outline-dark:hover::after,
.btn.btn-outline-light:hover::after {
  background-color: transparent;
}
.btn.btn-outline-dark {
  border-color: rgba(0,0,0,0.3);
  color: #222;
}
.btn.btn-outline-dark:hover {
  background: rgba(0,0,0,.03);
  background: #222;
  border-color: #222;
  color: #fff;
}
.btn.btn-outline-light {
  border-color: rgba(255,255,255,0.5);
  color: #fff;
}
.btn.btn-outline-light:hover {
  background: rgba(255,255,255,.045);
  background: #fff;
  border-color: #fff;
  color: #222;
}
.btn.btn-outline-accent {
  background: transparent;
  border-color: #c73154;
  color: #c73154;
}
.btn.btn-outline-accent:hover {
  background-color: #c73154;
  border-color: #c73154;
  color: #fff;
}
.btn.btn-full {
  display: block;
  margin: .85em 0;
  width: 100%;
  text-align: center;
}

/* - Button witn Icons
------------------------------------------------------------- */
.btn i {
  position: relative;
  height: 20px;
  font-size: 24px;
  line-height: 20px;
  vertical-align: middle;
}
.btn i,
.btn.btn-xlarge .icon-left,
.btn.btn-large .icon-left {
  margin: 0 12px 0 0;
}
.btn.btn-medium .icon-left {
  margin: 0 10px 0 0;
}
.btn.btn-small .icon-left {
  margin: 0 8px 0 0;
}
.btn .icon-right,
.btn.btn-xlarge .icon-right,
.btn.btn-large .icon-right {
  margin: 0 0 0 12px;
}
.btn.btn-medium .icon-right {
  margin: 0 0 0 10px;
}
.btn.btn-small .icon-right {
  margin: 0 0 0 8px;
}

/* - Buttons Color Scheme
------------------------------------------------------------- */
.btn.btn-green {
  background: #63c86f;
  color: #fff;
}
.btn.btn-red {
  background: #ee676a;
  color: #fff;
}
.btn.btn-blue {
  background: #54a6bf;
  color: #fff;
}
.btn.btn-orange {
  background: #f79c51;
  color: #fff;
}
.btn.btn-purple {
  background: #8f63c8;
  color: #fff;
}
.btn.btn-yellow {
  background: #ffd040;
  color: #222;
  text-shadow: none;
}
.light .btn.btn-yellow:hover {
  color: #222;
}
.btn.btn-gray,
.btn.btn-grey {
  background: #9e9e9e;
  color: #fff;
}
.btn.btn-black {
  background: #222;
  color: #fff;
}
.btn.btn-black:hover {
  background-color: #c73154;
}
.btn.btn-white {
  background: #f8f8f8;
  text-shadow: none;
  color: #222 !important;
}

/* - Play Buttons
------------------------------------------------------------- */
.btn-play {
  background-color: transparent;
  display: inline-block;
  position: relative;
  border: 0;
  border-radius: 4px;
  padding: 0 15px 0 55px;
  height: 44px;
  font-size: 18px;
  line-height: 44px;
}
.btn-play span {
  padding: 0 10px 0 0;
}
.btn-play::before {
  content: '\e798';
  position: absolute;
  left: 0;
  top: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  line-height: 40px;
  font-family: "icomoon";
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.2em;
  color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn-play:hover::before {
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}
.btn-play::after {
  display: none;
}
.btn-play-medium,
.btn-play-large {
  background-color: transparent;
  display: inline-block;
  position: relative;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: 64px;
  height: 64px;
  text-indent: -9999px;
}
.btn-play-large {
  width: 96px;
  height: 96px;
}
.btn-play-medium:hover,
.btn-play-large:hover {
  background-color: transparent;
}
.btn-play-medium::before,
.btn-play-large::before {
  content: '\e798';
  background-color: rgba(0,0,0,0.7);
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  margin-top: -32px;
  margin-left: -32px;
  width: 64px;
  height: 64px;
  line-height: 64px;
  font-family: "icomoon";
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-indent: 0;
  letter-spacing: -0.2em;
  color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.btn-play-medium.btn-light::before,
.btn-play-large.btn-light::before {
  background-color: rgba(255,255,255,0.9);
  color: #222;
}
.btn-play-medium.btn-accent::before,
.btn-play-large.btn-accent::before {
  background-color: #c73154;
  color: #fff;
}
.btn-play-large::before {
  margin-top: -48px;
  margin-left: -48px;
  width: 96px;
  height: 96px;
  line-height: 96px;
  font-size: 20px;
}
.btn-play-medium::after,
.btn-play-large::after {
  content: '';
  position: absolute;
  display: block;
  pointer-events: none;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.btn-play-medium::after,
.btn-play-large::after {
  top: -8px;
  left: -8px;
  padding: 8px;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.7);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transform: scale(.8);
  -moz-transition: -moz-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  transition: transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transform: scale(.8);
  opacity: 0;
}
.btn-play-medium.btn-light::after,
.btn-play-large.btn-light::after {
  box-shadow: 0 0 0 2px rgba(255,255,255,0.9);
}
.btn-play-medium.btn-accent::after,
.btn-play-large.btn-accent::after {
  box-shadow: 0 0 0 2px #c73154;
}
.btn-play-medium:hover::after,
.btn-play-large:hover::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/*--------------------------------------------------------------
/** 11. Grid Layout
--------------------------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.full-width-section .container {
  width: 100%;
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width:100%;
    max-width: 1440px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 768px) {
  .container {
    max-width: 630px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
  .container {
    max-width: 490px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* - Rows
------------------------------------------------------------- */
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row [class*="col-"] p:last-child,
.row [class*="col-"] ul:last-child {
  margin-bottom: 0;
}
.row [class*="col-"]:empty {
  margin: 0;
  height: 0;
}
@media (max-width: 1000px) and (min-width:1px) {
  .row [class*="col-"] {
    margin-top: 3em;
  }
  .row [class*="col-"]:empty + [class*="col-"] {
    margin-top: 0;
  }
  .row [class*="col-"] + [class*="col-"]:empty {
    margin-top: 3em;
  }
  .row [class*="col-"] + [class*="col-"]:empty:last-child {
    margin-top: 0;
  }
  .row [class*="col-"]:first-child {
    margin-top: 0;
  }
  .row [class*="col-sm"]:nth-child(-n+2),
  .row [class*="col-xs"]:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (min-width:1px) {
  .row [class*="col-"]:empty {
    min-height: inherit;
  }
  .row [class*="col-sm"]:nth-child(-n+2) {
    margin-top: 3em;
  }
  .row [class*="col-xs"] + [class*="col-sm"]:nth-child(-n+2) {
    margin-top: 0;
  }
  .row [class*="col-sm"]:first-child {
    margin-top: 0;
  }
}

/* - Columns
------------------------------------------------------------- */
.genearl-section [class*="col-"],
.full-width-section [class*="col-"] {
  z-index: 1;
}
.full-width-section .equal-col-height [class*="col-"] {
  margin-top: 0;
}
.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 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
.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%;
  }
}

@media (max-width: 1000px) and (min-width: 480px) {
  .col-md-3 {
    margin-top: 3em;
    width: 50%;
  }
  .col-md-3:nth-child(-n+2) {
    margin-top: 0;
  }
  .col-md-3:nth-child(odd) {
    clear: both;
  }
}
@media (max-width: 1000px) and (min-width: 768px) {
  #footer .col-md-3 {
    margin-top: 3em;
    width: 50%;
  }
  #footer .col-md-3:nth-child(-n+2) {
    margin-top: 0;
  }
  #footer .col-md-3:nth-child(odd) {
    clear: both;
  }
}
@media (max-width: 767px) and (min-width: 1px) {
  #footer .col-md-3 {
    margin-top: 3em;
    width: 100%;
  }
  #footer .col-md-3:first-child {
    margin-top: 0;
  }
}

/* - Column with Border
------------------------------------------------------------- */
.grid-border {
  overflow: hidden;
}
.grid-border [class*="col-"] {
  margin-bottom: 0;
  padding-top: 3em;
  padding-bottom: 3em;
}
.grid-border [class*="col-"]::before,
.grid-border [class*="col-"]::after {
  content: '';
  position: absolute;
  display: block;
}
.grid-border [class*="col-"]::before {
  height: 90%;
  top: 5%;
  left: -1px;
  border-left: 1px solid rgba(0,0,0,0.1);
}
.grid-border [class*="col-"]::after {
  width: 90%;
  height: 0;
  top: auto;
  left: 5%;
  bottom: -1px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.grid-border [class*="col"].light::after,
.grid-border [class*="col"].light::before {
  border-color: rgba(255,255,255,.2);
}

@media (max-width: 1000px) and (min-width:1px) {
  .grid-border [class*="col-"]::after {
    bottom: -1.5em;
  }
  .grid-border.equal-col-height [class*="col-"] {
    margin-top: 3em;
  }
  .grid-border.equal-col-height [class*="col-"]:first-child {
    margin-top: 0;
  }
  .grid-border.equal-col-height [class*="col-sm"]:nth-child(-n+2),
  .grid-border.equal-col-height [class*="col-xs"]:nth-child(-n+2) {
      margin-top: 0;
  }
}
@media (max-width: 768px) and (min-width:1px) {
  .grid-border [class*="col-"] {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  .grid-border.equal-col-height [class*="col-sm"]:nth-child(-n+2) {
    margin-top: 3em;
  }
  .grid-border.equal-col-height [class*="col-xs"] + [class*="col-sm"]:nth-child(-n+2) {
    margin-top: 0;
  }
  .grid-border.equal-col-height [class*="col-sm"]:first-child {
    margin-top: 0;
  }
}

/* - Responsive Utilities
------------------------------------------------------------- */
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*--------------------------------------------------------------
/** 12. Table Styles
--------------------------------------------------------------*/
table, th, td {
  vertical-align: middle;
}
tr {
  line-height: 2em;
}
table,
.table-style-1,
.table-style-2 {
  margin-bottom: 25px;
  padding: 0;
  width: 100%;
}
table:last-child,
.table-style-1:last-child,
.table-style-2:last-child {
  margin-bottom: 0;
}
table th,
.table-style-1 th {
  padding: 20px 15px;
  text-align: left;
}
.text-center th,
.table-style-1.text-center th,
.table-style-2.text-center th {
  text-align: center;
}
table th:first-child
.table-style-1 th:first-child,
.table-style-2 th:first-child {
  border-radius: 2px 0 0 0;
}
table th:last-child
.table-style-1 th:last-child,
.table-style-2 th:last-child {
  border-radius: 0 2px 0 0;
}
table td,
.table-style-1 td,
.table-style-2 td {
  padding: 10px;
}
tfoot {
  padding: 6px;
  text-align: center;
}

/* - Table Style 1
--------------------------------------------------------------*/
.table-style-1 thead {
  background-color: #c73154;
  border-top: 1px solid transparent;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.table-style-2 th {
  padding: 10px;
}
.table-style-1 tbody {
  border-right: 1px solid #e5e5e5;
}
.table-style-1 td {
  border: 1px solid #e5e5e5;
  border-right: 0;
}
.light .table-style-1 tbody {
  border-right: 1px solid rgba(255,255,255,0.05);
}
.light .table-style-1 td {
  border: 1px solid rgba(255,255,255,0.05);
  border-right: 0;
}
.table-style-1 tbody tr:nth-child(even) {
  background-color: #fafafa;
}
.light .table-style-1 tbody tr:nth-child(even) {
  background-color: rgba(255,255,255,0.1);
}
.table-style-1 tfoot td {
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  font-style: italic;
}

/* - Table Style 2
--------------------------------------------------------------*/
table thead,
.table-style-2 thead {
  background: transparent;
  border-bottom: 2px solid #e5e5e5;
  font-weight: bold;
  color: #222;
  text-transform: none;
}
.light table thead,
.light .table-style-2 thead {
  border-bottom-color: rgba(255,255,255,0.05);
  color: #fff;
}
table tbody,
.table-style-2 tbody {
  border-top: 1px solid #e5e5e5;
}
table tbody tr,
.table-style-2 tbody tr {
  border-bottom: 1px solid #e5e5e5;
}
.light table tbody tr,
.light .table-style-2 tbody tr {
  border-bottom-color: rgba(255,255,255,0.05);
}
table tbody tr:hover,
.table-style-2 tbody tr:hover {
  background-color: #fafafa;
}
.light table tbody tr:hover,
.light .table-style-2 tbody tr:hover {
  background-color: rgba(255,255,255,0.05);
}
table tfoot,
.table-style-2 tfoot {
  background: none;
}
@media (max-width: 768px) {
  .table-style-1,
  .table-style-2,
  .table-style-1 thead,
  .table-style-2 thead,
  .table-style-1 tbody,
  .table-style-2 tbody,
  .table-style-1 th,
  .table-style-2 th,
  .table-style-1 tr,
  .table-style-2 tr,
  .table-style-1 td,
  .table-style-2 td {
    display: block;
  }
  .table-style-1,
  .table-style-2 {
    position: relative;
    padding-bottom: 0;
    border: none;
  }
  .table-style-1 thead,
  .table-style-2 thead {
    float: left;
    white-space: nowrap;
  }
  .table-style-1 thead th,
  .table-style-2 thead th  {
    padding: 10px;
  }
  .table-style-1 tbody,
  .table-style-2 tbody {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    white-space: nowrap;
    border-top: 1px solid #e5e5e5;
  }
  .table-style-1 tr,
  .table-style-2 tr {
    display: inline-block;
    vertical-align: top;
  }
  .table-style-1 th,
  .table-style-2 th {
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .table-style-1 td,
  .table-style-2 td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;.
  }

  /* TABLE STYLE 1 */
  .table-style-1 thead {
    border-radius: 3px 0 0 3px;
  }
  .table-style-1 tbody td {
    border: 0;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }

  /* TABLE STYLE 2 */
  .table-style-2 thead {
    border: 0;
  }
  .table-style-2 tbody {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
}

/*--------------------------------------------------------------
/** 13. Pricing Tables
--------------------------------------------------------------*/
.pricing-table {
  position: relative;
   margin: 1.5em 0 0;
  width: 100%;
  table-layout: fixed;
}
.one-col, .two-col, .three-col, .four-col, .five-col {
  position: relative;
  margin: 0;
}
.pricing-column {
  background-color: #f6f6f6;
  border: 5px solid transparent;
  border-radius: 4px;
  position: relative;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.light .pricing-column {
  background-color: rgba(255,255,255,0.1);
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.two-col .pricing-column, .three-col .pricing-column, .four-col .pricing-column, .five-col .pricing-column {
  float: left;
}
.five-col .pricing-column {
  margin-right: 0.8%;
  width: 19.36%;
}
.four-col .pricing-column {
  margin-right: 2%;
  width: 23.5%;
}
.three-col .pricing-column {
  margin-right: 3%;
  width: 31.3333%;
}
.two-col .pricing-column {
  margin-right: 3%;
  width: 48.5%;
}
.one-col .pricing-column {
  width: 100%;
  margin: 0 auto;
}

/* - Pricing Table Style 2
--------------------------------------------------------------*/
.style-2.one-col .pricing-column,
.style-2.two-col .pricing-column,
.style-2.three-col .pricing-column,
.style-2.four-col .pricing-column,
.style-2.five-col .pricing-column {
  border-color: transparent;
  margin-right: 0;
}
.style-2.two-col .pricing-column {
  width: 50%;
}
.style-2.three-col .pricing-column {
  width: 33.3333%;
}
.style-2.four-col .pricing-column {
  width: 25%;
}
.style-2.five-col .pricing-column {
  width: 20%;
}
.pricing-table .pricing-column:last-child {
  margin-right: 0;
}
.pricing-column.featured-plan {
  background-color: #fff;
  border-color: #f6f6f6;
  margin-top: -1.5em;
  z-index: 2;
}
.light .pricing-column.featured-plan {
  background-color: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.2);
  margin-top: -1.5em;
  z-index: 2;
}
.style-2 .pricing-column.featured-plan {
  box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.column-header {
  position: relative;
  border-radius: 0;
  margin: 0;
  padding: 2.75em 1em;
  height: 16em;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
}
.column-header::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 5%;
  border: 4px solid #fff;
  border-width: 4px 0 0 0;
  border-radius: 2px;
  width: 90%;
}
.light .column-header::after,
.light .featured-plan .column-header::after {
  border-color: rgba(255,255,255,0.2);
}
.featured-plan .column-header::after {
  border-color: #f6f6f6;
}
.light .pricing-column:hover .column-header {
  background-color: rgba(255, 255, 255, 0.02);
}
.column-header .title {
  margin-bottom: 5px;
  font-size: 2em;
  color: #222;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}
.light .column-header .title {
  color: rgba(255,255,255,0.85);
}
.five-col .pricing-column .column-header .title {
  font-size: 1.7em;
}
.pricing-column:hover .column-header .title {
  color: #c73154;
}
.light .pricing-column:hover .column-header .title {
  color: inherit;
}
.column-header .sub-title {
  display: block;
  margin-bottom: 1.5em;
  font-size: 1.15em;
  font-weight: normal;
  line-height: 1em;
  color: rgba(0,0,0,0.5);
}
.light .column-header .sub-title {
  color: rgba(255, 255, 255, 0.65);
}
.column-header .price {
  margin: 20px 0 0 0;
  font-size: 5em;
  font-weight: 600;
  line-height: 0.75em;
  letter-spacing: -2px;
  color: #c73154;
}
.light .column-header .price {
  color: #fff;
}
.column-header .price sup {
  margin-right: 8px;
  font-size: 0.3em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  vertical-align: -10px;
}
.column-header .price .duration {
  display: inline-block;
  font-size: 18px;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(0,0,0,0.3);
}
.light .column-header .price .duration {
  color: rgba(255,255,255,0.75);
}
.column-header .offer-tag {
  background-color: #50d18d;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: -10px;
  border-radius: 5px 2px 2px 0;
  padding: 0 0.75em;
  font-size: 12px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .1em;
  line-height: 2.35em;
  color: #fff;
  z-index: 11;
  -moz-border-radius: 5px 2px 2px 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 2px 2px 0;
  -moz-box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1);
  -webkit-box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1);
  box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1);
}
.column-header .offer-tag::before {
  content: " ";
  background-color: #50d18d;
  display: block;
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 5px;
  height: 4px;
}
.column-header .offer-tag::after {
  content: " ";
  background-color: #4f7762;
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 5px;
  height: 6px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px 0 0 5px;
}
.featured-plan:hover .column-header,
.light .featured-plan:hover .column-header,
.featured-plan .column-header {
  position: relative;
  padding-top: 4.25em;
  height: 17.5em;
}
.pricing-column .details {
  display: block;
  border-bottom: none;
  padding: 2.5em 10px 3em;
  width: 100%;
  text-align: center;
}
.pricing-column.featured-plan .details {
  padding-bottom: 4.5em;
}
.pricing-column .features-list {
  list-style-type: none;
  display: inline-block;
  border: 0;
  margin: 0;
  margin: 0 auto;
  padding: 0;
  width: auto;
  min-width: 55%;
  text-align: center;
}
.pricing-column .features-list li {
  position: relative;
  margin: 0;
  padding: 0.35em 0 0.5em;
  line-height: normal;
}
.features-list i {
  display: inline-block;
  position: relative;
  left: 0;
  margin: 0 7px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.features-list i.checkmark::after {
    content: '';
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border: 3px solid #50d18d;
    border-top: none;
    border-right: none;
    width: 14px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.features-list i.cross::before,
.features-list i.cross::after {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 16px;
  height: 3px;
  background-color: #ff5757;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
}
.features-list i.cross::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.features-list i.cross::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.features-list .tooltip {
  display: inline-block;
  position: relative;
  top: 2px;
  width: 30px;
  height: 15px;
  line-height: 18px;
  cursor: pointer;
}
.features-list .tooltip::before {
  content: '?';
  background: #000;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 6px;
  top: 0;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-weight: normal;
  font-style: normal;
  font-size: 11px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.features-list .tooltip:hover::before {
  content: '?';
  background: #000;
  background: rgba(0, 0, 0, 0.6);
}
.features-list .tooltip .popup {
  background: #353535;
  position: absolute;
  bottom: 25px;
  margin-left: -124px;
  margin-bottom: -8px;
  width: 180px;
  opacity: 0;
  visibility: hidden;
  white-space: normal;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.features-list .tooltip:hover .popup {
  margin-bottom: 0px;
  opacity: 1;
  visibility: inherit;
  -webkit-transition: opacity 0.2s ease-in-out 0.2s, margin-bottom 0.2s ease-in-out 0.2s, visibility 0s ease-in-out 0.2s;
  transition: opacity 0.2s ease-in-out 0.2s, margin-bottom 0.2s ease-in-out 0.2s, visibility 0s ease-in-out 0.2s;
}
.features-list .tooltip .popup::before {
  content: '';
  position: absolute;
  left: 110px;
  bottom: -25px;
  width: 60px;
  height: 25px;
}
.features-list .tooltip .popup .text {
  padding: 18px 20px;
  font-weight: 400;
  font-style: normal;
  line-height: 18px;
  text-align: left;
  font-size: 13px;
  color: #fff;
}
.features-list .tooltip .popup .text::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 139px;
  border: solid transparent;
  border-color: rgba(128, 194, 66, 0);
  border-top-color: #353535;
  border-width: 7px;
  margin-left: -7px;
  height: 0;
  width: 0;
  pointer-events: none;
}
.pricing-column .details .btn {
  margin: 0;
  min-width: 55%;
}
.pricing-column .details .features-list ~ .btn {
  margin: 2em auto 0;
}
.btn ~ .features-list {
  margin-top: 2em;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .pricing-column {
    display: table;
  }
  .one-col .pricing-column {
    width: 100%;
  }
  .five-col .pricing-column,
  .four-col .pricing-column,
  .three-col .pricing-column,
  .two-col .pricing-column {
    width: 100%;
    margin-bottom: 2em;
  }
  .style-2.five-col .pricing-column,
  .style-2.four-col .pricing-column,
  .style-2.three-col .pricing-column,
  .style-2.two-col .pricing-column {
    width: 100%;
  }
  .one-col .pricing-column .column-header,
  .one-col .pricing-column .details {
    width: 100%;
    display: block;
  }
  .one-col .pricing-column .column-header {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  .pricing-column .column-header,
  .pricing-column .details {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
  }
  .column-header::after {
    top: 5%;
    right: -2px;
    bottom: auto;
    left: auto;
    border-width: 0 4px 0 0;
    width: 0;
    height: 90%;
  }
  .pricing-column .column-header .vertical-align {
    top: auto;
    -webkit-transform: none;
    transform: none;
  }
  .pricing-column.featured-plan {
    margin-top: 0;
  }
  .five-col .pricing-column .column-header .title {
    font-size: 2.5em;
  }
  .pricing-column.featured-plan .details {
    padding-bottom: 2.5em;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .five-col .pricing-column,
  .four-col .pricing-column,
  .three-col .pricing-column,
  .two-col .pricing-column,
  .style-2.five-col .pricing-column,
  .style-2.four-col .pricing-column,
  .style-2.three-col .pricing-column,
  .style-2.two-col .pricing-column {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
  }
  .pricing-column:nth-child(2n) {
    margin-right: 0;
  }
  .pricing-column .column-footer {
    padding-bottom: 30px;
  }
  .pricing-column.featured-plan {
    margin-top: 0;
  }
  .featured-plan .column-footer {
    padding-bottom: 30px;
  }
}
@media (max-width: 480px) and (min-width: 1px) {
  .pricing-column .column-header,
  .pricing-column .details {
    width: 100%;
    display: block;
  }
  .pricing-column .column-header {
    border: 0;
  }
  .column-header::after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -2px;
    left: 5%;
    border: 4px solid #fff;
    border-width: 4px 0 0 0;
    width: 90%;
    height: 0;
  }
}

/*--------------------------------------------------------------
/** 14. Site Structure
--------------------------------------------------------------*/
#wrapper {
  background: #f5f5f5;
  overflow: hidden;
  position: relative;
  left: 0;
  -webkit-box-shadow: 5px 0 5px rgba(0,0,0,0.2);
  box-shadow: 5px 0 5px rgba(0,0,0,0.2);
  -webkit-backface-visibility: hidden;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  z-index: 100;
}
.transition #wrapper {
    opacity: 1;
}
#wrapper,
.transition.page-transition #wrapper {
  opacity: 0;
  -webkit-transition: opacity 1.5s ease-in, left 0.4s ease,-webkit-transform 1s ease-out;
  transition: opacity 1.5s ease-in, left 0.4s ease,-webkit-transform 1s ease-out;
}
.push-active #wrapper {
  left: -270px;
  -webkit-transform: none;
  transform: none;
}
#content-wrap {
  background: #f5f5f5;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.7) 0 105px 90px -90px;
  z-index: 5;
  -webkit-backface-visibility: hidden;
}
.container .row {
  padding-bottom: 50px;
}
.full-width-section .container .row {
  padding-bottom: 0;
}
.container>*:last-child,
.container .row:last-child {
  padding-bottom: 0;
}
#content,
#content-wrap,
#sidebar {
  position: relative;
}
.site-overlay{
  background: rgba(0,0,0,.5);
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 999;
  visibility: hidden;
  -webkit-transition: all 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.75s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 1001px) {
  .push-active #wrapper {
    left: 0;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  #content-wrap {
    box-shadow: none;
  }
}
@media (max-width: 1000px) and (min-width: 1px) {
  .site-overlay {
    display: block;
  }
  .push-active .site-overlay {
    opacity: 1;
    visibility: visible;
  }
}

/*--------------------------------------------------------------
/** 15. Header
--------------------------------------------------------------*/
#header {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  padding: 1.5em 0;
  width: 100%;
  z-index: 999;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  -webkit-transition: padding 0.4s ease, left 0.4s ease;
  transition: padding 0.4s ease, left 0.4s ease;
}
#header.sticky {
  background: #fff;
  position: fixed;
  top: 0;
  padding: 0.1em 0 0.1em;
  width: 100%;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  -webkit-transform: translateZ(0);
  visibility: visible;
  -webkit-backface-visibility: hidden;
}
.push-active #header,
.push-active #header.sticky {
  left: -270px;
}
.fade-down {
  -webkit-animation: fade-down ease-in-out 0.5s 0.1s both;
  -moz-animation: fade-down ease-in-out 0.5s 0.1s both;
  animation: fade-down ease-in-out 0.5s 0.1s both;
}

@-webkit-keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fade-down {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

#header.header-full-width .container {
  padding: 0 4em;
  width: 100%;
  max-width: 100%;
}
#header-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  z-index: 999;
  -webkit-transition: height 0.3s ease, left 0.3s ease;
  transition: height 0.3s ease, left 0.3s ease;
}

@media only screen and (min-width: 1001px) {
  .push-active #header,
  .push-active #header.sticky {
    left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #header.header-full-width .container {
    padding: 0 15px;
  }
}
@media only screen and (max-width:1000px) and (min-width: 1px) {
  #header-wrap {
    height: 60px;
  }
}
@media only screen and (max-width: 678px) and (min-width: 1px) {
  #header {
    padding: 0.5em 0;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  #header {
    padding: 0;
  }
  #header.header-full-width .container {
    padding: 0 1em;
  }
}

/* - Main Logo
--------------------------------------------------------------*/
#logo {
 float: left;
 margin: auto 0;
 padding: 20px 0;
 font-size: 1.5em;
 font-weight: bold;
 line-height: 40px;
 letter-spacing: 0.8px;
}
#logo,
#logo a {
  display: block;
  position: relative;
  -webkit-transition: none;
  transition: none;
}
#logo a:hover {
  color: inherit;
}
#logo img {
  display: block;
  width: auto;
  height: 40px;
}
#logo img.logo-light {
  position: absolute;
  top: 0px;
  opacity: 0;
}
.header-transparent-light #logo img.logo-dark,
.header-transparent-light.sticky  #logo img.logo-light {
    opacity: 0;
}
.header-transparent-dark #logo img.logo-light,
.header-transparent-dark.sticky  #logo img.logo-light {
    opacity: 0;
}
.header-transparent-light #logo img.logo-light,
.header-transparent-light.sticky  #logo img.logo-dark {
    opacity: 1;
}
.header-transparent-dark #logo img.logo-drak,
.header-transparent-dark.sticky  #logo img.logo-dark {
    opacity: 1;
}

@media only screen and (max-width: 1024px) {
  #logo {
    padding: 25px 0;
  }
  #logo img {
    height: 30px;
  }
}
@media only screen and (max-width:1000px) and (min-width: 1px) {
  #logo {
    padding: 15px 0;
  }
}

/* - Responsive Menu Button
--------------------------------------------------------------*/
.menu-btn {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  position: relative;
  margin: 0;
  padding: 20px 0;
  height: 80px;
  line-height: 40px;
  color: #222;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu-btn .menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.menu-btn .menu-icon,
.menu-btn .menu-icon::before,
.menu-btn .menu-icon::after {
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header-transparent-dark .menu-btn .menu-icon,
.header-transparent-dark .menu-btn .menu-icon::before,
.header-transparent-dark .menu-btn .menu-icon::after {
  background-color: #111;
}
.sticky .menu-btn .menu-icon,
.sticky .menu-btn .menu-icon::before,
.sticky .menu-btn .menu-icon::after {
  background-color: #222;
}
.menu-btn .menu-icon::before,
.menu-btn .menu-icon::after {
  content: '';
  position: absolute;
  left: 0;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.menu-btn .menu-icon::before {
  top: -0.5em;
}
.menu-btn .menu-icon::after {
  top: 0.5em;
}
.push-active .menu-btn .menu-icon {
  background-color: transparent;
}
.push-active .menu-btn .menu-icon::before,
.push-active .menu-btn .menu-icon::after {
    top: 0;
}
.push-active .menu-btn .menu-icon::before {
  width: 100%;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.push-active .menu-btn .menu-icon::after {
  width: 100%;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}
@media (max-width: 1000px) and (min-width: 1px) {
  .menu-btn {
    display: block;
    padding: 15px 0;
    height: 60px;
    line-height: 25px;
  }
}

/* - Mobile Navigation
--------------------------------------------------------------*/
#mobile-menu {
  background-color: #111;
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  position: fixed;
  left: auto;
  top: 0;
  right: -100px;
  bottom: 0;
  padding: 0;
  width: 370px;
  opacity: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: left 0s ease .6s,width 0s ease .6s;
  transition: left 0s ease .6s,width 0s ease .6s;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity 0.5s 0.5s;
  transition: opacity 0.5s 0.5s;
}
#mobile-menu.light {
  background-color: #fff;
}
#mobile-nav {
  width: 270px;
  opacity: 0;
  -webkit-transition: opacity .4s linear .1s;
  transition: opacity .4s linear .1s;
}
.push-active #mobile-nav {
  opacity: 1;
}
#mobile-nav header {
  position: relative;
  display: block;
  height: 60px;
}
#mobile-nav .mobile-nav-close {
  position: absolute;
  top: 50%;
  right: 10px;
  border: 2px solid rgba(255,255,255,0.5);
  border-radius: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.light #mobile-nav .mobile-nav-close {
  border-color: rgba(0,0,0,0.3);
}
#mobile-nav .mobile-nav-close:hover {
  border-color: #fff;
}
.light #mobile-nav .mobile-nav-close:hover {
  border-color: #222;
}
#mobile-nav .mobile-nav-close::before,
#mobile-nav .mobile-nav-close::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 6px;
  width: 14px;
  height: 2px;
  background-color: #fff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.light #mobile-nav .mobile-nav-close::before,
.light #mobile-nav .mobile-nav-close::after {
  background-color: #222;
}
#mobile-nav .mobile-nav-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-nav .mobile-nav-close:hover::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#mobile-nav .mobile-nav-close::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#mobile-nav .mobile-nav-close:hover::after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
#mobile-menu .container {
  margin: 0;
  padding: 0;
  width: 100%;
}
#mobile-nav ul {
  list-style-type: none;
  border-top: 1px solid rgba(255,255,255,0.05);
  margin: 0 auto;
  padding: 0;
}
.light #mobile-nav ul {
  border-color: #e5e5e5;
}
#mobile-nav ul li {
  position: relative;
  margin: 0;
}
#mobile-nav ul li {
  border-top: 1px solid rgba(255,255,255,0.05);
}
.light #mobile-nav ul li {
  border-color: #e5e5e5;
}
#mobile-nav ul li:first-child {
  border-top: none;
}
#mobile-nav ul li:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.light #mobile-nav ul li:last-child {
  border-color: #e5e5e5;
}
#mobile-nav .sf-menu ul > li:first-child::before {
  display: none;
}
#mobile-nav ul li ul li:last-child,
.light #mobile-nav ul li ul li:last-child {
  border-bottom: 0;
}
#mobile-nav ul.sf-menu > li > a {
  font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#mobile-nav ul li a,
#mobile-nav ul li a.btn {
  display: block;
  position: relative;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.8);
}
#mobile-nav ul li a.btn {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.light #mobile-nav ul li a,
.light #mobile-nav ul li a.btn {
  color: rgba(0,0,0,0.75);
}
#mobile-nav ul li a.btn {
  border: 0;
  text-align: inherit;
}
#mobile-nav ul li a:hover,
#mobile-nav ul li a:hover.btn {
  color: #c73154;
}
#mobile-nav ul li ul a {
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
}
#mobile-nav ul li ul a:hover {
  background-color: transparent;
}
#mobile-nav ul li ul {
  background-color: #222;
  padding: 0 0 0 20px;
  border-top: 1px solid rgba(255,255,255,0.05);
}
.light #mobile-nav ul li ul {
  background-color: #f7f7f7;
}
#mobile-nav ul ul ul {
  padding-left: 15px;
}
#mobile-nav li .sf-sub-indicator {
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid rgba(255,255,255,0.05);
  width: 45px;
  height: 46px;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
}
.light #mobile-nav li .sf-sub-indicator {
  border-color: #e5e5e5;
}
#mobile-nav li .sf-sub-indicator::before,
#mobile-nav li .sf-sub-indicator::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: rgba(255,255,255,0.8);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.light #mobile-nav li .sf-sub-indicator::before,
.light #mobile-nav li .sf-sub-indicator::after {
  background: rgba(0,0,0,0.3);
}
#mobile-nav li .sf-sub-indicator::before {
  right: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-nav li .sf-sub-indicator::after {
  right: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobile-nav li.open > .sf-sub-indicator::before,
#mobile-nav li.open > .sf-sub-indicator::after {
  background-color: #c73154;
  width: 14px;
}
#mobile-nav li.open > .sf-sub-indicator::before{
  -webkit-transform: translateX(5px) rotate(-45deg);
  -ms-transform: translateX(5px) rotate(-45deg);
  transform: translateX(5px) rotate(-45deg);
}
#mobile-nav li.open > .sf-sub-indicator::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobile-nav ul > li.open > a {
  color: #c73154;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .push-active #mobile-menu {
    opacity: 1;
    z-index: 0;
    transition-delay: 0s;
    -o-transition-delay: 0s;
  }
}

/* - Navigation
--------------------------------------------------------------*/
#navigation {
  float: right;
  position: relative;
  padding: 20px 0;
  margin: 0 -1px 0 0;
  font-size: 18px;
  font-weight: 400;
}
#navigation.nav-left {
  float: left;
}
#navigation.nav-right {
  float: right;
}
#navigation.nav-center {
  float: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.side-navigation #navigation,
.overlay-navigation #navigation {
  display: none;
}
#main-menu {
  list-style-type: none;
  margin: 0;
}
#main-menu li {
  float: left;
  position: relative;
  margin: 0;
}
#main-menu > li {
  margin-left: 1.5em;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#main-menu > li > a {
  display: block;
  position: relative;
  padding: 0;
  height: 40px;
  font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 1px;
  color: #111;
  opacity: 0.65;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#main-menu > li > a:hover {
  opacity: 1;
}
#header #main-menu > li > a::after {
  content: '';
  background-color: transparent;
  background-color: #c73154;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#header #main-menu > li.sfHover > a::after {
  width: 100%;
}
#header.header-transparent-light #main-menu > li > a::after {
  background-color: #fff;
}
#header.sticky #main-menu > li > a::after {
  background-color: #c73154;
}
#header #main-menu > li > a:hover::after {
  right: auto;
  left: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition-delay: 0s,0s;
  transition-delay: 0s,0s;
}
#main-menu > li:hover > a,
#main-menu li.sfHover > a {
  opacity: 1;
}
#main-menu li.sfHover > a,
#main-menu li li:hover > a,
#main-menu li:hover ul li a:hover,
#main-menu li li:hover ul li a:hover {
  opacity: 1;
}
#main-menu > li.active > a,
#header.header-transparent-light #main-menu > li.active > a {
  opacity: 1;
}
.nav-light #main-menu li.sfHover > a,
.nav-light #main-menu li.sfHover > a i,
.nav-light #main-menu li:hover ul li a:hover,
.nav-light #main-menu li li:hover ul li a:hover {
  opacity: 1;
}
#main-menu li li.sfHover > a,
#main-menu li:hover ul li a:hover,
#main-menu li li:hover ul li a:hover {
  background: rgba(255, 255, 255, 0.05);
}
.nav-light #main-menu li li.sfHover > a,
.nav-light #main-menu li:hover ul li a:hover,
.nav-light #main-menu li li:hover ul li a:hover {
  background: rgba(0, 0, 0, 0.03);
}

/* Transparent Header Menu */
#header.header-transparent-light #main-menu > li > a {
  color: #fff;
  opacity: 0.75;
}
#header.header-transparent-light #main-menu > li > a:hover,
#header.header-transparent-light #navigation #main-menu > li.sfHover > a {
  opacity: 1;
}
#header.sticky #main-menu > li > a {
  color: #111;
  opacity: 0.5;
}
#header.sticky #main-menu > li.sfHover > a,
#header.sticky #main-menu > li.active > a,
#header.sticky #main-menu > li > a:hover {
  color: #c73154;
  opacity: 1;
}
#header.slicky.header-transparent-light #main-menu > li.active > a {
  color:;
}

/* Menu Buttons */
#header #main-menu > li > a.btn {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin: 0;
  padding: 0 25px;
  height: 40px;
  line-height: 36px;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header.header-transparent-dark #main-menu > li > a.btn,
  #header.sticky #main-menu > li > a.btn {
  border-color: rgba(0, 0, 0, 0.3);
  color: #111;
}
#header #main-menu > li > a:hover.btn {
  background-color: #fff;
  border-color: #fff;
  color: #111;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header.header-transparent-dark #main-menu > li > a:hover.btn {
  background-color: #111;
  border-color: #111;
  color: #fff;
}
#header.sticky #main-menu > li > a.btn:hover {
  background-color: #c73154;
  border-color: #c73154;
  color: #fff;
}
#header #main-menu > li > a.btn::after {
  display: none;
}
#main-menu ul {
  background: #111;
  list-style-type: none;
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  border-top: 0;
  margin: -4px 0 0 0;
  width: 200px;
  font-size: 14px;
  word-spacing: 2px;
  -webkit-box-shadow: 0 3px 3px -2px rgba(0,0,0,.2);
  box-shadow: 0 3px 3px -2px rgba(0,0,0,.2);
  z-index: 9999;
}
.nav-light #main-menu ul {
  background: #fff;
}
#main-menu li:hover > ul,
#main li.sfHover > ul {
  display: block;
}
#main-menu ul > li:first-child::before,
.sf-menu ul > li:first-child::before {
  content: '';
  background-color: transparent;
  position: absolute;
  right: 0;
  top: -2px;
  width: 100%;
  height: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
#main-menu li.sfHover ul:hover,
#main-menu li.sfHover ul li.sfHover ul:hover {
  opacity: 1 !important;
}
#main-menu ul li {
  width: 100%;
}
#main-menu ul li a {
  position: relative;
  color: #fff;
  opacity: 0.6;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nav-light #main-menu ul li a {
  color: #111;
  opacity: 0.6;
}
#main-menu ul a.sf-with-ul {
  position: relative;
}
#main-menu ul a.sf-with-ul::before,
#main-menu ul a.sf-with-ul::after {
  content: '';
  background: #aaa;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -1px;
  width: 6px;
  height: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 6px 50%;
  transform-origin: 6px 50%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#main-menu ul a.sf-with-ul::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#main-menu ul a.sf-with-ul::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu ul a:hover.sf-with-ul::before,
#main-menu ul a:hover.sf-with-ul::after,
#main-menu ul li.sfHover > a.sf-with-ul::before,
#main-menu ul li.sfHover > a.sf-with-ul::after {
  background-color: #fff;
}
.nav-light #main-menu ul a:hover.sf-with-ul::before,
.nav-light #main-menu ul a:hover.sf-with-ul::after,
.nav-light #main-menu ul li.sfHover > a.sf-with-ul::before,
.nav-light #main-menu ul li.sfHover > a.sf-with-ul::after {
  background-color: #c73154;
}
#main-menu li.mega-menu ul a.sf-with-ul::before,
#main-menu li.mega-menu ul a.sf-with-ul::after {
  display: none;
}

/* - Mega Menu
--------------------------------------------------------------*/
#main-menu > li.mega-menu {
  position: inherit!important;
}
#main-menu > li.mega-menu > ul {
  width: 100%;
  left: 0px;
  border-top: 3px solid #c73154;
  padding: 15px 0;
}
#main-menu > li.mega-menu > ul > li {
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 15px;
  width: 33.33%;
}
.nav-light #main-menu > li.mega-menu > ul > li {
  border-color: rgba(0, 0, 0, 0.1);
}
#main-menu > li.mega-menu > ul > li:last-child {
  border: 0;
}
#main-menu > li.mega-menu.columns-2 > ul > li {
  width: 50%;
}
#main-menu > li.mega-menu.columns-3 > ul > li {
  width: 33.33%;
}
#main-menu > li.mega-menu.columns-4 > ul > li {
  width: 25%;
}
#main-menu > li.mega-menu.columns-5 > ul > li {
  width: 20%;
}
#main-menu > li.mega-menu.columns-6 > ul > li {
  width: 16.66%;
}
#main-menu > li.mega-menu > ul > li > a {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 5px;
  padding: 8px 10px;
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.nav-light #main-menu > li.mega-menu > ul > li > a {
  border-color: rgba(0, 0, 0, 0.1);
}
.nav-light #main-menu > li.mega-menu > ul > li > a:hover,
.nav-dark #main-menu > li.mega-menu > ul > li > a:hover,
#main-menu > li.mega-menu > ul > li > a:hover,
#main-menu > li.mega-menu > ul > li.sfHover > a {
  background-color: transparent;
}
#main-menu > li.mega-menu > ul > li a i {
  display: none;
}
#main-menu > li.mega-menu > ul > li ul {
  display: block!important;
  position: relative !important;
  top: 0px !important;
  left: 0px!important;
  border: 0;
  width: 100%;
  opacity: 1 !important;
}
#main-menu > li.mega-menu > ul > li ul li {
  border: 0;
}
#main-menu > li.mega-menu > ul > li > ul > li a {
  border: 0;
  padding: 8px 10px;
}
#main-menu ul ul {
  top: 0px;
  left: 200px;
  margin-top: 0px;
}
#main-menu li li {
  border: 0;
  padding: 0;
}
#main-menu li li a {
  display: block;
  padding: 12px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 13px;
}
#main-menu li li.active > a {
  opacity: 1;
}
.nav-light #main-menu li li a {
  border-color: rgba(0, 0, 0, 0.1);
}
#main-menu li li:first-child > a {
  border: 0;
}

@media only screen and (max-width: 1024px) {
  #main-menu > li {
    margin-left: 1em;
  }
  #main-menu > li > a {
    font-size: 80%;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  #navigation {
    display: none;
  }
}

/*--------------------------------------------------------------
/** 16. Hero Section
--------------------------------------------------------------*/
#hero-wrapper {
  position: relative;
  text-align: left;
  height: 33.333em;
  -webkit-transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
  transition: height 0.85s cubic-bezier(0.725, 0.000, 0.000, 0.995);
}
#hero-wrapper.bg-accent {
  background-color: #c73154;
}
.hero-item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  height: inherit;
  height: 100%;
}
.hero-container-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.video-container {
  position: relative;
  display: none;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 6;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

@media (min-width: 1200px) {
  .video-container.enabled {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    background-color: #222;
  }
}

.video-container video {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.video-container.enabled video {
  opacity: 0.6;
}
.hero-item .hero-text {
  height: 100%;
}
.hero-item .hero-text .container {
  position: relative;
  height: 100%;
}
.hero-item .hero-text .container .row{
  height: inherit;
}
.hero-item .hero-text .container .row [class*="col-"] {
  height: inherit;
}
.hero-text .hero-content {
  padding: 0 15px;
  color: #fff;
  z-index: 20;
}

/* - Hero Caption
--------------------------------------------------------------*/
.hero-text .hero-caption {
  position: relative;
  padding: 0;
  color: #fff;
  z-index: 20;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.caption-heading {
  position: relative;
  margin-bottom: 0;
  margin-left: -0.05em;
  font-family: "Abril Fatface","Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 3.5em;
  font-weight: 500;
  line-height: 1.2em;
  /*letter-spacing: -0.03em;*/
  letter-spacing: 0em;
}
.caption-heading.heading-medium {
  font-size: 4.75vw;
}
.caption-heading.heading-large,
.caption-heading.heading-xlarge {
  font-weight: 200;
}
.caption-heading.heading-large {
  font-size: 6.5em;
  line-height: .9em;
}
.caption-heading.heading-xlarge {
  font-size: 10em;
  line-height: 1em;
}
.caption-heading~.caption-sub-heading {
  margin-top: 15px;
}
.caption-sub-heading {
  position: relative;
  margin: 0;
  font-size: 24px;
  line-height: 1.385em;
  font-weight: 300;
  color: rgba(0,0,0,0.75);
  text-transform: uppercase;
}
.heading-medium~.caption-sub-heading {
  font-size: 22px;
}
.heading-large~.caption-sub-heading {
  font-size: 26px;
}
.heading-xlarge~.caption-sub-heading {
  font-size: 2em;
}
.hero-item.light .hero-text .caption-heading {
  color: #fff;
}
.hero-item.light .hero-text .caption-sub-heading {
  color: rgba(255,255,255,0.85);
}
.hero-content .hero-caption .heading-medium~hr.sep {
  margin-top: 1.5em;
  margin-bottom: 1.8em;
}
.hero-caption .buttons {
  position: relative;
  margin-top: 40px;
}
.hero-caption .btn {
  position: relative;
  margin-right: 10px;
  padding: 0 50px;
  height: 64px;
  font-size: 24px;
  line-height: 60px;
}
.hero-caption .btn:last-child {
  margin-right: 0;
}
.caption-heading~h1,
.caption-heading~h2,
.caption-heading~h3,
.caption-heading~h4,
.caption-heading~h5,
.caption-heading~h6 {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 1.5em;
}
.image-container {
  position: absolute;
  z-index: 5;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
}

.image-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(40deg, rgba(11, 16, 62, 0.7) 20%, transparent 50%);
  background: -o-linear-gradient(40deg, rgba(11, 16, 62, 0.7) 20%, transparent 50%);
  background: linear-gradient(50deg, rgba(11, 16, 62, 0.7) 20%, transparent 50%);
  z-index: 0;
}

@media only screen and (max-width: 1400px) and (min-width: 1px) {
  .caption-heading.heading-xlarge {
    font-size: 10vw;
  }
  .caption-heading.heading-large {
    font-size: 7vw;
  }
  .heading-xlarge~.caption-sub-heading {
    font-size: 1.6em;
  }
  .hero-caption .btn {
    padding: 0 40px;
    height: 58px;
    font-size: 22px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .caption-heading.heading-xlarge {
    font-size: 10vw;
  }
  .caption-heading.heading-large {
    font-size: 8vw;
  }
  .heading-large~.caption-sub-heading,
  .heading-xlarge~.caption-sub-heading {
    font-size: 1.4em;
  }
  .hero-caption .buttons {
    margin-top: 30px;
  }
  .hero-caption .btn {
    padding: 0 35px;
    height: 54px;
    font-size: 20px;
    line-height: 50px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .caption-heading.heading-medium {
    font-size: 6vw;
  }
  .heading-medium~.caption-sub-heading,
  .heading-large~.caption-sub-heading,
  .heading-xlarge~.caption-sub-heading {
    font-size: 1.2em;
  }
  .hero-content .hero-caption .heading-medium~hr.sep {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .hero-caption .buttons {
    margin-top: 25px;
  }
  .hero-caption .btn {
    padding: 0 30px;
    height: 48px;
    font-size: 18px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .caption-heading.heading-large,
  .caption-heading.heading-xlarge {
    font-size: 12.8vw;
  }
  .caption-heading.heading-medium {
    font-size: 10vw;
  }
  .heading-medium~.caption-sub-heading {
    font-size: 1em;
  }
  .hero-caption .buttons {
    margin-top: 20px;
  }
  .hero-caption .btn {
    padding: 0 30px;
    height: 44px;
    font-size: 16px;
    line-height: 40px;
  }
}

/* - Hero Caption Alignment
--------------------------------------------------------------*/
.caption-top,
.caption-middle,
.caption-bottom {
  position: absolute;
  top: auto;
  left: 0;
  width: 100%;
  -webkit-transform: none;
  transform: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.hero-caption hr.sep {
  margin-top: 2em;
  margin-bottom: 2em;
}
.caption-top,
.caption-bottom {
  top: 80px;
  -webkit-transform:  translateY(0%) translateX(0%);
  -ms-transform:  translateY(0%) translateX(0%);
  -o-transform:  translateY(0%) translateX(0%);
  transform: translateY(0%) translateX(0%);
}
.full-screen .caption-top {
  top: 130px;
}
.caption-bottom {
  top: auto;
  bottom: 90px;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .hero-caption hr.sep {
    margin-top: 1.8em;
    margin-bottom: 1.8em;
  }
  .caption-bottom {
    bottom: 60px;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .full-screen .caption-top {
    top: 100px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .full-screen .caption-top {
    top: 120px;
  }
  .hero-caption hr.sep {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .full-screen .caption-top {
    top: 90px;
  }
  .hero-caption hr.sep {
    margin-top: 1.2em;
    margin-bottom: 1em;
  }
}

/* - Hero Mask Overlay
--------------------------------------------------------------*/
#hero-wrapper .mask-overlay {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 14;
}

/* - Hero Scroll Down
--------------------------------------------------------------*/
.scroll-arrow-wrap {
  bottom: 0;
  height: 88px;
  left: 50%;
  margin-left: -12px;
  overflow: hidden;
  position: absolute;
  width: 24px;
  z-index: 99;
}
.scroll-down-arrow {
  display: block;
  height: inherit;
}
.scroll-down-arrow:hover {
  color: inherit;
}
.scroll-down-arrow span {
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
  height: 16px;
  width: 24px;
  font-size: 24px;
  line-height: 16px;
  white-space: nowrap;
}
.scroll-down-arrow .animated-arrow-1::before,
.scroll-down-arrow .animated-arrow-1::after,
.scroll-down-arrow .animated-arrow-2::before,
.scroll-down-arrow .animated-arrow-2::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 13px;
  background: #333332;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  -moz-transition: width 0.3s, -moz-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.light .scroll-down-arrow .animated-arrow-1::before,
.light .scroll-down-arrow .animated-arrow-1::after,
.light .scroll-down-arrow .animated-arrow-2::before,
.light .scroll-down-arrow .animated-arrow-2::after {
  background-color: #fff;
}
.scroll-down-arrow .animated-arrow-1::before,
.scroll-down-arrow .animated-arrow-2::before {
  right: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.scroll-down-arrow .animated-arrow-1::after,
.scroll-down-arrow .animated-arrow-2::after {
  right: 1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.scroll-down-arrow .animated-arrow-1 {
  opacity: 0;
  -webkit-animation: arrow1 3s ease-out infinite;
  animation: arrow1 3s ease-out infinite;
}
.scroll-down-arrow .animated-arrow-2 {
  opacity: 1;
  -webkit-animation: arrow2 3s ease-in infinite;
  animation: arrow2 3s ease-in infinite;
}

@-webkit-keyframes arrow1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0,36px);
    transform: translate(0,36px);
  }
}
@keyframes arrow1 {
  0% {
    opacity: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  90% {
    opacity: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0,36px);
    -ms-transform: translate(0,36px);
    transform: translate(0,36px);
  }
}
@-webkit-keyframes arrow2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0,36px);
    transform: translate(0,36px);
  }
}
@keyframes arrow2 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  90% {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0,36px);
    -ms-transform: translate(0,36px);
    transform: translate(0,36px);
  }
}

/*--------------------------------------------------------------
/** 17. General Section / Full Width Section
--------------------------------------------------------------*/
.general-section.fullheight-content,
.full-width-section.fullheight-content {
  padding-top: 0;
  padding-bottom: 0;
}
.general-section {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  position: relative;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  visibility: visible;
}
.full-width-section {
  position: relative;
}
.general-section.parallax-section,
.full-width-section.parallax-section {
  background-attachment: fixed;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-background-size: cover;
}

/* - Section Mask Overlay
--------------------------------------------------------------*/
.general-section .mask-overlay,
.full-width-section .mask-overlay,
#footer .mask-overlay {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 0;
}
.general-section .col .mask-overlay,
.full-width-section .col .mask-overlay {
  z-index: -1;
}
.mask-overlay.bg-accent {
  background-color: #c73154;
}
.mask-overlay.bg-white {
  background-color: #fff;
}
.mask-overlay.bg-black {
  background-color: #252525;
}
.mask-overlay.bg-grey {
  background-color: #f1f1f1;
}
.mask-overlay.bg-beige {
  background-color: #edeae5;
}

/* - Section Border
--------------------------------------------------------------*/
.wrap-border {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.wrap-border-top {
  border-top: 1px solid #e5e5e5;
}
.wrap-border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.wrap-border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.wrap-wrap:last-child {
  margin-bottom: 20px;
}

/* - Section Padding
--------------------------------------------------------------*/
.padding-small {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-medium {
  padding-top: 80px;
  padding-bottom: 80px;
}
.padding-large {
  padding-top: 110px;
  padding-bottom: 110px;
}
.padding-xlarge {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .padding-large {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .padding-xlarge {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .padding-medium {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-large {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .padding-xlarge {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .general-section,
  .padding-medium {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .padding-xlarge {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

/*--------------------------------------------------------------
/** 18. Section Header
--------------------------------------------------------------*/
.section-header .section-title {
  margin: 0 0 10px 0;
  font-family: "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.03em;
}
.section-header h5,
.section-header h6 {
  letter-spacing: 1px;
}
.section-title:last-child {
  margin-bottom: 0;
}
.section-header .section-title.title-small {
  font-size: 24px;
  line-height: 1.5;
}
.section-header .section-title.title-medium {
  font-size: 32px;
}
.section-header .section-title.title-large {
  font-size: 50px;
}
.section-header .section-title.title-xlarge {
  font-size: 65px;
}
.section-header .section-title::after {
  content: " ";
  background-color: #c73154;
  display: block;
  display: none;
  margin: .75em 0;
  width: 50px;
  height: 1px;
}
.section-header.center .section-title::after {
  margin: .75em auto;
}
.section-header .section-title.title-outline,
.section-header .section-title.title-double-line {
  display: inline-block;
  border: 2px solid rgba(0,0,0,0.5);
  margin-bottom: 10px;
  padding: 5px 12px;
  font-weight: 800;
}
.section-header .section-title.title-double-line {
  border: 0;
  border-top: 2px solid rgba(0,0,0,0.1);
  border-bottom: 2px solid rgba(0,0,0,0.1);
}
.light .section-header .section-title.title-outline,
.light .section-header .section-title.title-double-line {
  border-color: rgba(255,255,255,0.7);
}
.section-header hr {
  margin-top: 1em;
  margin-bottom: 0.6em;
}
.section-header.text-center hr.sep {
  margin-left: auto;
  margin-right: auto;
}
.section-header.text-right hr.sep {
  margin-left: auto;
  margin-right: 0;
}
.section-header .section-title.title-small~hr {
  margin-top: 1.5em;
  margin-bottom: 1.8em;
}
.section-header .section-title.title-medium~hr {
  margin-top: 1.5em;
  margin-bottom: 1.8em;
}
.section-header .section-title.title-large~hr {
  margin-top: 1.5em;
  margin-bottom: 2em;
}
.section-header .section-title.title-xlarge~hr {
  margin-top: 1.5em;
  margin-bottom: 2.1em;
}
.section-header .section-title ~ hr:last-child {
  margin-bottom: 0;
}
.section-header p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(0,0,0,0.75);
}
.section-title.title-large~p,
.section-title.title-large~.description {
  font-size: 25px;
}
.section-title.title-xlarge~p,
.section-title.title-xlarge~.description {
  font-size: 30px;
}
.light .section-header p {
  color: rgba(255,255,255,0.85);
}
.section-header~.btn,
.section-title~.btn {
  margin-top: 20px;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .section-header .section-title {
    font-size: 30px;
  }
  .section-header .section-title.title-small {
    font-size: 22px;
  }
  .section-header .section-title.title-medium {
    font-size: 30px;
  }
  .section-header .section-title.title-large {
    font-size: 40px;
  }
  .section-header .section-title.title-xlarge {
    font-size: 50px;
  }
  .section-title.title-small~p,
  .section-title.title-small~.description {
    font-size: 18px;
  }
  .section-title.title-large~p,
  .section-title.title-large~.description {
    font-size: 20px;
  }
  .section-title.title-xlarge~p,
  .section-title.title-xlarge~.description {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) and (min-width: 1px) {
  .section-header .section-title {
    font-size: 26px;
  }
  .section-header .section-title.title-small {
    font-size: 20px;
  }
  .section-header .section-title.title-medium {
    font-size: 26px;
  }
  .section-header .section-title.title-large {
    font-size: 36px;
  }
  .section-header .section-title.title-xlarge {
    font-size: 40px;
  }
  .section-title.title-medium~p,
  .section-title.title-medium~.description {
    font-size: 18px;
  }
  .section-title.title-large~p,
  .section-title.title-large~.description {
    font-size: 20px;
  }
  .section-title.title-xlarge~p,
  .section-title.title-xlarge~.description {
    font-size: 22px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .section-header .section-title.title-large {
    font-size: 30px;
  }
  .section-header .section-title.title-xlarge {
    font-size: 36px;
  }
  .section-title.title-large~p,
  .section-title.title-large~.description {
    font-size: 18px;
  }
  .section-title.title-xlarge~p,
  .section-title.title-xlarge~.description {
    font-size: 20px;
  }
}

/*--------------------------------------------------------------
/** 19. Sidebars
--------------------------------------------------------------*/
#sidebar {
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%;
}

/* - Right Sidebar
--------------------------------------------------------------*/
.sidebar-right #content-area {
  float: left;
  margin-right: 4%;
  padding: 80px 0 0 0;
  width: 66%;
}
.sidebar-right #sidebar {
  float: right;
  margin: 0;
  padding: 80px 0 0 3%;
  width: 30%;
}

/* - Left Sidebar
--------------------------------------------------------------*/
.sidebar-left #content-area {
  float: right;
  margin-left: 4%;
  padding: 80px 0 0 0;
  width: 66%;
}
.sidebar-left #sidebar {
  float: left;
  margin: 0;
  padding: 80px 3% 0 0;
  width: 30%;
}

@media (max-width: 1024px) and (min-width: 1000px) {
  .sidebar-right #content-area {
    margin-right: 2%;
    width: 68%;
  }
  .sidebar-left #content-area {
    margin-left: 2%;
    width: 68%;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .sidebar-right #content-area,
  .sidebar-left #content-area,
  .sidebar-right #sidebar,
  .sidebar-left #sidebar {
    background: none;
    float: none;
    border: 0;
    margin: 0 auto;
    padding: 60px 0 0 0;
    width: 100%;
  }
}

/*--------------------------------------------------------------
/** 20. Footer
--------------------------------------------------------------*/
#footer {
  background: #1d1d1d;
  position: relative;
  padding: 0;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  z-index: 9;
}
#footer.footer-fixed {
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
  transition: all .4s ease;
  -ms-transition: all .4s ease;
}
#footer.footer-light {
  background: #f2f1ef;
}
#footer,
#footer a,
#footer a.goto:hover,
.footer-bottom,
.copyright a,
.footer-menu li a {
  color: rgba(255,255,255,0.6);
}
#footer.footer-dark h1,
#footer.footer-dark .h1,
#footer.footer-dark h2,
#footer.footer-dark .h2,
#footer.footer-dark h3,
#footer.footer-dark .h3,
#footer.footer-dark h4,
#footer.footer-dark .h4,
#footer.footer-dark h5,
#footer.footer-dark .h5,
#footer.footer-dark h6,
#footer.footer-dark .h6 {
  color: rgba(255,255,255,0.6);
}
#footer.footer-light,
#footer.footer-light a,
#footer.footer-light a.goto:hover,
.footer-light .footer-bottom,
.footer-light .copyright a,
.footer-light .footer-menu li a {
  color: rgba(0,0,0,0.75);
}
#footer a:hover {
  color: #fff;
}
#footer.footer-light a:hover {
  color: rgba(0,0,0,0.95);
}
#footer .social-icon-block a {
  /*background-color: transparent;*/
  border-color: transparent;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
#footer .social-small .social-icon-block a {
  border-radius: 0;
}
#footer .social-small .social-icon-block i,
#footer .social-accent .social-icon-block i,
#footer .social-dark .social-icon-block i,
#footer .social-light .social-icon-block i,
#footer .social-transparent-accent .social-icon-block i,
#footer .social-transparent-dark .social-icon-block i,
#footer .social-transparent-light .social-icon-block i {
  border: 0;
  border-radius: 2px;
  color: rgba(255,255,255,0.6);
}
#footer .social-small .social-icon-block a:hover i,
#footer .social-accent .social-icon-block a:hover i,
#footer .social-dark .social-icon-block a:hover i,
#footer .social-light .social-icon-block a:hover i,
#footer .social-transparent-accent .social-icon-block a:hover i,
#footer .social-transparent-dark .social-icon-block a:hover i,
#footer .social-transparent-light .social-icon-block a:hover i {
  color: #fff;
}
#footer.footer-light .social-small .social-icon-block a:hover i{
  color: #222;
}
#footer.footer-light .social-icon-block i {
  border: 0;
  border-radius: 2px;
  color: rgba(0,0,0,0.75);
}
#footer .widget .social-small .social-icon-block li {
  margin-right: 30px ;
}
#footer .widget .social-small .social-icon-block li:last-child {
  margin-right: 0px ;
}
#footer .footer-logo {
  position: relative;
  display: block;
  margin-bottom: 1.5em;
}
#footer [class*="col-md-12"] .footer-logo {
  margin-bottom: 2em;
}
#footer .footer-logo:last-child {
  margin-bottom: 0;
}
#footer .footer-logo img {
  max-height: 40px;
}
#footer hr {
  height: 2px;
  background-color: rgba(255,255,255,0.2);
}
#footer .footer-logo img {
  margin: 0;
}
#footer .love-text {
  margin-top: 2em;
  text-align: center;
}
#footer .love-text .love {
  margin: 0 3px;
  color: #f01010;
}

@media only screen and (max-width: 480px) {
  #footer .widget .social-small .social-icon-block li {
    margin-right: 20px ;
  }
}
/* - Footer Bottom
--------------------------------------------------------------*/
.footer-bottom {
  margin: 0;
  padding: 0;
}
.footer-bottom .container {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 25px;
  padding-bottom: 25px;
}
.footer-light .footer-bottom .container {
  border-color: rgba(0,0,0,0.1);
}
.footer-bottom .col {
  margin-top: 0;
  margin-bottom: 0;
}

/* -- Copyright
--------------------------------------------------------------*/
.footer-bottom .copyright {
  display: table;
  width: 100%;
  min-height: 42px;
  font-size: 13px;
}
.footer-bottom .copyright span {
  display: table-cell;
  vertical-align: middle;
}

/* -- Footer Social
--------------------------------------------------------------*/
.footer-bottom .socials {
  float: right;
  line-height: 42px;
}
.footer-bottom .socials li {
  margin: 0 5px 0 0;
}
.footer-bottom .socials li:last-child {
  margin: 0;
}
.footer-bottom .social-icon-block a {
  background: none;
  border: 0;
}

/* -- Footer Menu
--------------------------------------------------------------*/
.footer-menu {
  float: right;
}
.col.grid-12>.footer-menu {
  float: none;
}
.footer-menu ul {
  list-style-type: none;
  margin: 0;
}
.footer-menu ul li {
  display: inline-block;
  float: none;
  position: relative;
  margin: 0;
  padding: 0 10px;
  font-size: 13px;
  line-height: 42px;
  letter-spacing: 1px;
}
.footer-menu ul li:first-child {
  padding-left: 0;
}
.footer-menu ul li:last-child {
  padding-right: 0;
}
.footer-menu ul li::before {
  content: "";
  background: rgba(255,255,255,0.2);
  position: absolute;
  top: 50%;
  left: -2px;
  border-radius: 4px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
}
.footer-light .footer-menu ul li::before {
  background: rgba(0,0,0,0.2);
}
.footer-menu ul li:first-child::before {
  display: none;
}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .footer-bottom .row [class*="col-"],
  .footer-bottom .row [class*="col-"]:nth-child(-n+1) {
    margin-top: 0;
  }
  .footer-bottom .copyright,
  .footer-bottom .socials,
  .footer-menu {
    float: none;
    text-align: center;
    line-height: inherit;
  }
}

/*--------------------------------------------------------------
/** 21. Widget Styles
--------------------------------------------------------------*/

/* - Widget General Styles
--------------------------------------------------------------*/
.widget {
  display: block;
  margin-bottom: 2em;
}
.widget-title {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 8px;
  font-weight: 600;
}
#sidebar .widget-title,
#footer .widget-title {
  font-size: 15px;
}
#sidebar .widget ul,
#footer .widget ul {
  list-style-type: none;
  margin: 0;
}
#sidebar .widget ul li,
#footer .widget ul li {
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
   padding: 8px 0 8px;
}
#sidebar .widget .social-icon-block li,
#footer .widget .social-icon-block li {
  border: 0;
  margin: 3px 6px 3px 0;
  padding: 0;
}
#sidebar .widget .social-icon-block li:last-child,
#footer .widget .social-icon-block li:last-child {
  margin:  3px 0px;
}
#sidebar .widget ul li:first-child,
#footer .widget ul li:first-child {
  padding-top: 0;
  border-top: 0;
}
.widget .meta-date {
  display: block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: normal;
  color: #999;
}
#footer .widget .meta-date {
  color: rgba(255,255,255,0.4);
}
#footer.footer-light .widget .meta-date {
  color: rgba(0,0,0,0.6);
}

/* - Sidebar Widget Styles
--------------------------------------------------------------*/
#sidebar .widget {
  background-color: #f2f1ef;
  display: block;
  border-radius: 2px;
  margin-bottom: 60px;
  padding: 10%;
  font-size: 15px;
  color: #666;
}
#sidebar .widget:last-child {
  margin-bottom: 80px;
}
#sidebar .widget ul li {
  border-bottom: 1px solid #e5e5e5;
}
#sidebar .widget ul li:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}
#sidebar .widget li a {
  padding-bottom: 2px;
  color: #666;
}
#sidebar .widget li a:hover {
  border-bottom: 1px dotted #c73154;
  color: #c73154;
}

/* - Footer Widget Styles
--------------------------------------------------------------*/
.footer-widgets {
  padding: 80px 0 60px;
}
#footer .widget {
  margin-bottom: 0;
}
#footer .widget-title,
#footer.footer-dark .widget-title {
  color: rgba(255,255,255,0.9);
}
#footer.footer-light .widget-title {
  color: rgba(0,0,0,0.8);
}
#footer.footer-light .widget-title::after {
  background-color: rgba(0,0,0,0.1);
}
#footer.footer-light .widget ul li {
  border-color: rgba(0,0,0,0.1);
  border-color: transparent;
  padding-bottom: 0;
}
#footer .widget ul li:first-child {
  padding-top: 0;
}
#footer .widget ul li:last-child {
  padding-bottom: 0;
}
#footer .list-style li i {
  color: rgba(255,255,255,0.75);
}
#footer.footer-light .list-style li i {
  color: rgba(0,0,0,0.75);
}

@media only screen and (max-width: 768px) and (min-width: 1px) {
  #sidebar .widget {
    margin-bottom: 30px;
  }
  #sidebar .widget:last-child {
    margin-bottom: 60px;
  }
  .footer-widgets {
    padding: 60px 0 60px;
  }
}

/* - Newsletter Widget
--------------------------------------------------------------*/
.newsletter-widget p {
  margin-bottom: 20px;
}
.newsletter-widget .subscribe-form {
  position: relative;
}
.newsletter-widget .form-control {
  background-color: rgba(255,255,255,0.05);
  width: 100%;
  height: 46px;
}
.footer-dark .newsletter-widget .form-control {
  border: 1px solid rgba(255,255,255,0.05);
}
.footer-dark .newsletter-widget .form-control:focus {
  border-color: #c73154;
}
.footer-light .newsletter-widget .form-control {
  background-color: rgba(255,255,255,0.5);
}
.newsletter-widget .btn-submit {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 4px 4px 0;
  padding: 0;
  width: 46px;
  height: 46px;
  line-height: 42px;
  text-align: center;
}
.newsletter-widget .btn-submit i {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

/* - Tag Cloud Widget
--------------------------------------------------------------*/
.tag-cloud a {
  display: inline-block;
  float: left;
  border: 1px solid #e5e5e5;
  margin: 4px 4px 0 0;
  padding: 2px 8px;
  font-size: 12px;
   color: #666;
  border-radius: 2px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tag-cloud a:hover {
  background-color: #c73154;
  border: 1px solid #c73154;
  color: #fff;
}
#footer .tag-cloud a {
  border-color: rgba(255,255,255,0.1);
}
#footer.footer-light .tag-cloud a {
  border-color: rgba(0,0,0,0.1);
}
#footer .tag-cloud a:hover {
  background-color: rgba(255,255,255,0.9);
  color: #222;
}
#footer.footer-light .tag-cloud a:hover {
  background-color: rgba(0,0,0,0.75);
  color: #fff;
}

/* - Sidebar Navigation Widget
--------------------------------------------------------------*/
.sidebar-navigation-widget ul {
  border: 1px solid #e5e5e5;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
}
.sidebar-navigation-widget > ul > li {
  overflow: visible !important;
  position: relative;
  margin: 0;
  border: 0 !important;
  padding: 0 !important;
}
.sidebar-navigation-widget > ul > li.active {
  position: relative;
}
.sidebar-navigation-widget > ul > li::after,
.sidebar-navigation-widget > ul > li::before {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.sidebar-right .sidebar-navigation-widget > ul > li.active::after,
.sidebar-right .sidebar-navigation-widget > ul > li.active::before,
.sidebar-left .sidebar-navigation-widget > ul > li.active::after,
.sidebar-left .sidebar-navigation-widget > ul > li.active::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: 0;
  right: 100%;
  display: block;
  border: solid transparent;
  width: 0;
  height: 0;
  opacity: 1;
}
.sidebar-left .sidebar-navigation-widget > ul > li.active::after,
.sidebar-left .sidebar-navigation-widget > ul > li.active::before,
.sidebar-left .sidebar-navigation-widget > ul > li .active::after,
.sidebar-left .sidebar-navigation-widget > ul > li .active::before {
  left: 100%;
}
.sidebar-right .sidebar-navigation-widget > ul > li.active::before {
  border-width: 26px 13px 26px 26px;
  border-right-color: #e5e5e5;
}
.sidebar-right .sidebar-navigation-widget > ul > li.active::after {
  margin-right: -1px;
  border-width: 26px 13px 26px 26px;
  border-right-color: #f7f7f7;
}
.sidebar-left .sidebar-navigation-widget > ul > li.active::before {
  border-width: 26px 26px 26px 13px;
  border-left-color: #e5e5e5;
}
.sidebar-left .sidebar-navigation-widget > ul > li.active::after {
  margin-left: -1px;
  border-width: 26px 26px 26px 13px;
  border-left-color: #f7f7f7;
}
.sidebar-navigation-widget a {
  display: block;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.sidebar-navigation-widget > ul > li > a {
  border-bottom: 1px solid #e5e5e5;
  padding-left: 13px;
  padding-right: 13px;
  background: #fff;
}
.sidebar-navigation-widget > ul > li.active > a,
.sidebar-navigation-widget > ul > li .active > a {
  background: #f7f7f7;
}
.sidebar-navigation-widget > ul > li:hover > a,
.sidebar-navigation-widget > ul > li.active:hover > a {
  background: #f7f7f7;
  color: inherit !important;
}

/* - Twitter Widget
--------------------------------------------------------------*/
.twitter-widget p {
  margin-bottom: 5px;
}
.twitter-widget .twitter-follow-link {
  font-weight: bold;
}
.twitter-widget .twitter-follow-link i {
  position: relative;
  top: 2px;
  margin-right: 7px;
  color: #00aced;
}
.twitter-widget .twitter-wrap a {
  padding-bottom: 1px;
  border-bottom: 1px dotted #666;
}
.twitter-widget .twitter-wrap .tweet_time,
.twitter-widget .twitter-wrap .timePosted {
  font-size: 11px;
}
#sidebar .twitter-wrap li:first-child {
  margin-top: 0;
}
#footer .twitter-widget .twitter-wrap ul li {
  background-color: rgba(0,0,0,0.1);
  position: relative;
  border: 0;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 10px 15px 15px;
  border-radius: 2px;
}
#footer.footer-light .twitter-widget .twitter-wrap ul li {
  background-color: rgba(0,0,0,0.03);
}
#footer .twitter-widget .twitter-wrap ul li:first-child {
  margin-top: 15px;
}
#footer .twitter-widget .twitter-wrap ul li::after {
  content: '';
  position: absolute;
  top: -20px;
  left: 10px;
  border: 10px solid transparent;
  border-bottom-color: rgba(0,0,0,0.2);
}
#footer .twitter-widget .twitter-wrap ul li:last-child {
  margin-bottom: 0;
}

/* -- Twitter Slider
--------------------------------------------------------------*/
.twitter-widget .owl-theme .owl-controls .owl-pagination {
  text-align: left;
}
.twitter-widget .owl-theme .owl-controls .owl-page span {
  background-color: #ccc;
  border: 1px solid transparent;
  height: 10px;
  width: 10px;
}
.twitter-widget .owl-theme .owl-controls .owl-page.active span {
  background-color: transparent;
  border-color: #ccc;
  border: 1px solid #ccc;
  opacity: 1;
}
.twitter-widget .twitter-wrap .owl-theme .owl-controls .owl-buttons {
  display: none;
}

/* - Categories / Archives Widget
--------------------------------------------------------------*/
.categories-widget li a,
.archives-widget li a {
  position: relative;
}
.categories-widget li a span,
.archives-widget li a span {
  position: absolute;
  top: 1px;
  right: 0;
  border: 1px solid #e5e5e5;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  color: #8d8d8d;
  text-align: center;
  border-radius: 15px;
  min-width: 26px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.categories-widget li a:hover span,
.archives-widget li a:hover span {
  background: #c71219;
  border: 1px solid #c71219;
  color: #fff;
}
#footer .categories-widget li a span,
#footer .archives-widget li a span {
  border: 1px solid #222;
  color: #a5a5a5;
}
#footer .categories-widget li a:hover span,
#footer .archives-widget li a:hover span {
  background: #c71219;
  border: 1px solid #c71219;
  color: #fff;
}
.archives-widget .post-count {
  position: absolute;
  bottom: 8px;
  right: 0px;
  font-size: 11px;
  color: #999;
}
.archives-widget .post-number {
  color: #222;
}
#footer .archives-widget .post-number {
  color: #fff;
}

/* - Search Widget
--------------------------------------------------------------*/
#search-widget, #search-form {
  position: relative;
  margin: 0;
}
input.search-input {
  padding-right: 40px;
  height: 38px;
}
input.search-submit {
  background: transparent url('../images/search_icon.png') no-repeat scroll 0 0;
  display: block;
  position: absolute;
  border: 0;
  margin: 0;
  top: 10px;
  right: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-indent: -9999px;
}
#search-form .search-button {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 38px;
  height: 38px;
  line-height: 36px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#search-form .search-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: rgba(0,0,0,0.2);
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.2s ease;
  transition: color 0.3s ease;
}
#search-form .search-button:hover i {
  color: #c73154;
}
#search-form input::-webkit-input-placeholder {
  color: rgba(0,0,0,0.3); /* WebKit browsers */
}
#search-form input:-moz-placeholder {
  color: rgba(0,0,0,0.3); /* Mozilla Firefox 4 to 18 */
}
#search-form input::-moz-placeholder {
  color: rgba(0,0,0,0.3); /* Mozilla Firefox 19+ */
}
#search-form input:-ms-input-placeholder {
  color: rgba(0,0,0,0.3);/* Internet Explorer 10+ */
}

/* - Text Widget
--------------------------------------------------------------*/
.text-widget p {
  margin-bottom: 20px;
}
.text-widget p:last-child {
  margin-bottom: 0;
}
.text-widget .socials~p,
.text-widget p~.socials {
  margin-top: 2em;
}

/* - Popular Posts / Recent Posts/ Recent Comments Widget
--------------------------------------------------------------*/
.posts-list .post-media,
.recent-comments-list .post-media {
  display: block;
  overflow: hidden;
  float: left;
  position: relative;
}
.posts-list .post-media img,
.recent-comments-list .post-media img {
  margin: 6px 10px 4px 0;
  width:55px;
  height:55px;
  line-height: 100%;
}
.posts-list .post-content,
.recent-comments-list .post-content {
  overflow: hidden;
}

/*--------------------------------------------------------------
/** 22. Portfolio Styles
--------------------------------------------------------------*/

/* - General Styles
--------------------------------------------------------------*/
.portfolio {
  position: relative;
  padding: 0;
}
.portfolio:not(.portfolio-full-width) .row {
  margin: 0;
}
.portfolio-wrap {
  position: relative;
}
.portfolio-container {
  position: relative;
  z-index: 1;
}
.portfolio-container .portfolio-item {
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
}
.portfolio-container .portfolio-item a {
  display: block;
  position: relative;
}
.portfolio-item .portfolio-image {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.portfolio-item .portfolio-image img {
  display: block;
  margin-bottom: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}
.portfolio-item a:hover .portfolio-image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.portfolio-item .portfolio-info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 12;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.portfolio-info .title {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.15s ease-in;
  transition: transform 0.3s ease-in-out, opacity 0.15s ease-in;
}
.portfolio-item a:hover .portfolio-info .title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.portfolio-info .meta-categories {
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: -webkit-transform 0.3s ease-in-out,opacity 0.15s ease-in;
  transition: transform 0.3s ease-in-out,opacity 0.15s ease-in;
}
.portfolio-item a:hover .portfolio-info .meta-categories {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 0.2s,0.2s;
  transition-delay: 0.2s,0.2s;
}
.portfolio-info .meta-categories ul {
  position: relative;
  margin: 0;
  line-height: 0;
  color: rgba(255,255,255,0.8);
  opacity: 1;
}
.portfolio-info .meta-categories ul li {
  display: inline-block;
  position: relative;
  margin: 5px 0 0 0;
  padding: 0 10px;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}
.portfolio-info .meta-categories ul li:first-child {
  padding-left: 0;
}
.portfolio-info .meta-categories ul li:last-child {
  padding-right: 0;
}
.portfolio-info .meta-categories ul li::before {
  content: "";
  background: rgba(255,255,255,0.8);
  position: absolute;
  top: 50%;
  left: -2px;
  border-radius: 4px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
}
.portfolio-info .meta-categories ul li:first-child::before {
  display: none;
}
.portfolio-item .mask-overlay {
  background-color: #c73154;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.portfolio-item a:hover .mask-overlay {
  opacity: 0.9;
}

/* - Portfolio Hover Styles
--------------------------------------------------------------*/
/* Style 2 */
.style-2 .portfolio-item .portfolio-info {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  margin: 20px 0 0 0;
  text-align: left;
  z-index: 12;
  -webkit-transform: none;
  transform: none;
}
.portfolio[data-gutter-width="0"].style-2 .portfolio-item .portfolio-info {
  margin: 20px 0;
  text-align: center;
}
.style-2 .portfolio-info .title {
  font-size: 16px;
  color: #222;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
.light .style-2 .portfolio-info .title {
  color: #fff;
}
.style-2 .portfolio-info .meta-categories {
  margin-top: 5px;
  font-size: 12px;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
.style-2 .portfolio-info .meta-categories ul {
  color: rgba(0,0,0,0.8);
}
.light .style-2 .portfolio-info .meta-categories ul {
  color: rgba(255,255,255,0.8);
}
.style-2 .portfolio-info .meta-categories ul li {
  margin-top: 0;
  font-size: 12px;
}
.style-2 .portfolio-info .meta-categories ul li::before {
  background: rgba(0,0,0,0.2);
}
.light .style-2 .portfolio-info .meta-categories ul li::before {
  background: rgba(255,255,255,0.2);
}
.style-2 .portfolio-item .mask-overlay {
  display: none;
}

/* Style 3 */
.style-3 .portfolio-item a::before,
.style-3 .portfolio-item a::after {
  content: '';
  position: absolute;
  top: 21px;
  right: 21px;
  bottom: 21px;
  left: 21px;
  opacity: 0;
  z-index: 10;
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.style-3 .portfolio-item a::before{
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  z-index: ;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}
.style-3 .portfolio-item a::after{
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}
.style-3 .portfolio-item a:hover::before,
.style-3 .portfolio-item a:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
  transition: opacity 0.4s ease, transform 0.45s ease .2s;
}
.style-3 .portfolio-item .portfolio-info {
  position: absolute;
  top: auto;
  bottom: 40px;
  left: 43px;
  width: auto;
  text-align: left;
  opacity: 0;
  z-index: 12;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}
.style-3 .portfolio-item a:hover .portfolio-info {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.style-3 .portfolio-info .title,
.style-3 .portfolio-item .meta-categories {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
}
.portfolio:not(.portfolio-full-width).three-col.style-3 .portfolio-info .title,
.portfolio:not(.portfolio-full-width).four-col.style-3 .portfolio-info .title {
  font-size: 22px;
}

/* - Portfolio Grid
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  width: 25%;
}
.portfolio.two-col .portfolio-item,
.portfolio.portfolio-full-width.two-col .portfolio-item {
  width: 50%;
}
.portfolio.three-col .portfolio-item,
.portfolio.portfolio-full-width.three-col .portfolio-item {
  width: 33.333333%;
}
.portfolio.four-col .portfolio-item,
.portfolio.portfolio-full-width.four-col .portfolio-item {
  width: 25%;
}
.portfolio.five-col .portfolio-item,
.portfolio.portfolio-full-width.five-col .portfolio-item {
  width: 20%;
}
.portfolio-item .portfolio-item-inner {
  overflow: hidden;
  position: relative;
}
.portfolio-item.wide-tall img,
.portfolio-item.tall img,
.portfolio-item.wide img {
  max-width: none;
  display: inline-block;
}
.portfolio.mixed-masonry .portfolio-item.wide,
.portfolio.mixed-masonry .portfolio-item.wide-tall {
  width: 50%;
}
.portfolio.mixed-masonry.two-col .portfolio-item.wide {
  width: 100%;
}
.portfolio.mixed-masonry.two-col .portfolio-item.wide-tall {
  width: 50%;
}
.portfolio.mixed-masonry.three-col .portfolio-item.wide,
.portfolio.mixed-masonry.three-col .portfolio-item.wide-tall {
  width: 66.666666%;
}
.portfolio.mixed-masonry.four-col .portfolio-item.wide,
.portfolio.mixed-masonry.four-col .portfolio-item.wide-tall {
  width: 50%;
}
.portfolio.mixed-masonry.five-col .portfolio-item.wide,
.portfolio.mixed-masonry.five-col .portfolio-item.wide-tall {
  width: 40%;
}

/* - Portfolio Full Width
--------------------------------------------------------------*/
.full-width-section [class*="col-"] .portfolio-full-width {
  margin: 0 -15px;
}
.portfolio-full-width .container {
  width: 100%;
  max-width: 100%;
}
.portfolio-full-width .portfolio-item {
  margin: 0;
}
.portfolio.portfolio-full-width .portfolio-item {
  width: 20%;
}
.portfolio-full-width.mixed-masonry .portfolio-item.wide,
.portfolio-full-width.mixed-masonry .portfolio-item.wide-tall {
  width: 40%;
}

@media only screen and (max-width: 1600px) and (min-width: 1280px) {
  .portfolio .portfolio-item,
  .portfolio.portfolio-full-width .portfolio-item {
    width: 25%;
  }
  .portfolio-full-width.mixed-masonry .portfolio-item.wide,
  .portfolio-full-width.mixed-masonry .portfolio-item.wide-tall {
    width: 50%;
  }
  .portfolio.three-col .portfolio-item,
  .portfolio.portfolio-full-width.three-col .portfolio-item {
    width: 33.333333%;
  }
  .portfolio.mixed-masonry.three-col .portfolio-item .wide,
  .portfolio.portfolio-full-width.mixed-masonry.three-col .portfolio-item .wide-tall {
    width: 66.666666%;
  }
  .portfolio-info .title {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1140px) {
  .portfolio .portfolio-item,
  .portfolio.portfolio-full-width .portfolio-item {
    width: 25%;
  }
  .portfolio.mixed-masonry .portfolio-item.wide,
  .portfolio.mixed-masonry .portfolio-item.wide-tall {
    width:  50%;
  }
  .portfolio-info .title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1140px) and (min-width: 992px) {
  .portfolio .portfolio-item,
  .portfolio.portfolio-full-width .portfolio-item,
  .portfolio.three-col .portfolio-item,
  .portfolio.portfolio-full-width.three-col .portfolio-item,
  .portfolio.four-col .portfolio-item,
  .portfolio.portfolio-full-width.four-col .portfolio-item,
  .portfolio.five-col .portfolio-item,
  .portfolio.portfolio-full-width.five-col .portfolio-item {
    width: 33.333333%;
  }
  .portfolio.mixed-masonry .portfolio-item.wide,
  .portfolio.mixed-masonry .portfolio-item.wide-tall,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide-tall,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide-tall {
    width: 66.666666%;
  }
  .portfolio-info .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .portfolio .portfolio-item,
  .portfolio.portfolio-full-width .portfolio-item,
  .portfolio.three-col .portfolio-item,
  .portfolio.portfolio-full-width.three-col .portfolio-item,
  .portfolio.four-col .portfolio-item,
  .portfolio.portfolio-full-width.four-col .portfolio-item,
  .portfolio.five-col .portfolio-item,
  .portfolio.portfolio-full-width.five-col .portfolio-item {
    width: 50%;
  }
  .portfolio.mixed-masonry .portfolio-item.wide {
    width: 100%;
  }
  .portfolio.mixed-masonry .portfolio-item.wide-tall {
    width: 50%;
  }
  .portfolio.portfolio-full-width.three-col .portfolio-item,
  .portfolio.portfolio-full-width.four-col .portfolio-item,
  .portfolio.portfolio-full-width.five-col .portfolio-item {
    width: 50%;
  }
  .portfolio.mixed-masonry.three-col .portfolio-item.wide,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide {
    width: 100%;
  }
  .portfolio.mixed-masonry.three-col .portfolio-item.wide-tall,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide-tall,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide-tall {
    width: 50%;
  }
  .portfolio-info .title {
    font-size: 22px;
  }
  .portfolio-info .meta-categories ul li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1px) {
  .portfolio .portfolio-item,
  .portfolio.portfolio-full-width .portfolio-item,
  .portfolio.mixed-masonry .portfolio-item.wide,
  .portfolio.mixed-masonry.three-col .portfolio-item.wide,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide,
  .portfolio.mixed-masonry .portfolio-item.wide-tall {
    width: 100%;
  }
  .portfolio.two-col .portfolio-item,
  .portfolio.portfolio-full-width.two-col .portfolio-item,
  .portfolio.mixed-masonry.two-col .portfolio-item.wide-tall,
  .portfolio.three-col .portfolio-item,
  .portfolio.portfolio-full-width.three-col .portfolio-item,
  .portfolio.mixed-masonry.three-col .portfolio-item.wide-tall,
  .portfolio.four-col .portfolio-item,
  .portfolio.portfolio-full-width.four-col .portfolio-item,
  .portfolio.mixed-masonry.four-col .portfolio-item.wide-tall,
  .portfolio.five-col .portfolio-item,
  .portfolio.portfolio-full-width.five-col .portfolio-item,
  .portfolio.mixed-masonry.five-col .portfolio-item.wide-tall {
    width: 100%;
  }
  .portfolio-info .title {
    font-size: 22px;
  }
  .portfolio-info .meta-categories ul li {
    font-size: 12px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .portfolio-info .title {
    font-size: 18px;
  }
}

/* - Portfolio Filter
--------------------------------------------------------------*/
.filter {
  display: block;
  position: relative;
  padding: 3em 0;
  z-index: 2;
}
.portfolio-full-width .filter {
  padding: 3em 4em;
}

/* -- Filter List */
.filter-list {
  text-align: left;
}
.filter a {
  display: block;
  padding: 10px 15px;
  min-width: 0;
  line-height: 24px;
}
.portfolio-filter {
  float: left;
  margin: 13px 5px 10px;
  padding: 10px 15px 10px 0;
  cursor: default;
}
.portfolio-filter .filter-by {
  font-size: 1.2em;
  font-weight: bold;
  text-transform: capitalize;
}
.portfolio-filter .drop-arrow {
  display: none;
}
.filter-items {
  list-style-type: none;
  background: transparent;
  display: block;
  float: right;
  position: relative;
  border: 0;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.filter-items li {
  float: left;
  position: relative;
  margin: 10px 5px;
  min-width: 120px;
  text-align: center;
  z-index: 3;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.filter-items li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  border: 12px solid transparent;
  border-top-color: #f7f7f7;
  margin-left: -12px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filter-items li.active {
  color: #fff;
}
.filter-items li.active::after {
  border-top-color: #222;
  bottom: -24px;
}
.filter-items li a {
  background-color: transparent;
  position: relative;
  border: 3px solid #e5e5e5;
  color: inherit;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.filter-items li a:hover {
  border-color: #c73154;
}
.filter-items li.active a {
  background: #222;
  border-color: #222;
}

/* -- Filter Drop Down */
.filter-dropdown {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  display: inline-block;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  width: 250px;
  text-align: left;
  z-index: 100;
  -webkit-box-shadow: 0 2px 2px -1px #ddd;
  -moz-box-shadow: 0 2px 2px -1px #ddd;
  box-shadow: 0 2px 2px -1px #ddd;
}
.filter-dropdown li a,
.filter-dropdown .portfolio-filter {
  display: block;
  float: none;
  border: 0;
  margin: 0;
  padding: 10px 15px;
  min-width: 200px;
  line-height: 24px;
  font-weight: normal;
}
.filter-dropdown .portfolio-filter {
  position: relative;
  padding: 10px 50px 10px 15px;
  color: #999;
  cursor: pointer;
}
.filter-dropdown .portfolio-filter:hover {
  color: #999;
}
.filter-dropdown .portfolio-filter .filter-by {
  font-size: 14px;
  font-weight: normal;
  color: #222;
}
.filter-dropdown .portfolio-filter .drop-arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  border-left: 1px solid #e5e5e5;
  margin-top: -15px;
  width: 50px;
  height: 30px;
  z-index: 10;
}
.filter-dropdown .portfolio-filter .drop-arrow::before,
.filter-dropdown .portfolio-filter .drop-arrow::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 9px;
  background: rgba(34, 34, 34, 0.7);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: width 0.3s, -webkit-transform 0.3s;
  transition: width 0.3s, transform 0.3s;
}
.filter-dropdown .portfolio-filter .drop-arrow::before {
  right: 23px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter-dropdown .portfolio-filter .drop-arrow::after {
  right: 18px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.filter-dropdown .portfolio-filter.open .drop-arrow::before,
.filter-dropdown .portfolio-filter.open .drop-arrow::after {
  background-color: #c73154;
  width: 14px;
}
.filter-dropdown .portfolio-filter.open .drop-arrow::before{
  -webkit-transform: translateX(5px) rotate(-45deg);
  transform: translateX(5px) rotate(-45deg);
}
.filter-dropdown .portfolio-filter.open .drop-arrow::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.filter-dropdown .filter-items {
  list-style-type: none;
  background: #fff;
  display: none;
  position: absolute;
  left: -1px;
  border: 1px solid #e5e5e5;
  border-top: 0;
  margin: 0;
  width: inherit;
}
.filter-dropdown .filter-items li {
  border: 0;
  margin: 0;
  width: 100%;
  min-width: 0;
  text-align: left;
}
.filter-dropdown .filter-items li::after {
  display: none;
}
.filter-dropdown .filter-items li:first-child {
  border-top: 1px dotted #f0f0f0;
}
.filter-dropdown .filter-items li:last-child {
  border-bottom: 0;
}
.filter-dropdown .filter-items li a:hover,
.filter-dropdown .filter-items li.active a {
  background-color: #c73154;
  color: #fff;
}

/* -- Filter Position */
.filter.filter-left {
  text-align: left;
}
.filter.filter-center {
  text-align: center;
}
.filter.filter-right {
  text-align: right;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .portfolio-filter {
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .portfolio-filter .filter-by {
    font-size: 1em;
  }
  .portfolio-full-width .filter {
    padding: 2em;
  }
  .filter-list .filter-items li {
    margin: 8px 2px;
    min-width: 0;
  }
  .filter-items li::after {
    border: 8px solid transparent;
    margin-left: -8px;
  }
  .filter-items li.active::after {
    bottom: -16px;
  }
  .filter-list .filter-items li a {
    padding: 5px 12px;
  }
  .filter.filter-left,
  .filter.filter-center,
  .filter.filter-right {
    text-align: center;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .filter-list .portfolio-filter {
    display: none;
  }
  .filter-list .filter-items {
    float: none;
    text-align: center;
  }
  .filter-list .filter-items li {
    float: none;
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .portfolio-full-width .filter {
    padding: 1em;
  }
}

/*--------------------------------------------------------------
/* 23. Portfolio Single
--------------------------------------------------------------*/

/* - General Styles
--------------------------------------------------------------*/
#portfolio-single {
  position: relative;
  padding: 80px 0;
}
#portfolio-single.portfolio-extended {
  padding: 0;
}
#portfolio-single .portfolio-details {
  margin-top: 3em;
}
#portfolio-single .portfolio-details:first-child {
  margin-top: 0;
  margin-bottom: 4em;
}
#portfolio-single .gallery-slider {
  margin-bottom: 30px;
}
#portfolio-single.portfolio-extended .gallery-slider {
  margin-bottom: 0;
}

/* - Portfolio Extended
--------------------------------------------------------------*/


/* - Portfolio Details
--------------------------------------------------------------*/
#portfolio-single .custom-field {
  position: relative;
  margin-bottom: 25px;
}
#portfolio-single .custom-field:last-child {
  margin-bottom: 0;
}
.portfolio-details .custom-field p {
  margin: 0 0 20px 0;
}
.portfolio-details .custom-field ul {
  list-style-type: none;
  margin: 0 0 25px 0;
}
.portfolio-details .custom-field ul li {
  margin: 0;
}

/* - Portfolio Navigation
--------------------------------------------------------------*/
.portfolio-nav a {
  background-color: #c73154;
  position: relative;
  float: left;
  display: table;
  height: 240px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
  z-index: 1;
}
.portfolio-nav .next,
.portfolio-nav .prev {
  width: 37.5%;
}
.portfolio-nav .all {
  width: 25%;
}
.portfolio-nav a::before {
  content: '';
  background-color: rgba(0,0,0,0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.portfolio-nav .all::before {
  background-color: rgba(0,0,0,0.05);
}
.portfolio-nav a:hover::before {
  background-color: rgba(0, 0, 0, 0.7);
}
.portfolio-nav a div {
  display: table-cell;
  vertical-align: middle;
}
.portfolio-nav a i {
  position: relative;
  font-size: 30px;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.portfolio-nav span {
  position: relative;
  z-index: 1;
}
.portfolio-nav .all i {
  display: block;
  line-height: 1.5em;
}
.portfolio-nav .next span {
  margin-right: 10px;
}
.portfolio-nav .prev span {
  margin-left: 10px;
}
.portfolio-nav .all span {
  line-height: 20px;
}

@media screen and (max-width: 767px) and (min-width: 1px) {
  .portfolio-nav a {
    height: 110px;
    font-size: 12px;
  }
  .portfolio-nav a i {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .portfolio-nav .next span,
  .portfolio-nav .prev span {
    display: none;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 1px) {
  #portfolio-single {
    padding: 60px 0;
  }
}

/*--------------------------------------------------------------
/** 24. Blog Styles
--------------------------------------------------------------*/
.blog {
  position: relative;
  margin: 0;
  padding: 0;
}
.blog:not(.blog-full-width) .row {
  margin: 0;
}
.blog-container {
  padding-top: 2em;
}
.blog:not(.blog-full-width) .blog-container {
  margin: 0 -0.75%;
}
.post {
  background: #fff;
  display: block;
  float: left;
  position: relative;
  border-radius: 6px;
  margin: 2% 0.75% 0;
  padding: 0;
  width: 31.83%;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.blog .post:hover,
.latest-post .post:hover {
  -webkit-box-shadow: 0 8px 15px rgba(0,0,0,0.1);
  box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.post .post-media {
  background-color: #eee;
  overflow: hidden;
  position: relative;
  border-radius: 6px 6px 0 0;
  padding-top: 63%;
}
.post .post-media img,
.post .post-media .video-wrap,
.post .post-content {
  position: relative;
  margin-bottom: 0;
}
.post .post-media img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 6px 0px 0px;
  width: 100%;
  max-width: none;
  height: auto;
}
.post .gallery-slider[data-pagination="true"] {
  margin-bottom: 0px;
}
.post .post-content {
  padding: 25px;
  height: 375px;
  min-height: 375px;
}
.post-header a:hover {
  color: #c73154;
}
.post-header .meta-categories {
  display: block;
  font-size: 13px;
  line-height: 1em;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #999;
}
.post-header .meta-categories a {
  position: relative;
  color: #c73154;
}
.post-header .meta-categories a::after {
  content: '';
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -0.25em;
  display: block;
  height: 2px;
  background-color: #c73154;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.post-header .meta-categories a:hover::after {
  left: 0;
  right: 0;
}
.post-content .blog-title {
  position: relative;
  margin: .75em 0 .5em;
  font-size: 1.5em;
  font-weight: 500;
}
.quote-post .post-content .blog-title,
.link-post .post-content .blog-title {
  margin-top: 0;
  margin-bottom: 0.8em;
  padding-top: 1.8em;
  padding-bottom: 0.8em;
  text-align: center;
}
.quote-post .post-content .blog-title {
  line-height: 1.3em;
}
.quote-post .post-content .blog-title::before,
.link-post .post-content .blog-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-family: "icomoon";
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-align: center;
}
.quote-post .post-content .blog-title::before {
  content: "\e738";
}
.link-post .post-content .blog-title::before {
  content: "\e7c8";
}
.quote-post .post-content .blog-title::after,
.link-post .post-content .blog-title::after {
  content: "";
  background-color: rgba(0,0,0,0.2);
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -25px;
  width: 40px;
  height: 2px;
}
.post .post-excerpt {
  border: 0;
  margin-bottom: 20px;
  padding: 0;
  max-height: 28%;
  position: relative;
  overflow: hidden;
}
.post .post-excerpt p {
  position: relative;
  margin: 0;
  line-height: 1.8em;
}
.post .post-excerpt::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: -webkit-linear-gradient(bottom,#fff 0,rgba(255,255,255,0) 60%);
  background: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 60%);
}
.blog-grid .post .post-excerpt .link-more {
  display: none;
}
.quote-post .post-content cite.author,
.link-post .post-content .destination {
  display: block;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
.quote-post .post-content a:hover,
.link-post .post-content a:hover,
.link-post .post-content .destination a:hover {
  color: inherit;
}
.meta-author {
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  margin: 0;
  padding: 20px 25px 20px;
  width: 100%;
}
.meta-author .author-link {
  display: inline-block;
}
.meta-avatar,
.meta-author .author-avatar {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 0;
  width: 45px;
  height: 45px;
  line-height: 0;
  vertical-align: middle;
}
.meta-author .author-avatar img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.author-link:hover img {
  border-radius: 2px;
}
.meta-author .author-avatar img {
  margin-bottom: 0;
}
.meta-author .author-details {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.meta-author .author-details span {
  display: block;
  line-height: 1.5em;
  white-space: nowrap;
}
.meta-author .author-details .author-name {
  font-size: 1.8rem;
  font-weight: normal;
  font-style: normal;
  color: rgba(0,0,0,0.8);
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.author-link:hover .author-details .author-name {
  color: inherit;
}
.meta-author .author-details .author-title {
  display: none;
  color: #999;
}
.meta-author .author-details .meta-date {
  display: block;
  font-size: 13px;
  font-style: normal;
  letter-spacing: 0.05em;
  color: #999;
}
.meta-comment {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}
.blog-standard .meta-comment {
  right: 0;
}
.meta-comment a {
  display: block;
  color: #c73154;
  opacity: 0.75;
}
.meta-comment a:hover {
  opacity: 1;
}
.meta-comment a i {
  padding: 2px;
}
.meta-comment a span {
  margin: 0 0 0 3px;
}
.meta-date {
  display: inline-block;
}
.post .post-content .list-styled li::before {
  top: 6px;
}

@media (min-width: 1400px) {
  .post:nth-child(-n+3) {
    margin-top: 0;
  }
  .post-content .blog-title {
    font-size: 1.5em;
  }
  .sidebar-right .post,
  .sidebar-left .post {
    margin: 3.2% 1.5% 0;
    width: 47%;
  }
}
@media (max-width: 1400px) and (min-width: 1000px) {
  .post {
    margin: 2% 0.75% 0;
    width: 31.83%;
  }
  .post:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media (max-width: 1000px) and (min-width: 768px) {
  .blog:not(.blog-full-width) .blog-container {
    margin: 0 -1.5%;
  }
  .post {
    margin: 3.2% 1.5% 0;
    width: 47%;
  }
  .post:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media (max-width: 767px) and (min-width: 1px) {
  .blog:not(.blog-full-width) .blog-container {
    margin: 0;
  }
  .post,
  .sidebar-right .post,
  .sidebar-left .post {
    margin: 7.2% 10% 0;
    width: 80%;
  }
  .post:nth-child(-n+1) {
    margin-top: 0;
  }
}
@media (max-width: 479px) and (min-width: 1px) {
  .post,
  .sidebar-right .post,
  .sidebar-left .post {
    margin: 10% 0 0;
    width: 100%;
  }
  .post .post-content,
  .meta-author {
    padding: 20px;
  }
}

/* - Blog Full Width
--------------------------------------------------------------*/
.blog-full-width .container {
  width: 100%;
  max-width: 100%;
}
.blog-full-width .blog-container {
  margin: 0 0.75%;
}

@media (min-width: 1400px) {
  .blog-full-width .post {
    margin: 1.8% .75% 0;
    width: 23.5%;
  }
  .blog-full-width .post:nth-child(-n+4) {
    margin-top: 0;
  }
}
@media (max-width: 1400px) and (min-width: 1000px) {
  .blog-full-width .blog-container {
    margin: 0 0.75%;
  }
}
@media (max-width: 1000px) and (min-width: 768px) {
  .blog-full-width .blog-container {
    margin: 0 1.5%;
  }
}
@media (max-width: 767px) and (min-width: 480px) {
  .blog-full-width .blog-container {
    margin: 0 5.5%;
  }
  .blog-full-width .post {
    margin: 7.2% 5.5% 0;
    width: 89%;
  }
  .blog-full-width .post:nth-child(-n+1) {
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .blog-full-width .blog-container {
    margin: 0 2.5%;
  }
  .blog-full-width .post {
    margin: 10% 2.5% 0;
    width: 95%;
  }
  .blog-full-width .post:nth-child(-n+1) {
    margin-top: 0;
  }
}

/* - Blog Grid / Latest Post
--------------------------------------------------------------*/
.sidebar-right .blog-grid,
.sidebar-left .blog-grid {
  margin: 0 -2%;
}
.sidebar-right .blog-grid .post,
.sidebar-left .blog-grid .post {
  margin: 0 2% 4.2%;
  width: 46%;
}
.full-width-section .latest-post {
  padding: 0 10px;
}
.full-width-section [class*="col-"] .latest-post {
  margin: 0 -15px;
}
.latest-post .col-md-3 {
  padding: 0px 10px;
}
.latest-post .post {
  margin: 0;
  width: 100%;
}
.blog-grid .gallery-slider .owl-carousel .owl-item,
.blog-grid .gallery-slider[data-autoheight="true"] .owl-carousel .owl-item {
  height: inherit;
}
.blog-grid .post.quote-post,
.blog-grid .post.link-post {
  background-color: #c73154;
}
.blog-grid .post .post-meta {
  padding: 0;
}
.blog-grid .quote-post .post-meta,
.blog-grid .link-post .post-meta {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.blog-grid .quote-post .post-meta .blog-title {
  font-size: 1.8em;
}
.blog-grid .quote-post .post-meta .blog-title,
.blog-grid .link-post .post-meta .blog-title,
.blog-grid .quote-post .post-meta cite.author,
.blog-grid .link-post .post-meta .destination a {
  color: #fff;
}
.blog-grid .quote-post .post-meta .blog-title::after,
.blog-grid .link-post .post-meta .blog-title::after {
  background-color: rgba(255,255,255,0.5);
}
.blog-grid .link-post .post-meta .destination a:hover {
  color: #c73154;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .latest-post .col-md-3 {
    margin-top: 20px;
    width: 50%;
  }
  .latest-post .col-md-3:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1px) {
  .full-width-section .latest-post {
    padding: 0 50px;
  }
  .latest-post [class*="col-"] {
    margin-top: 25px;
  }
  .latest-post .col-md-3 {
    margin-top: 30px;
    width: 100%;
  }
  .latest-post .col-md-3:nth-child(-n+1) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 479px) and (min-width: 1px) {
  .full-width-section .latest-post {
    padding: 0 15px;
  }
  .full-width-section .latest-post [class*="col-"] {
    padding: 0;
  }
  .latest-post .col-md-3:nth-child(-n+1) {
    margin-top: 0;
  }
}

/* - Blog Categories
--------------------------------------------------------------*/
.blog-categories {
  padding: 3em 0 1em;
}
.category-items {
  list-style-type: none;
  background: transparent;
  display: block;
  position: relative;
  border: 0;
  margin: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.category-items li {
  position: relative;
  display: inline-block;
  margin: 10px 5px;
  min-width: 120px;
  text-align: center;
  z-index: 3;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.category-items li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -12px;
  border: 12px solid transparent;
  border-top-color: #f7f7f7;
  margin-left: -12px;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.category-items li.active {
  border-color: #222;
  color: #fff;
}
.category-items li.active::after {
  border-top-color: #222;
  bottom: -24px;
}
.category-items a {
  display: block;
  border: 3px solid #e5e5e5;
  padding: 10px 15px;
  min-width: 0;
  line-height: 24px;
}
.category-items li a,
.category-items li a:hover {
  background: transparent;
  position: relative;
  color: inherit;
  z-index: 2;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.category-items li a:hover {
  border-color: #c73154;
}
.category-items li.active a {
  background: #222;
  border-color: #222;
}
@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .category-items li {
    margin: 8px 2px;
    min-width: 0;
  }
  .category-items li.active::after {
      bottom: -16px;
  }
  .category-items li::after {
      bottom: -8px;
      border: 8px solid transparent;
      margin-left: -8px;
  }
  .category-items li a {
    padding: 5px 12px;
  }
}

/*--------------------------------------------------------------
/** 25. Single Post
--------------------------------------------------------------*/
.single-post {
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 65%;
}
.sidebar-right .single-post,
.sidebar-left .single-post {
  padding-top: 0;
  width: 100%;
}
.single-post .post {
  background-color: transparent;
  float: none;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .single-post {
    width: 100%;
  }
}

/* - Single Post Header
--------------------------------------------------------------*/
.single-post .post-header {
  margin-bottom: 3em;
}
.hero-text .post-header {
  margin: 0;
  max-width: 800px;
}
.text-center .post-header {
  margin: 0 auto;
}
.text-right .post-header {
  margin-left: auto;
}
.light .hero-text .post-header .meta-categories a {
  color: rgba(255,255,255,0.75);
}
.light .hero-text .post-header .meta-categories a:hover {
  color: #fff;
}
.light .hero-text .post-header .meta-categories a:hover::after {
  background-color: #fff;
}
.hero-text .post-header .blog-title {
  margin: .4em 0;
  font-size: 4em;
}
.single-post .post-header .blog-title {
  margin: .3em 0;
  font-size: 3em;
}
.hero-text .post-header .meta-author,
.single-post .post-header .meta-author {
  position: relative;
  border: 0;
  margin-bottom: 0;
  padding: 0;
}
.single-post .post-header .meta-author .author-avatar {
  display: none;
}
.hero-text .post-header .meta-author .author-avatar {
  display: inline-block;
  margin-right: 15px;
  width: 60px;
  height: 60px;
}
.hero-text .post-header .author-link .author-details .author-name,
.hero-text .post-header .author-link .author-details .author-title {
  display: block;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.single-post .post-header .author-link .author-details .author-name,
.single-post .post-header .author-link .author-details .author-title,
.single-post .post-header .author-link .author-details .meta-date {
  position: relative;
  display: inline-block;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.single-post .post-header .author-link .author-details .author-name {
  margin-bottom: 0;
  color: #353535;
  }
.light .hero-text  .post-header .author-link .author-details .author-name {
  margin-bottom: 2px;
  color: #fff;
}
.hero-text  .post-header .author-link:hover .author-details .author-name {
  color: inherit;
}
.post-header .author-link:hover .author-details .author-name {
  color: #c73154;
}
.light .hero-text .post-header .meta-author .author-details .author-title,
.light .hero-text .post-header .meta-author .author-details .meta-date {
  color: rgba(255,255,255,0.75);
}
.single-post .post-header .meta-author .author-details .author-title::before {
  content: "-";
  display: inline-block;
  margin: 0 7px 0 3px;
}
.single-post .post-content .post-header a {
  border: 0;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .hero-text .post-header .blog-title {
    font-size: 7vw;
  }
  .single-post .post-header .blog-title {
    font-size: 7vw;
  }
  .category-items li {
    float: none;
    display: inline-block;
  }
}
@media (max-width: 768px) and (min-width: 1px) {
  .category-items li {
    margin: 8px 2px;
    min-width: 0;
  }
  .category-items li a {
    padding: 5px 12px;
  }
}
@media (max-width: 479px) and (min-width: 1px) {
  .single-post .post-header .blog-title {
    margin: 0.5em 0 0 0 ;
    font-size: 1.8em;
    line-height: 1.35em;
  }
  .hero-text .post-header .blog-title {
    font-size: 1.8em;
    margin: 0.8em 0;
  }
  .hero-text .post-header .meta-author .author-avatar {
    margin-right: 10px;
    width: 50px;
    height: 50px;
  }
  .hero-text .post-header .meta-author {
    margin-bottom: 0;
  }
}

/* - Single Post Content
--------------------------------------------------------------*/
.single-post .post-content h1,
.single-post .post-content h2,
.single-post .post-content h3,
.single-post .post-content h4,
.single-post .post-content h5,
.single-post .post-content h6 {
  margin: 45px 0 0;
}
.single-post .post-content h1+p,
.single-post .post-content h2+p,
.single-post .post-content h3+p,
.single-post .post-content h4+p,
.single-post .post-content h5+p,
.single-post .post-content h6+p {
  margin-top: 15px;
}
.single-post .post-content h1+.wp-caption,
.single-post .post-content h2+.wp-caption,
.single-post .post-content h3+.wp-caption,
.single-post .post-content h4+.wp-caption,
.single-post .post-content h5+.wp-caption,
.single-post .post-content h6+.wp-caption {
  margin-top: 25px;
}
.single-post .post-content a {
  border-bottom: 1px dotted #c73154;
  padding-bottom: 1px;
  color: #c73154;
}
.single-post .post-content a:hover {
  border-bottom: 1px solid #c73154;
}
.single-post .post-content p{
  margin-top: 30px;
  margin-bottom: 0;
}
.single-post .post-content ul,
.single-post .post-content ol,
.single-post .post-content dl,
.single-post .post-content table,
.single-post .post-content pre,
.single-post .post-content code,
.single-post .post-content iframe,
.single-post .post-content .gallery,
.single-post .post-content .image-holder {
  display: block;
  margin-top: 45px;
  margin-bottom: 45px;
}
.single-post .post-content {
  line-height: 1.65em;
  font-size: 1.15em;
}
.single-post .post-content h1:first-child,
.single-post .post-content h2:first-child,
.single-post .post-content h3:first-child,
.single-post .post-content h4:first-child,
.single-post .post-content h5:first-child,
.single-post .post-content h6:first-child,
.single-post .post-content p:first-child,
.single-post .post-content ul:first-child,
.single-post .post-content ol:first-child,
.single-post .post-content dl:first-child,
.single-post .post-content table:first-child,
.single-post .post-content pre:first-child,
.single-post .post-content code:first-child,
.single-post .post-content iframe:first-child,
.single-post .post-content .gallery:first-child,
.single-post .post-content .image-holder:first-child {
  margin-top: 0;
}
.single-post .post-content h1:last-child,
.single-post .post-content h2:last-child,
.single-post .post-content h3:last-child,
.single-post .post-content h4:last-child,
.single-post .post-content h5:last-child,
.single-post .post-content h6:last-child,
.single-post .post-content p:last-child,
.single-post .post-content ul:last-child,
.single-post .post-content ol:last-child,
.single-post .post-content dl:last-child,
.single-post .post-content table:last-child,
.single-post .post-content pre:last-child,
.single-post .post-content code:last-child,
.single-post .post-content iframe:last-child,
.single-post .post-content .gallery:last-child,
.single-post .post-content .image-holder:last-child {
  margin-bottom: 0;
}
.single-post .post-content .text-lead {
  font-size: 125%;
}
.single-post .post-content blockquote {
  margin: 60px 0;
  margin-left: 15%;
}
.single-post .post-content blockquote cite {
  font-size: 70%;
}
.single-post .post-content .twitter-tweet {
  margin: 60px auto;
}
.single-post .dropcap {
  margin: 7px 10px -10px 0;
  font-size: 105px;
  line-height: 90px;
  color: #c73154;
}
.single-post .post-content img {
  display: block;
  margin: 0 auto;
}
.single-post .post-content .video-wrap,
.single-post .post-content .wp-caption,
.single-post .post-content .gallery {
  margin: 60px 0;
}
.single-post .post-content .wp-caption.pull-left,
.single-post .post-content .wp-caption.pull-right {
  padding-bottom: 10px;
}
.single-post .post-content .wp-caption.pull-left {
  margin: 45px 30px 15px 0;
  width: 50%;
}
.single-post .post-content .wp-caption.pull-right {
  margin: 45px 0 15px 30px;
  width: 50%;
}
.single-post .post-content .wp-caption-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}
.single-post .post-content .wp-caption.pull-left .wp-caption-text,
.single-post .post-content .wp-caption.pull-right .wp-caption-text {
  padding-bottom: 0;
}
.single-post .post-content .video-wrap iframe {
  margin-top: 0;
}
.single-post .post-content hr {
  margin: 60px auto;
}
.single-post .post-content hr.sep {
  position: relative;
  background-color: transparent;
  border-color: transparent;
}
.single-post .post-content hr.sep::before {
  content: '...';
  position: absolute;
  left: 0;
  top: -7px;
  width: 100%;
  text-align: center;
  letter-spacing: 1em;
  line-height: 0;
  color: #000;
}
.single-post .post-content,
.blog-full-single .post-content {
  margin-bottom: 6%;
  padding: 0;
  height: auto;
  min-height: 0;
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .single-post .post-content {
    font-size: 1.05em;
  }
  .single-post .post-content blockquote {
    margin: 45px 0;
  }
  .single-post .post-content .wp-caption.pull-right,
  .single-post .post-content .wp-caption.pull-left {
    float: none;
    margin: 60px 0;
    padding: 0;
    width: 100%;
  }
  .single-post .post-content h1+.wp-caption.pull-right,
  .single-post .post-content h2+.wp-caption.pull-right,
  .single-post .post-content h3+.wp-caption.pull-right,
  .single-post .post-content h4+.wp-caption.pull-right,
  .single-post .post-content h5+.wp-caption.pull-right,
  .single-post .post-content h6+.wp-caption.pull-right,
  .single-post .post-content h1+.wp-caption.pull-left,
  .single-post .post-content h2+.wp-caption.pull-left,
  .single-post .post-content h3+.wp-caption.pull-left,
  .single-post .post-content h4+.wp-caption.pull-left,
  .single-post .post-content h5+.wp-caption.pull-left,
  .single-post .post-content h6+.wp-caption.pull-left {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 480px) and (min-width: 1px) {
  .single-post .post-content .video-wrap,
  .single-post .post-content .wp-caption,
  .single-post .post-content .wp-caption.pull-left,
  .single-post .post-content .wp-caption.pull-right,
  .single-post .post-content .gallery {
    margin: 45px 0;
  }
  .single-post .post-content hr,
  .single-post .post-content .twitter-tweet {
    margin: 45px auto;
  }
}

/* -- Meta Single
--------------------------------------------------------------*/
.meta-single {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 7%;
  padding-bottom: 7%;
}

@media only screen and (max-width: 767px) and (min-width: 1px) {
  .meta-single {
    margin-bottom: 10%;
    padding-bottom: 10%;
  }
}

/* -- Post Tags
--------------------------------------------------------------*/
.post-tags {
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  text-align: left;
}
.post-tags .tag-cloud a {
  float: none;
  margin-top: 8px;
  margin-right: 1px;
}
.post-tags .tag-cloud a:last-child {
  margin: 0;
}

/* -- Social Share
--------------------------------------------------------------*/
.single-post .social-share-holder {
  float: right;
  margin: 0;
  width: 50%;
  text-align: right;
}
.single-post .share-holder-title {
  position: relative;
  margin-bottom: 7px;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: bolder;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single-post .share-holder-title::after {
  content: "";
  background-color: #e5e5e5;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
}

@media (max-width: 767px) {
  .post-tags,
  .single-post .social-share-holder {
    float: none;
    width: 100%;
    text-align: left;
  }
  .post-tags {
    margin-bottom: 2em;
  }
}

/* -- Author Info
--------------------------------------------------------------*/
#author-info-wrap {
  background-color: #f2f1ef;
  position: relative;
  border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  margin: 7% 0 0;
  padding: 7% 10% 5%;
}
#author-info-wrap .author-avatar {
  float: left;
  position: relative;
  border-color: rgba(0,0,0,.08);
  border-radius: 50%;
  margin-right: 25px;
}
#author-info-wrap .author-avatar img {
  border-radius: 50%;
  margin: 0;
  width: 100px;
  height: 100px;
}
.author-bio {
  overflow: hidden;
}
.author-bio h3 {
  margin-bottom: 2px;
  font-size: 20px;
}
.author-bio p {
  margin: 0 0 5px 0;
}
.author-bio .social-icon-list li {
  display: inline-block;
  margin-right: 5px;
}
.author-bio .social-icon-list li:last-child {
  margin-right: 0;
}

/* -- Post Navigation
--------------------------------------------------------------*/
.single-post .post-nav {
  background-color: #f2f1ef;
  border-radius: 2px;
  margin: 0 0 7% 0;
  padding: 5% 10% 7%;
}

@media (max-width: 767px) {
  #author-info-wrap {
    padding: 10% 7% 5%;
    text-align: center;
  }
  #author-info-wrap .author-avatar {
    display: inline-block;
    float: none;
    text-align: center;
    margin: 0 0 25px 0;
  }
  .author-bio {
    text-align: center;
  }
  .author-bio h3 {
    margin-bottom: 5px;
  }
  .single-post .post-nav {
    padding: 5% 7% 10%;
  }
}
@media (max-width: 1000px) and (min-width: 1px) {
  .single-post {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 60px;
  }
}

/* - Comments List
--------------------------------------------------------------*/
#comments-wrap {
  background-color: #f2f1ef;
  border-radius: 2px;
  padding: 6% 10% 7%;
}
.comment-title {
  margin-bottom: 20px;
}
.comment-title {
  position: relative;
}
.comment-list {
  list-style-type: none;
  margin: 0 0 40px;
}
.comment-list > li {
  position: relative;
  border-bottom: 2px solid rgba(0,0,0,0.1);
  margin: 0 0 40px 0;
  padding-bottom: 40px;
}
.comment-list > li:last-child {
  border-bottom: 2px solid rgba(0,0,0,0.1);
  margin-bottom: 40px;
}
.comment-list > li li {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.comment-box {
  position: relative;
  padding: 0 0 0 50px;
}
.comment-list > li li .comment-box {
  background-color: rgba(0, 0, 0, 0.02);
  position: relative;
  border-radius: 2px;
  margin-bottom: 20px;
  padding: 20px 20px 20px 70px;
}
.comment-box p {
  margin-top: 8px;
  margin-bottom: 0;
}
.gravatar {
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 35px;
  height: 35px;
}
.children .comment-box .gravatar {
  top: 24px;
  left: 20px;
}
.gravatar .avatar {
  float: none;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.comment-box:hover .gravatar .avatar {
  border-radius: 2px;
}
.comment-info cite {
  font-weight: bold;
  font-style: normal;
  color: #222;
}
.comment-meta {
  font-size: 11px;
  line-height: 15px;
}
.comment-meta a {
  color: rgba(0, 0, 0, 0.5);
}
.comment-meta a:hover {
  color: #c73154;
}
.reply {
  position: absolute;
  top: 10px;
  right: 0;
}
.children .reply {
  top: 30px;
  right: 20px;
}
.reply .comment-reply {
  border-bottom: 1px dotted #c73154;
  font-size: 12px;
  line-height: 1em;
  text-transform: uppercase;
  color: #c73154;
  opacity: 0.5;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.reply .comment-reply:hover {
  opacity: 1;
}

/* Children */
.comment-list .children {
  list-style-type: none;
  position: relative;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  margin: 20px 0 -20px;
  padding-left: 30px;
}
.comment-list .children::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  position: absolute;
  left: 0;
  top: 20px;
  width: 15px;
  height: 1px;
}

@media (max-width: 767px) {
  .comment-box {
    padding: 0;
  }
  .comment-list > li {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .comment-list > li:last-child {
    padding-bottom: 40px;
  }
  .comment-list .children {
    padding-left: 20px;
  }
  .comment-list > li li .comment-box {
    padding: 20px;
  }
  .gravatar {
    display: none;
  }
  .reply,
  .children .reply {
    position: relative;
    top: auto;
    right: auto;
    margin: 20px 0 0 0;
    padding-bottom: 5px;
  }
}
@media (max-width: 480px) {
  #comments-wrap {
    padding-left: 7%;
    padding-right: 7%;
  }
}

/* - Comments Form
--------------------------------------------------------------*/
#respond .form-control {
    height: 46px;
}
#respond textarea.form-control {
    min-height: 150px;
}
#respond .respond-title {
  position: relative;
  margin-bottom: 5px;
  font-size: 20px;
}
#comment-form p {
  margin: 25px 0;
}
#comment-form p:last-child {
  margin-bottom: 0;
}
#cancel-comment-reply {
  display: none;
  border-left: 1px solid #e5e5e5;
  margin-left: 10px;
  padding-left: 10px;
  color: #c73154;
}
#cancel-comment-reply:hover {
  color: #222;
}

@media (max-width: 767px) {
  #comment-form .col {
    margin: 0;
  }
}

/* - Post Navigation
--------------------------------------------------------------*/
.post-nav {
  position: relative;
  margin: 0 0 4em 0;
  padding: 0;
}
.post-nav .prev-post,
.post-nav .next-post {
  -webkit-transition: 0.1s ease all;
  transition: 0.1s ease all;
}
.post-nav a {
  background-color: transparent;
  display: block;
  position: relative;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.post-nav .prev-post a {
  padding-left: 50px;
}
.post-nav .next-post a {
  padding-right: 50px;
}
.post-nav span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.post-nav .post-title {
  overflow: hidden;
  margin: 0;
  line-height: 1.5em;
  font-size: 16px;
  color: #666;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.post-nav a:hover .post-title {
  color: #c73154;
}
.post-nav .prev-post i,
.post-nav .next-post i {
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  margin: auto 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  text-align: center;
  color: #666;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.post-nav .prev-post i {
  left: 0;
}
.post-nav .next-post i {
  right: 0;
}
.post-nav .prev-post a:hover i,
.post-nav .next-post a:hover i {
  color: #c73154;
}
.post-nav .prev-post {
  text-align: left;
}
.post-nav .next-post {
  text-align: right;
}
.post-nav .prev-post~.next-post {
  margin-top: 15px;
}
.post-nav .post-home {
  display: none;
}

@media (max-width: 767px) {
  .post-nav .prev-post {
    padding: 0 0 2% 0;
  }
  .post-nav .next-post {
    padding: 2% 0 0 0;
  }
}

/* - Pagination
--------------------------------------------------------------*/
#pagination {
  display: block;
  padding: 5em 0;
  text-align: center;
  line-height: 0;
}
#pagination div {
  display: inline-block;
  position: relative;
  font-size: 0;
  line-height: 0;
}
#pagination a {
  display: block;
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  margin: 0 5px;
  width: 50px;
  height: 50px;
  font-size: 1em;
  line-height: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
#pagination a:hover {
  background-color: #c73154;
  border-color: #c73154;
}
#pagination a::before,
#pagination a::after {
  content: '';
  background: #222;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 18px;
  margin-top: -1px;
  width: 12px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 11px 50%;
  transform-origin: 11px 50%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#pagination a:hover::before,
#pagination a:hover::after {
  background-color: #fff;
}
#pagination a::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#pagination a::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#pagination .prev a::before,
#pagination .prev a::after {
  -webkit-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}
#pagination .prev a::before {
  left: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#pagination .prev a::after {
  left: 18px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* - Load More Button
--------------------------------------------------------------*/
#load-more {
  padding: 5em 0;
  text-align: center;
}
#load-more a.btn {
  padding-left: 50px;
  padding-right: 50px;
}
#load-more a:hover.btn {
  background-color: #c73154;
  border-color: #c73154;
}

/*--------------------------------------------------------------
/** 26. Contact Styles
--------------------------------------------------------------*/
.contact-form .form-control {
  margin-bottom: 25px;
}
.contact-form textarea {
  min-height: 150px;
}
.form-control.requiredField {
  border-color: #f05050;
  color: #f05050;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .contact-form .row [class*="col-"] {
    margin-top: 0;
  }
}

/*--------------------------------------------------------------
/** 27. Elements
--------------------------------------------------------------*/

/* - Preloader
--------------------------------------------------------------*/
.preloader,
.preloader-bg {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.preloader-bg {
  background-color: #353535;
  position: absolute;
  top: 0;
  left: 0;
}
.transition .preloader {
    opacity: 0;
}
.transition.page-transition .preloader {
    opacity: 1;
}
.preloader-inner,
.preloader-bg .preloader-inner {
  position: fixed;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}
.preloader-bg .preloader-inner {
  position: absolute;
}
.preloader-inner::after,
.preloader-inner::before {
  content: "";
  background-color: #c73154;
  position: absolute;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-animation: grow 1.6s linear infinite;
  animation: grow 1.6s linear infinite
}
.preloader-inner:after {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s;
}

@-webkit-keyframes grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/* - Testimonials
--------------------------------------------------------------*/
.testimonials {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
  outline: none;
}
.testimonials-slider .testimonials {
  margin: 0;
  padding: 0 25px;
}
.testimonials .quote {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 0 35px;
  font-size: 1.3em;
  font-weight: normal;
  font-style: italic;
  line-height: 1.8em;
}
.testimonials.style-2 .quote,
.testimonials.style-3 .quote {
  margin-bottom: 1em;
  padding: 0;
  font-size: 1.5em;
  font-weight: 300;
  font-style: normal;
  line-height: 1.5em;
}
.testimonials.style-3 .quote {
  font-size: 1.6em;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5em;
}
.light .testimonials .quote {
  color: #fff;
}
.testimonials .quote::before,
.testimonials .quote::after {
  font-family: "icomoon";
  font-style: normal;
  font-weight: bold;
  color: #c73154;
}
.light .testimonials .quote::before,
.light .testimonials .quote::after {
  color: rgba(255,255,255,0.5);
}
.testimonials .quote::before {
  content: "\e738";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  font-size: 26px;
  font-weight: normal;
  text-align: center;
}
.testimonials .quote::after {
  content: "\e739";
  display: inline-block;
  position: relative;
  margin-left: 2px;
  width: 20px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  vertical-align: text-top;
}
.testimonials.style-2,
.testimonials.style-3 {
  text-align: center;
}
.testimonials.style-2 .quote::before,
.testimonials.style-3 .quote::before {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  margin-right: 5px;
  width: 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
}
.testimonials.style-2 .quote::after,
.testimonials.style-3 .quote::after {
  margin-left: 5px;
  font-size: 20px;
}
.wrap-accent .testimonials .quote::before,
.wrap-accent .testimonials .quote::after {
  color: rgba(255,255,255,0.5);
}
.testimonials .author-info {
  display: block;
  margin-top: 20px;
  padding-left: 30px;
}
.testimonials.style-2 .author-info,
.testimonials.style-3 .author-info {
  padding: 0;
}
.testimonials .author-info a {
  display: inline-block;
}
.testimonials .author-image {
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 0;
  width: 50px;
  height: 50px;
  line-height: 30px;
  vertical-align: middle;
}
.testimonials.style-2 .author-image {
  display: none;
}
.testimonials.style-3 .author-image {
  display: block;
  margin: 0 auto 1em;
  width: 75px;
  height: 75px;
}
.testimonials .author-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.testimonials .author-info a:hover img {
  border-radius: 2px;
}
.testimonials .author-details {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.testimonials .author-details span {
  display: block;
  line-height: 1.5em;
  white-space: nowrap;
}
.testimonials .author-name {
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #222;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.testimonials.style-2 .author-name {
  padding-bottom: 5px;
}
.testimonials .author-info a:hover .author-name {
  color: inherit;
}
.light .testimonials .author-name {
  color: #fff;
}
.testimonials .author-pos {
  color: #999;
}
.light .testimonials .author-pos {
  color: rgba(255,255,255,0.75);
}

/* -- Testimonials Slider
--------------------------------------------------------------*/
.testimonials-slider {
  position: relative;
  margin-bottom: 0px;
}
.testimonials-slider[data-pagination="true"] {
  padding-bottom: 40px;
}
.testimonials-slider .testimonials {
  margin-bottom: 5px;
}
.testimonials-slider .testimonials.style-2,
.testimonials-slider .testimonials.style-3 {
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}


/* -- Testimonials Single Slide
--------------------------------------------------------------*/
.testimonials-slider.single-slide,
.testimonials-slider.single-slide {
  margin: 0 auto;
  max-width: 80%;
}
.full-width-section .testimonials-slider.single-slide,
.full-width-section .testimonials-slider.single-slide {
  max-width: 800px;
}
.testimonials-slider.single-slide .slick-prev,
.testimonials-slider.single-slide .slick-next {
  background: transparent;
  border: 0;
  width: 50px;
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.testimonials-slider.single-slide .slick-prev {
  left: -10%;
}
.testimonials-slider.single-slide .slick-next{
  right: -10%;
}
.testimonials-slider.single-slide .slick-prev::before, .testimonials-slider.single-slide .slick-next::before {
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  font-size: 50px;
  line-height: 50px;
  color: rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.testimonials-slider.single-slide .slick-prev:hover::before, .testimonials-slider.single-slide .slick-next:hover::before {
  color: rgba(0, 0, 0, 1);
}
.light .testimonials-slider.single-slide .slick-prev::before, .light .testimonials-slider.single-slide .slick-next::before {
  color: rgba(255,255,255,0.5);
}
.light .testimonials-slider.single-slide .slick-prev:hover::before, .light .testimonials-slider.single-slide .slick-next:hover::before {
  color: rgba(255,255,255,1);
}

@media only screen and (max-width: 1000px) {
  .testimonials-slider.single-slide,
  .testimonials-slider.single-slide,
  .full-width-section .testimonials-slider.single-slide,
  .full-width-section .testimonials-slider.single-slide {
    max-width: 700px;
  }
  .testimonials-slider .testimonials.style-2,
  .testimonials-slider .testimonials.style-3 {
    padding: 0;
  }
  .testimonials-slider.single-slide .slick-prev,
  .testimonials-slider.single-slide .slick-next {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .testimonials-slider.single-slide,
  .testimonials-slider.single-slide {
    max-width: none;
  }
  .testimonials .author-image {
    margin-right: 5px;
    width: 40px;
    height: 40px;
  }
  .testimonials .author-name,
  .testimonials .author-pos {
    font-size: 14px;
  }
  .testimonials-slider .testimonials,
  .testimonials-slider .testimonials.style-2,
  .testimonials-slider .testimonials.style-3 {
    padding: 0;
  }
  .full-width-section .testimonials-slider .testimonials.style-2,
  .full-width-section .testimonials-slider .testimonials.style-3 {
    padding: 0 25px;
  }
  .testimonials.style-2 .quote {
    font-size: 1.3em;
  }
  .testimonials.style-3 .quote {
    font-size: 1.3em;
  }
  .testimonials.style-3 .author-image {
    margin: 0 auto 1em;
    width: 50px;
    height: 50px;
  }
}

/* - Team Section
--------------------------------------------------------------*/
*/
.team {
  overflow: hidden;
}
.team-wrapper {
  margin: 0 -15px;
}
.full-width-section .team-wrapper {
  margin: 0;
}
.employee {
  position: relative;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: #fff;
}
.employee-list .employee {
  float: left;
  margin: 0 5px 10px;
  width: calc(25% - 10px);
}
.employee:hover {
  z-index: 11;
}
.employee-meta {
  padding: 20px 0 0 0; width: 100%;
}
.employee-meta a {
  display: block;
}
.employee-meta .employee-name {
  position: relative;
  margin-bottom: 0;
  padding: 0 10px;
  font-size: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.employee:hover .employee-name {
  color: #c73154;
}
.light .employee:hover .employee-name {
  color: #fff;
}
.employee-meta .employee-position {
  margin: 0;
  padding: 0 10px;
  color: rgba(0,0,0,0.8);
}
.light .employee-meta .employee-position {
  color: rgba(255,255,255,0.8);
}
.employee .employee-image {
  display: block;
  overflow: hidden;
  position: relative;
}
.employee .employee-image img {
  display: block;
  margin: 0;
  width: 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
}
.employee:hover .employee-image img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.employee:hover .employee-image img.img-circle {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* -- Team Section / Style 2
--------------------------------------------------------------*/
.employee.style-2,
.employee.style-3 {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee.style-2 {
  overflow: hidden;
  text-align: left;
}
.employee.style-2 .employee-hover {
  background: transparent;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==");
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.07) 26%,rgba(0,0,0,0.5) 100%);
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.07) 26%, rgba(0,0,0,0.5) 100%);
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.07) 26%,rgba(0,0,0,0.5) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.07) 26%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.07) 26%,rgba(0,0,0,0.5) 100%);
  position: absolute;
  left: auto;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 50%;
  opacity: 0;
  z-index: 20;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
.employee.style-2:hover .employee-hover {
  left: auto;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.employee.style-2 .employee-hover .employee-meta{
  position: absolute;
  top: auto;
  bottom: 25px;
  padding: 0 25px;
  opacity: 0.2;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -webkit-transform: none;
  transform: none;
}
.employee.style-2:hover .employee-hover .employee-meta {
  opacity: 1;
  -webkit-transition: opacity 1000ms;
  transition: opacity 1000ms;
}
.employee.style-2 .employee-name,
.employee.style-3 .employee-name {
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
}
.employee.style-2 .employee-meta .employee-position,
.employee.style-3 .employee-meta .employee-position {
  padding: 0;
  color: rgba(255,255,255,0.8);
}

/* -- Team Section / Style 3
--------------------------------------------------------------*/
.employee.style-3 .employee-hover {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  opacity: 0;
  z-index: 10;
  -webkit-backface-visibility: hidden;
  -webkit-transition: width .5s,height .5s,top .5s,left .5s, opacity .5s .4s;
  transition: width .5s,height .5s,top .5s,left .5s, opacity .5s .4s;
}
.employee.style-3 .employee-hover:hover {
  left: -8%;
  top: -8%;
  width: 116%;
  height: 116%;
  opacity: 1;
  -webkit-transition: width .5s,height .5s,top .5s,left .5s, opacity .5s;
  transition: width .5s,height .5s,top .5s,left .5s, opacity .5s;
}
.employee.style-3 .employee-hover .employee-meta {
  display: block;
  position: absolute;
  bottom: 60px;
  padding: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s;
  transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s;
  -webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
  transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
  -webkit-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
  transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
}
.employee.style-3 .employee-hover:hover .employee-meta {
  opacity: 1;
  -webkit-transition: opacity 0.5s, -moz-transform 0.5s;
  transition: opacity 0.5s, -moz-transform 0.5s;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  -webkit-transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
}

/* - Clients Section
--------------------------------------------------------------*/
.client-lists {
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  word-spacing: -4px;
}
.client-lists li {
  display: inline-block;
  float: left;
  position: relative;
  margin-bottom: 0px;
  padding: 3%;
  width: 25%;
  text-align: center;
  vertical-align: top;
  word-spacing: normal;
}
.client-lists li::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 5%;
  border-bottom: 1px dashed rgba(0,0,0,0.15);
  width: 90%;
  z-index: 2;
}
.client-lists li::after {
  content: "";
  display: block;
  position: absolute;
  top: 5%;
  left: -1px;
  border-left: 1px dashed rgba(0,0,0,0.15);
  height: 90%;
}
.light .client-lists li::before,
.light .client-lists li::after {
  border-color: rgba(255,255,255,0.3);
}
.client-lists li a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  -webkit-transition: background-color 0.3s ease, opacigy 0.5s ease;
  transition: background-color 0.3s ease, opacigy 0.5s ease;
}
.client-lists li img {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* -- Client Columns
--------------------------------------------------------------*/
.client-lists.two-col li {
  width: 50%;
}
.client-lists.three-col li {
  width: 33.3333%;
}
.client-lists.five-col li {
  width: 20%;
}
.client-lists.six-col li {
  width: 16.6666%; }

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .client-lists li,
  .client-lists.five-col li,
  .client-lists.six-col li {
    width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .client-lists li,
  .client-lists.three-col li,
  .client-lists.five-col li,
  .client-lists.six-col li {
    padding: 5%;
    width: 50%;
  }
}

/*# Social Icons
--------------------------------------------------------------*/
.socials.circle .social-icon-block a {
  border-radius: 100%;
}
.social-icon-list {
  list-style-type: none;
  margin: 0;
}
.social-icon-list li {
  display: block;
  margin: 0;
  padding: 0;
}
.social-icon-list li:first-child,
#footer .social-icon-list li {
  border-top: 0;
}
.social-icon-list a {
  display: block;
  position: relative;
  padding: 8px 8px 8px 35px;
  text-align: left;
  color: #222;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.light .social-icon-list a {
  color: #fff;
}
.social-icon-list a:hover {
  color: inherit;
}
.social-icon-list i {
  position: absolute;
  left: 0;
  top: 7px;
  border: 1px solid rgba(0,0,0,0.5);
  border-radius: 100%;
  width: 26px;
  height: 26px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.light .social-icon-list i {
  border-color: rgba(255,255,255,0.75);
  color: rgba(255,255,255,0.75);
}
.social-icon-list a:hover i {
  color: #fff;
}
#footer .social-icon-list i {
  border-color: rgba(255,255,255,0.2);
  color: #ddd;
}
#footer.footer-light .social-icon-list i {
  border-color: rgba(0,0,0,0.2);
  color: rgba(0,0,0,0.5);
}
#footer.footer-light .social-icon-list a:hover i {
  color: #fff;
}
.social-icon-block {
  list-style-type: none;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
.social-icon-block li {
  float: none;
  display: inline-block;
  margin: 3px 6px 3px 0;
  word-spacing: normal;
  -webkit-backface-visibility: hidden;
}
.social-icon-block li:last-child {
  margin-right: 0;
}
.social-icon-block a {
  display: block;
  overflow: hidden;
  position: relative;
  border: 2px solid transparent;
  border-radius: 2px;
  font: 0/0 a;
  text-indent: -9999px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social-light .social-icon-block a {
  background: #fff ;
  border: 1px solid #e5e5e5 ;
}
.social-dark .social-icon-block a {
  background: #222 ;
  border: none ;
}
.social-accent .social-icon-block a {
  background-color: #c73154 ;
  border: none ;
}
.social-transparent-light .social-icon-block a {
  background: transparent ;
  border-color: rgba(255,255,255,0.2) ;
}
.social-transparent-dark .social-icon-block a {
  background: transparent ;
  border-color: rgba(0,0,0,0.1) ;
}
.social-transparent-accent .social-icon-block a {
  background: transparent ;
  border-color: #c73154 ;
}
.social-icon-block i {
  display: block;
  overflow: hidden;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.social-icon-block i::before {
  width: inherit;
}
.social-light .social-icon-block i {
  color: #222 ;
}
.social-dark .social-icon-block i {
  color: #fff ;
}
.social-transparent-light .social-icon-block i {
  color: #fff ;
}
.social-transparent-dark .social-icon-block i {
  color: #222;
}
.social-transparent-accent .social-icon-block i {
  color: #c73154;
}
.social-small .social-icon-block li {
  margin-right: 30px ;
}
.social-small .social-icon-block li:last-child {
  margin-right: 0px ;
}
.social-small .social-icon-block i {
  width: 25px;
  height: 22px;
  line-height: 1em;
  font-size: 20px;
}
.social-small .social-icon-block a {
  background-color: transparent ;
  border: 0 ;
  border-radius: 0 !important;
  color: #ccc ;
}
.light .social-small .social-icon-block a,
.footer-light .social-small .social-icon-block a {
  background-color: transparent ;
  border: 0;
  border-radius: 0;
  color: #222;
}
.social-small .social-icon-block a:hover {
  background-color: transparent ;
}
.social-small .social-icon-block a i,
.social-small.social-transparent-light .social-icon-block a i,
.social-small.social-transparent-dark .social-icon-block a i,
.social-small.social-transparent-accent .social-icon-block a i,
.social-small.social-light .social-icon-block a i,
.social-small.social-dark .social-icon-block a i,
.social-small.social-accent .social-icon-block a i {
  background-color: transparent;
  color: #222;
}
.light .social-small .social-icon-block a i,
.light .social-small.social-transparent-light .social-icon-block a i,
.light .social-small.social-transparent-dark .social-icon-block a i,
.light .social-small.social-transparent-accent .social-icon-block a i,
.light .social-small.social-light .social-icon-block a i,
.light .social-small.social-dark .social-icon-block a i,
.light .social-small.social-accent .social-icon-block a i {
  color: #fff;
}
#footer .social-small .social-icon-block a i,
#footer .social-small.social-transparent-light .social-icon-block a i,
#footer .social-small.social-transparent-dark .social-icon-block a i,
#footer .social-small.social-transparent-accent .social-icon-block a i,
#footer .social-small.social-light .social-icon-block a i,
#footer .social-small.social-dark .social-icon-block a i,
#footer .social-small.social-accent .social-icon-block a i {
  border-radius: 0;
}

@media only screen and (max-width: 480px) {
  .social-small .social-icon-block li {
    margin-right: 20px ;
  }
  .social-small .social-icon-block i {
    width: 18px;
    height: 20px;
    font-size: 14px;
  }
}
.social-large .social-icon-block i {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
}
.social-icon-block i::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.social-icon-block a:hover i {
  color: #fff;
}
.social-light .social-icon-block a:hover i {
  color: #fff ;
}
.social-transparent-dark .social-icon-block a:hover i {
  color: #fff ;
}

/* - Social Icon Text
--------------------------------------------------------------*/
.social-icon-text {
  list-style-type: none;
  margin: 0;
}
.social-icon-text li {
  display: inline-block;
  border: 0 ;
  margin: 0;
  padding: 0 ;
}
.social-icon-text li:last-child {
  margin-right: 0 ;
}
.social-icon-text li::after {
  content: '\0020';
  display: inline-block;
  margin: 0 10px;
  color: #999;
}
.social-icon-text li:last-child::after {
  display: none;
}
.social-icon-text a {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.social-icon-text i {
  display: none;
}

/* -- Social Icon Block
--------------------------------------------------------------*/
.social-icon-block .facebook,
.social-icon-block .facebook:hover {
  background-color: #3b5b99 ;
  border-color: #3b5b99 ;
}
.social-icon-block .twitter,
.social-icon-block .twitter:hover {
  background-color: #00aced ;
  border-color: #00aced ;
}
.social-icon-block .youtube,
.social-icon-block .youtube:hover {
  background-color: #cc181e ;
  border-color: #cc181e ;
}
.social-icon-block .google-plus,
.social-icon-block .google-plus:hover {
  background-color: #db4437 ;
  border-color: #db4437 ;
}
.social-icon-block .pinterest,
.social-icon-block .pinterest:hover {
  background-color: #cb2027 ;
  border-color: #cb2027 ;
}
.social-icon-block .instagram,
.social-icon-block .instagram:hover {
  background-color: #3897f0 ;
  border-color: #3897f0 ;
}
.social-icon-block .skype,
.social-icon-block .skype:hover {
  background-color: #00aff0 ;
  border-color: #00aff0 ;
}
.social-icon-block .yahoo,
.social-icon-block .yahoo:hover {
  background-color: #500095 ;
  border-color: #500095 ;
}
.social-icon-block .rss,
.social-icon-block .rss:hover {
  background-color: #f29a1d ;
  border-color: #f29a1d ;
}
.social-icon-block .vimeo,
.social-icon-block .vimeo:hover {
  background-color: #1bb7eb ;
  border-color: #1bb7eb ;
}
.social-icon-block .flickr,
.social-icon-block .flickr:hover {
  background-color: #ff1981 ;
  border-color: #ff1981 ;
}
.social-icon-block .dribbble,
.social-icon-block .dribbble:hover {
  background-color: #ea4c89 ;
  border-color: #ea4c89 ;
}
.social-icon-block .behance,
.social-icon-block .behance:hover {
  background-color: #1769ff ;
  border-color: #1769ff ;
}
.social-icon-block .deviantart,
.social-icon-block .deviantart:hover {
  background-color: #05cc47 ;
  border-color: #05cc47 ;
}
.social-icon-block .linkedin,
.social-icon-block .linkedin:hover {
  background-color: #0080b2 ;
  border-color: #0080b2 ;
}
.social-icon-block .delicious,
.social-icon-block .delicious:hover {
  background-color: #3274d1 ;
  border-color: #3274d1 ;
}
.social-icon-block .stumbleupon,
.social-icon-block .stumbleupon:hover {
  background-color: #ea4b24 ;
  border-color: #ea4b24 ;
}
.social-icon-block .github,
.social-icon-block .github:hover {
  background-color: #333 ;
  border-color: #333 ;
}
.social-icon-block .stackoverflow,
.social-icon-block .stackoverflow:hover {
  background-color: #ef8222 ;
  border-color: #ef8222 ;
}
.social-icon-block .tumblr,
.social-icon-block .tumblr:hover {
  background-color: #385874 ;
  border-color: #385874 ;
}
.social-icon-block .blogger,
.social-icon-block .blogger:hover {
  background-color: #f5821f ;
  border-color: #f5821f ;
}
.social-icon-block .picassa,
.social-icon-block .picassa:hover {
  background-color: #9c47a2 ;
  border-color: #9c47a2 ;
}
.social-icon-block .soundcloud,
.social-icon-block .soundcloud:hover {
  background-color: #f9460a ;
  border-color: #f9460a ;
}
.social-icon-block .lastfm,
.social-icon-block .lastfm:hover {
  background-color: #e31b23 ;
  border-color: #e31b23 ;
}
.social-icon-block .spotify,
.social-icon-block .spotify:hover {
  background-color: #2ebd59 ;
  border-color: #2ebd59 ;
}
.social-icon-block .reddit,
.social-icon-block .reddit:hover {
  background-color: #ff4500 ;
  border-color: #ff4500 ;
}
.social-icon-block .xing,
.social-icon-block .xing:hover {
  background-color: #036567 ;
  border-color: #036567 ;
}
.social-icon-block .dropbox,
.social-icon-block .dropbox:hover {
  background-color: #1e89da ;
  border-color: #1e89da ;
}
.social-icon-block .evernote,
.social-icon-block .evernote:hover {
  background-color: #6bb130 ;
  border-color: #6bb130 ;
}
.social-icon-block .paypal,
.social-icon-block .paypal:hover {
  background-color: #0079c1 ;
  border-color: #0079c1 ;
}
.social-icon-block .yelp,
.social-icon-block .yelp:hover {
  background-color: #c41200 ;
  border-color: #c41200 ;
}
.social-icon-block .renren,
.social-icon-block .renren:hover {
  background-color: #105ba3 ;
  border-color: #105ba3 ;
}
.social-icon-block .steam,
.social-icon-block .steam:hover {
  background-color: #070609 ;
  border-color: #070609 ;
}
.social-icon-block .foursquare,
.social-icon-block .foursquare:hover {
  background-color: #068fc6 ;
  border-color: #068fc6 ;
}
.social-icon-block .mixi,
.social-icon-block .mixi:hover {
  background-color: #e0c074 ;
  border-color: #e0c074 ;
}
.social-icon-block .vk,
.social-icon-block .vk:hover {
  background-color: #4c75a3 ;
  border-color: #4c75a3 ;
}
.social-icon-block .e-mail,
.social-icon-block .e-mail:hover {
  background-color: #222 ;
  border-color: #222 ;
}

/* -- Social Icon List
--------------------------------------------------------------*/
.social-icon-list .facebook:hover,
.social-small .social-icon-block .facebook:hover i,
.social-icon-text .facebook:hover {
  color: #3b5b99 ;
}
.social-icon-list .twitter:hover,
.social-small .social-icon-block .twitter:hover i,
.social-icon-text .twitter:hover {
  color: #00aced ;
}
.social-icon-list .youtube:hover,
.social-small .social-icon-block .youtube:hover i,
.social-icon-text .youtube:hover {
  color: #cc181e ;
}
.social-icon-list .google-plus:hover,
.social-small .social-icon-block .google-plus i:hover,
.social-icon-text .google-plus:hover {
  color: #db4437 ;
}
.social-icon-list .pinterest:hover,
.social-small .social-icon-block .pinterest:hover i,
.social-icon-text .pinterest:hover {
  color: #cb2027 ;
}
.social-icon-list .instagram:hover,
.social-small .social-icon-block .instagram:hover i,
.social-icon-text .instagram:hover {
  color: #3897f0 ;
}
.social-icon-list .skype:hover,
.social-small .social-icon-block .skype:hover i,
.social-icon-text .skype:hover {
  color: #00aff0 ;
}
.social-icon-list .yahoo:hover,
.social-small .social-icon-block .yahoo:hover i,
.social-icon-text .yahoo:hover {
  color: #500095 ;
}
.social-icon-list .rss:hover,
.social-small .social-icon-block .rss:hover i,
.social-icon-text .rss:hover {
  color: #f29a1d ;
}
.social-icon-list .vimeo:hover,
.social-small .social-icon-block .vimeo:hover i,
.social-icon-text .vimeo:hover {
  color: #1bb7eb ;
}
.social-icon-list .flickr:hover,
.social-small .social-icon-block .flickr:hover i,
.social-icon-text .flickr:hover {
  color: #ff1981 ;
}
.social-icon-list .dribbble:hover,
.social-small .social-icon-block .dribbble:hover i,
.social-icon-text .dribbble:hover {
  color: #ea4c89 ;
}
.social-icon-list .behance:hover,
.social-small .social-icon-block .behance:hover i,
.social-icon-text .behance:hover {
  color: #1769ff ;
}
.social-icon-list .deviantart:hover,
.social-small .social-icon-block .deviantart:hover i,
.social-icon-text .deviantart:hover {
  color: #05cc47 ;
}
.social-icon-list .linkedin:hover,
.social-small .social-icon-block .linkedin:hover i,
.social-icon-text .linkedin:hover {
  color: #0080b2 ;
}
.social-icon-list .delicious:hover,
.social-small .social-icon-block .delicious:hover i,
.social-icon-text .delicious:hover {
  color: #3274d1 ;
}
.social-icon-list .stumbleupon:hover,
.social-small .social-icon-block .stumbleupon:hover i,
.social-icon-text .stumbleupon:hover {
  color: #ea4b24 ;
}
.social-icon-list .github:hover,
.social-small .social-icon-block .github:hover i,
.social-icon-text .github:hover {
  color: #333 ;
}
.social-icon-list .stackoverflow:hover,
.social-small .social-icon-block .stackoverflow:hover i,
.social-icon-text .stackoverflow:hover {
  color: #ef8222 ;
}
.social-icon-list .tumblr:hover,
.social-small .social-icon-block .tumblr:hover i,
.social-icon-text .tumblr:hover {
  color: #385874 ;
}
.social-icon-list .blogger:hover,
.social-small .social-icon-block .blogger:hover i,
.social-icon-text .blogger:hover {
  color: #f5821f ;
}
.social-icon-list .picassa:hover,
.social-small .social-icon-block .picassa:hover i,
.social-icon-text .picassa:hover {
  color: #9c47a2 ;
}
.social-icon-list .soundcloud:hover,
.social-small .social-icon-block .soundcloud:hover i,
.social-icon-text .soundcloud:hover {
  color: #f9460a ;
}
.social-icon-list .lastfm:hover,
.social-small .social-icon-block .lastfm:hover i,
.social-icon-text .lastfm:hover {
  color: #e31b23 ;
}
.social-icon-list .spotify:hover,
.social-small .social-icon-block .spotify:hover i,
.social-icon-text .spotify:hover {
  color: #2ebd59 ;
}
.social-icon-list .reddit:hover,
.social-small .social-icon-block .reddit:hover i,
.social-icon-text .reddit:hover {
  color: #ff4500 ;
}
.social-icon-list .xing:hover,
.social-small .social-icon-block .xing:hover i,
.social-icon-text .xing:hover {
  color: #036567 ;
}
.social-icon-list .dropbox:hover,
.social-small .social-icon-block .dropbox:hover i,
.social-icon-text .dropbox:hover {
  color: #1e89da ;
}
.social-icon-list .evernote:hover,
.social-small .social-icon-block .evernote:hover i,
.social-icon-text .evernote:hover {
  color: #6bb130 ;
}
.social-icon-list .paypal:hover,
.social-small .social-icon-block .paypal:hover i,
.social-icon-text .paypal:hover {
  color: #0079c1 ;
}
.social-icon-list .yelp:hover,
.social-small .social-icon-block .yelp:hover i,
.social-icon-text .yelp:hover {
  color: #c41200 ;
}
.social-icon-list .renren:hover,
.social-small .social-icon-block .renren:hover i,
.social-icon-text .renren:hover {
  color: #105ba3 ;
}
.social-icon-list .steam:hover,
.social-small .social-icon-block .steam:hover i,
.social-icon-text .steam:hover {
  color: #070609 ;
}
.social-icon-list .foursquare:hover,
.social-small .social-icon-block .foursquare:hover i,
.social-icon-text .foursquare:hover {
  color: #068fc6 ;
}
.social-icon-list .mixi:hover,
.social-small .social-icon-block .mixi:hover i,
.social-icon-text .mixi:hover {
  color: #e0c074 ;
}
.social-icon-list .vk:hover,
.social-small .social-icon-block .vk:hover i,
.social-icon-text .vk:hover {
  color: #4c75a3 ;
}
.social-icon-list .e-mail:hover,
.social-small .social-icon-block .e-mail:hover i,
.social-icon-text .e-mail:hover {
  color: #222 ;
}
.light .social-icon-list .e-mail:hover,
.light .social-icon-text .e-mail:hover,
.footer-dark .social-icon-list .e-mail:hover,
.footer-dark .social-icon-text .e-mail:hover {
  color: #fff ;
}
.social-icon-list .facebook:hover i {
  background-color: #3b5b99 ;
  border-color: #3b5b99 ;
}
.social-icon-list .twitter:hover i {
  background-color: #00aced ;
  border-color: #00aced ;
}
.social-icon-list .youtube:hover i {
  background-color: #cc181e ;
  border-color: #cc181e ;
}
.social-icon-list .google-plus:hover i {
  background-color: #db4437 ;
  border-color: #db4437 ;
}
.social-icon-list .pinterest:hover i {
  background-color: #cb2027 ;
  border-color: #cb2027 ;
}
.social-icon-list .instagram:hover i {
  background-color: #3897f0 ;
  border-color: #3897f0 ;
}
.social-icon-list .skype:hover i {
  background-color: #00aff0 ;
  border-color: #00aff0 ;
}
.social-icon-list .yahoo:hover i {
  background-color: #500095 ;
  border-color: #500095 ;
}
.social-icon-list .rss:hover i {
  background-color: #f29a1d ;
  border-color: #f29a1d ;
}
.social-icon-list .vimeo:hover i {
  background-color: #1bb7eb ;
  border-color: #1bb7eb ;
}
.social-icon-list .flickr:hover i {
  background-color: #ff1981 ;
  border-color: #ff1981 ;
}
.social-icon-list .dribbble:hover i {
  background-color: #ea4c89 ;
  border-color: #ea4c89 ;
}
.social-icon-list .behance:hover i {
  background-color: #1769ff ;
  border-color: #1769ff ;
}
.social-icon-list .deviantart:hover i {
  background-color: #05cc47 ;
  border-color: #05cc47 ;
}
.social-icon-list .linkedin:hover i {
  background-color: #0080b2 ;
  border-color: #0080b2 ;
}
.social-icon-list .delicious:hover i {
  background-color: #3274d1 ;
  border-color: #3274d1 ;
}
.social-icon-list .stumbleupon:hover i {
  background-color: #ea4b24 ;
  border-color: #ea4b24 ;
}
.social-icon-list .github:hover i {
  background-color: #333 ;
  border-color: #333 ;
}
.social-icon-list .stackoverflow:hover i {
  background-color: #ef8222 ;
  border-color: #ef8222 ;
}
.social-icon-list .tumblr:hover i {
  background-color: #385874 ;
  border-color: #385874 ;
}
.social-icon-list .blogger:hover i {
  background-color: #f5821f ;
  border-color: #f5821f ;
}
.social-icon-list .picassa:hover i {
  background-color: #9c47a2 ;
  border-color: #9c47a2 ;
}
.social-icon-list .soundcloud:hover i {
  background-color: #f9460a ;
  border-color: #f9460a ;
}
.social-icon-list .lastfm:hover i {
  background-color: #e31b23 ;
  border-color: #e31b23 ;
}
.social-icon-list .spotify:hover i {
  background-color: #2ebd59 ;
  border-color: #2ebd59 ;
}
.social-icon-list .reddit:hover i {
  background-color: #ff4500 ;
  border-color: #ff4500 ; color: #222 ;
}
.social-icon-list .xing:hover i {
  background-color: #036567 ;
  border-color: #036567 ;
}
.social-icon-list .dropbox:hover i {
  background-color: #1e89da ;
  border-color: #1e89da ;
}
.social-icon-list .evernote:hover i {
  background-color: #6bb130 ;
  border-color: #6bb130 ;
}
.social-icon-list .paypal:hover i {
  background-color: #0079c1 ;
  border-color: #0079c1 ;
}
.social-icon-list .yelp:hover i {
  background-color: #c41200 ;
  border-color: #c41200 ;
}
.social-icon-list .renren:hover i {
  background-color: #105ba3 ;
  border-color: #105ba3 ;
}
.social-icon-list .steam:hover i {
  background-color: #070609 ;
  border-color: #070609 ;
}
.social-icon-list .foursquare:hover i {
  background-color: #068fc6 ;
  border-color: #068fc6 ;
}
.social-icon-list .mixi:hover i {
  background-color: #e0c074 ;
  border-color: #e0c074 ;
}
.social-icon-list .vk:hover i {
  background-color: #4c75a3 ;
  border-color: #4c75a3 ;
}
.social-icon-list .e-mail:hover i {
  background-color: #222 ;
  border-color: #222 ;
}
.social-icon-block a:hover i::before {
  -webkit-animation: toTopFromBottom 0.5s forwards;
  -moz-animation: toTopFromBottom 0.5s forwards;
  animation: toTopFromBottom 0.5s forwards;
}
@-webkit-keyframes toTopFromBottom {
  49% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@-moz-keyframes toTopFromBottom {
  49% {
    -moz-transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes toTopFromBottom {
  49% {
    transform: translateY(-100%);
  }
  50% {
    opacity: 0;
    transform: translateY(100%);
  }
  51% {
    opacity: 1;
  }
}

/* - Call To Action
--------------------------------------------------------------*/
.call-to-action {
  background-color: transparent;
  position: relative;
}
.call-to-action.cta-border {
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 5px;
  padding: 40px 0;
  padding-right: 40px;
  padding-left: 40px;
}
.light .call-to-action.cta-border {
  border-color: rgba(255,255,255,0.2);
}
.cta-inner {
  display: table;
  width: 100%;
}
.cta-content,
.cta-btn {
  display: table-cell;
  vertical-align: middle;
}
.cta-content {
  text-align: left;
}
.cta-content .cta-title {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: -0.03em;
}
.cta-title.title-small {
  font-size: 24px;
  line-height: 1.5em;
}
.cta-title.title-medium {
  font-size: 32px;
}
.cta-title.title-large {
  font-size: 50px;
}
.cta-title.title-xlarge {
  font-size: 65px;
}
.cta-content .description {
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  opacity: 0.75;
}
.light .cta-content .description {
  color: #fff;
}
.cta-title~.description {
  margin: 5px 0 0 0;
}
.cta-btn {
  padding-left: 20px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
}

/* CTA Link */
.cta-link {
  position: relative;
  display: block;
  padding: 50px 20px;
  font-size: 2.5em;
  line-height: 1.5em;
  text-decoration: none;
  text-align: center;
  z-index: 0;
  -webkit-transition: background-color .4s ease, color .4s ease;
  transition: background-color .4s ease, color .4s ease;
}
.full-width-section [class*="col-"] .cta-link {
  margin: 0 -15px;
}
.light .cta-link {
  color: #fff;
}
.cta-link h1:last-child,
.cta-link h2:last-child,
.cta-link h3:last-child,
.cta-link h4:last-child,
.cta-link h5:last-child,
.cta-link h6:last-child {
  margin-bottom: 0;
}
.cta-link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: background-color .4s ease, color .4s ease;
  transition: background-color .4s ease, color .4s ease;
}
.cta-link:hover::after {
  background: rgba(0,0,0,0.1);
}
.light .cta-link:hover {
  color: #fff;
}

@media only screen and (max-width: 1024px) and (min-width: 1px) {
  .cta-content .cta-title {
    font-size: 30px;
  }
  .cta-title.title-small {
    font-size: 22px;
    line-height: 1.5em;
  }
  .cta-title.title-medium {
    font-size: 30px;
  }
  .cta-title.title-large {
    font-size: 40px;
  }
  .cta-title.title-xlarge {
    font-size: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .cta-content,
  .cta-btn {
    display: block;
  }
  .cta-content {
    margin-bottom: 20px;
    text-align: center;
  }
  .cta-content .cta-title {
    font-size: 26px;
  }
  .cta-title.title-small {
    font-size: 20px;
    line-height: 1.5em;
  }
  .cta-title.title-medium {
    font-size: 26px;
  }
  .cta-title.title-large {
    font-size: 36px;
  }
  .cta-title.title-xlarge {
    font-size: 40px;
  }
  .cta-content .description {
    font-size: 18px;
  }
  .cta-link {
    font-size: 2em;
  }
  .cta-btn {
    padding: 0;
    text-align: center;
  }
  .cta-btn .btn {
    padding: 0 25px;
    height: 50px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 1px) {
  .cta-link {
    font-size: 1.8em;
  }
}

/* - Icon Boxes
--------------------------------------------------------------*/
.icon-box {
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.equal-col-height [class*="col-"] .icon-box {
  height: 100%;
}
.icon-box:last-child {
  margin-bottom: 0;
}
.icon-box.small-icon h1,
.icon-box.small-icon h2,
.icon-box.small-icon h3,
.icon-box.small-icon h4,
.icon-box.small-icon h5,
.icon-box.small-icon h6 {
  line-height: 30px;
}
.icon-box .icon-box-icon {
  line-height: 0;
}
.icon-box .icon-box-icon i {
  border-radius: 50%;
  margin: 0;
  font-weight: 400;
  text-align: center;
  color: #c73154;
  -webkit-backface-visibility: hidden;
}
.icon-box.icon-square .icon-box-icon i {
  border-radius: 0;
}
.icon-box i::after {
  border-radius: 50%;
}
.icon-box.icon-square i::after {
  border-radius: 0;
}
.icon-centered .small-sep,
.icon-box-container .small-sep {
  margin: 0 auto 10px;
}
.icon-box .icon-box-content {
  overflow: hidden;
}
.icon-box.small-icon .icon-box-content {
  overflow: visible;
}
.icon-box .icon-box-content h1:last-child,
.icon-box .icon-box-content h2:last-child,
.icon-box .icon-box-content h3:last-child,
.icon-box .icon-box-content h4:last-child,
.icon-box .icon-box-content h5:last-child,
.icon-box .icon-box-content h6:last-child {
  margin-bottom: 0;
}
.light .icon-box .icon-box-content p {
  color: rgba(255,255,255,0.85);
}

/* -- Icon ALignment
--------------------------------------------------------------*/
.icon-box.icon-left, .icon-box.icon-top-left {
  text-align: left;
}
.icon-box.icon-right, .icon-box.icon-top-right {
  text-align: right;
}
.icon-box.icon-top-center {
  text-align: center;
}
.icon-left.small-icon .icon-box-icon,
.icon-left.medium-icon .icon-box-icon,
.icon-left.large-icon .icon-box-icon,
.icon-left.xlarge-icon .icon-box-icon {
  float: left;
  position: relative;
  margin: 0px 12px 0 0;
}
.icon-left.medium-icon .icon-box-icon {
  margin: -3px 20px 0 0;
}
.icon-left.large-icon .icon-box-icon  {
  margin: -5px 30px 0 0;
}
.icon-left.xlarge-icon .icon-box-icon {
  margin: -10px 30px 0 0;
}
.icon-right.small-icon .icon-box-icon,
.icon-right.medium-icon .icon-box-icon,
.icon-right.large-icon .icon-box-icon,
.icon-right.xlarge-icon .icon-box-icon {
  float: right;
  position: relative;
  margin: 0 0 0 12px;
}
.icon-right.medium-icon .icon-box-icon {
  margin: -3px 0 0 20px;
}
.icon-right.large-icon .icon-box-icon  {
  margin: -5px 0 0 30px;
}
.icon-right.xlarge-icon .icon-box-icon {
  margin: -10px 0 0 30px;
}
.icon-box.icon-top-left .icon-box-content,
.icon-box.icon-top-right .icon-box-content,
.icon-box.icon-top-center .icon-box-content {
  margin-top: 1.5em;
}
.icon-box.icon-top-left.small-icon .icon-box-content,
.icon-box.icon-top-right.small-icon .icon-box-content,
.icon-box.icon-top-center.small-icon .icon-box-content {
  margin-top: 1em;
}
.icon-box.icon-top-left.large-icon .icon-box-content,
.icon-box.icon-top-right.large-icon .icon-box-content,
.icon-box.icon-top-center.large-icon .icon-box-content {
  margin-top: 1.8em;
}
.icon-box.icon-top-left.xlarge-icon .icon-box-content,
.icon-box.icon-top-right.xlarge-icon .icon-box-content,
.icon-box.icon-top-center.xlarge-icon .icon-box-content {
  margin-top: 2em;
}
.icon-box.icon-top-left .icon-box-icon,
.icon-box.icon-top-right .icon-box-icon,
.icon-box.icon-top-center .icon-box-icon {
  margin-bottom: 1.5em;
}
.icon-box.icon-top-left.small-icon .icon-box-icon,
.icon-box.icon-top-right.small-icon .icon-box-icon,
.icon-box.icon-top-center.small-icon .icon-box-icon {
  margin-bottom: 1em;
}

/* -- Icon Sizes
--------------------------------------------------------------*/

/* --- Small Icon */
.small-icon .icon-box-icon i {
  width: 26px;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
}
.small-icon .icon-box-icon.icon-effect-transparent i,
.small-icon .icon-box-icon.icon-effect-solid i {
  border-width: 1px;
  width: 30px;
  height: 30px;
  font-size: 16px;
}
.small-icon .icon-box-icon img {
  margin: 0;
  width: 30px;
  height: 30px;
}

/* --- Medium Icon */
.medium-icon .icon-box-icon i {
  width: 37px;
  font-size: 35px;
  line-height: 37px;
}
.medium-icon .icon-box-icon.icon-effect-transparent i,
.medium-icon .icon-box-icon.icon-effect-solid i {
  width: 50px;
  height: 50px;
  font-size: 22px;
  line-height: 46px;
}
.medium-icon .icon-box-icon img {
  margin: 0;
  width: 50px;
  height: 50px;
}

/* --- Large icon */
.large-icon .icon-box-icon i {
  width: 52px;
  font-size: 50px;
  line-height: 52px;
}
.large-icon .icon-box-icon.icon-effect-transparent i,
.large-icon .icon-box-icon.icon-effect-solid i {
  width: 65px;
  height: 65px;
  font-size: 30px;
  line-height: 61px;
}
.large-icon .icon-box-icon img {
  margin: 0;
  width: 65px;
  height: 65px;
}

/* --- Extra Large Icon */
.xlarge-icon .icon-box-icon i {
  width: 60px;
  font-size: 58px;
  line-height: 60px;
}
.xlarge-icon .icon-box-icon.icon-effect-transparent i,
.xlarge-icon .icon-box-icon.icon-effect-solid i {
  width: 90px;
  height: 90px;
  font-size: 40px;
  line-height: 86px;
}
.xlarge-icon .icon-box-icon img {
  margin: 0;
  width: 90px;
  height: 90px;
}

/* -- Icon Box Hover Effect
--------------------------------------------------------------*/

/* ---Icon Effect Transparent */
.icon-box-icon.icon-effect-transparent i {
  background-color: transparent;
  display: inline-block;
  position: relative;
  border: 2px solid #c73154;
  margin: 0;
  font-size: 12px;
  text-align: center;
  color: #c73154;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  transition: background 0.3s, color 0.3s;
}
.icon-box-icon.icon-effect-transparent i::after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.icon-box-icon.icon-effect-transparent i::before {
  display: block;
  speak: none;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
.icon-box-icon.icon-effect-transparent i::after {
  background-color: #c73154;
  top: 0px;
  left: 0px;
  padding: 0px;
  z-index: -1;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.small-icon .icon-box-icon.icon-effect-transparent i::after {
  top: 0px;
  left: 0px;
  padding: 0px;
}
.icon-box:hover .icon-box-icon.icon-effect-transparent i {
  background-color: transparent;;
  color: #fff;
}
.icon-box:hover .icon-box-icon.icon-effect-transparent i::after {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 1;
}

/* --- Icon Effect Solid */
.icon-box-icon.icon-effect-solid i {
  background-color: #c73154;
  display: inline-block;
  position: relative;
  border: 2px solid #c73154;
  margin: 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
}
.icon-box-icon.icon-effect-solid i::after {
  content: '';
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.icon-box-icon.icon-effect-solid i::before {
  display: block;
  speak: none;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
}
.icon-box-icon.icon-effect-solid i::after {
  top: -8px;
  left: -8px;
  padding: 8px;
  box-shadow: 0 0 0 2px #c73154;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  -webkit-transform: scale(.8);
  transition: transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
  transform: scale(.8);
  opacity: 0;
}
.medium-icon .icon-box-icon.icon-effect-solid i::after {
  top: -6px;
  left: -6px;
  padding: 6px;
}
.small-icon .icon-box-icon.icon-effect-solid i::after {
  top: -4px;
  left: -4px;
  padding: 4px;
}
.icon-box:hover .icon-box-icon.icon-effect-solid i {
  background-color: #c73154;
  color: #fff;
}
.icon-box:hover .icon-box-icon.icon-effect-solid i::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

/* -- Icon Color Scheme
--------------------------------------------------------------*/

/* --- Icon Dark */
.icon-box-icon.icon-dark i {
  color: #222;
}
.icon-box-icon.icon-dark.icon-effect-transparent i {
  border: 2px solid #222;
}
.icon-box-icon.icon-dark.icon-effect-transparent i::after {
  background: #222;
}
.icon-box:hover .icon-box-icon.icon-dark.icon-effect-transparent i {
  background: transparent;
  color: #fff;
}
.icon-box-icon.icon-dark.icon-effect-solid i {
  background: #222;
  border: 2px solid #222;
  color: #fff;
}
.icon-box-icon.icon-dark.icon-effect-solid i::after {
  box-shadow: 0 0 0 2px #222;
}
.icon-box:hover .icon-box-icon.icon-dark.icon-effect-solid i {
  background: #222;
  color: #fff;
}

/* --- Icon Light */
.icon-box-icon.icon-light i {
  color: #fff;
}
.icon-box-icon.icon-light.icon-effect-transparent i {
  border: 2px solid #fff;
}
.icon-box-icon.icon-light.icon-effect-transparent i::after {
  background: #fff;
}
.icon-box:hover .icon-box-icon.icon-light.icon-effect-transparent i {
  background: transparent;
  color: #c73154;
}
.icon-box-icon.icon-light.icon-effect-solid i {
  background: #fff;
  border: 2px solid #fff;
  color: #c73154;
}
.icon-box-icon.icon-light.icon-effect-solid i::after {
  box-shadow: 0 0 0 2px #fff;
}
.icon-box:hover .icon-box-icon.icon-light.icon-effect-solid i {
  background-color: #fff;
  color: #c73154;
}

/* --- Icon Accent */
.icon-box-icon.icon-accent i {
  color: #c73154;
}
.icon-box-icon.icon-accent.icon-effect-transparent i {
  border: 2px solid #c73154;
}
.icon-box-icon.icon-accent.icon-effect-transparent i::after {
  background-color: #c73154;
}
.icon-box:hover .icon-box-icon.icon-accent.icon-effect-transparent i {
  background: transparent;
  color: #fff;
}
.icon-box-icon.icon-accent.icon-effect-solid i {
  background-color: #c73154;
  border: 2px solid #c73154;
  color: #fff;
}
.icon-box-icon.icon-accent.icon-effect-solid i::after {
  box-shadow: 0 0 0 2px #c73154;
}
.icon-box:hover .icon-box-icon.icon-accent.icon-effect-solid i {
  background-color: #c73154;
  color: #fff;
}

/* --- Icon Grey */
.icon-box-icon.icon-grey i {
  color: #ccc;
}
.icon-box-icon.icon-grey.icon-effect-transparent i {
  border: 2px solid #ccc;
}
.icon-box-icon.icon-grey.icon-effect-transparent i::after {
  background: #ccc;
}
.icon-box:hover .icon-box-icon.icon-grey.icon-effect-transparent i {
  background: transparent;
  color: #fff;
}
.icon-box-icon.icon-grey.icon-effect-solid i {
  background: #ccc;
  border: 2px solid #ccc;
  color: #fff;
}
.icon-box-icon.icon-grey.icon-effect-solid i::after {
  box-shadow: 0 0 0 2px #ccc;
}
.icon-box:hover .icon-box-icon.icon-grey.icon-effect-solid i {
  background: #ccc;
  color: #fff;
}

/* - Tabs
--------------------------------------------------------------*/
.tabs {
  margin-bottom: 25px;
}
.tabs:last-child {
  margin-bottom: 0;
}
.tabs-nav {
  list-style-type: none;
  margin: 0;
}
.tabs-nav li {
  position: relative;
  display: inline-block;
  float: none;
  margin: 0 -4px 0 0;
}
.tabs-nav li.active {
  z-index: 2;
}
.tabs-nav li a {
  background-color: transparent;
  display: block;
  border: 1px solid transparent;
  padding: 8px 20px;
  color: #666;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.light .tabs-nav li a {
  color: rgba(255,255,255,0.75);
}
.light .tabs-nav li a:hover {
  color: #fff;
}
.tabs-nav li a:hover {
  opacity: 1;
}
.tabs-nav li.active a {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  color: #c73154;
  cursor: default;
}
.light .tabs-nav li.active a {
  background-color: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 3px;
  color: #fff;
}
.tabs-nav li a i {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 20px;
  line-height: 24px;
}
.tabs-container {
  position: relative;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 15px 20px 20px;
  z-index: 1;
}
.light .tabs-container {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.tab-content {
  margin: 0;
}
.light .tab-content {
  margin: 25px 0 0;
}
.tabs-nav {
  margin: 0 0 -1px 0;
}
.tabs-nav li a {
  border-radius: 3px 3px 0 0;
  margin-right: 2px;
}
.tabs-nav li.active a {
  border-bottom-color: transparent;
  opacity: 1;
}
.light .tabs-nav li.active a {
  border-bottom-color: rgba(255,255,255,0.2);
}
.tabs-container {
  -webkit-box-shadow: 0px -4px 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -4px 20px -10px rgba(0, 0, 0, 0.2);
}
.light .tabs-container {
  padding-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* -- Vertical Tabs
--------------------------------------------------------------*/
.v-tabs .tabs-nav {
  display: block;
  float: left;
  margin: 0 -1px 0 0;
  width: 30%;
  min-width: 170px;
  max-width: 250px;
}
.v-tabs .tabs-nav li {
  display: block;
  float: none;
  margin: 0;
}
.v-tabs .tabs-nav li a {
  border-radius: 3px 0 0 3px;
  margin: 0 0 2px 0;
  padding-left: 15px;
  padding-right: 15px;
}
.v-tabs .tabs-nav li:last-child a {
  margin: 0;
}
.v-tabs .tabs-nav li.active a {
  border-right-color: transparent;
  border-bottom-color: #e5e5e5;
}
.light .v-tabs .tabs-nav li.active a {
  border: 1px solid rgba(255,255,255,0.2);
}
.v-tabs .tabs-container {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);
}
.light .v-tabs .tabs-container {
  padding-left: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.light .v-tabs .tab-content {
  margin: 0;
}

/* -- Tabs Style
--------------------------------------------------------------*/
.tabs.style-2 .tabs-nav {
  border-bottom: 3px solid rgba(0,0,0,0.05);
}
.light .tabs.style-2 .tabs-nav {
  border-bottom: 3px solid rgba(255,255,255,0.1);
}
.tabs.style-2 .tabs-nav li {
  margin-bottom: -3px;
}
.tabs.style-2 .tabs-nav li a {
  position: relative;
  border: 0;
  border-radius: 0;
  margin: 0 20px 0 0;
  padding: 0 0 15px 0;
}
.tabs.style-2 .tabs-nav li a::after {
  content: '';
  background-color: transparent;
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 3px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tabs.style-2 .tabs-nav li a:hover::after {
  background-color: #c73154;
  left: 0;
  right: 0;
}
.light .tabs.style-2 .tabs-nav li a:hover::after {
  background-color: #fff;
}
.tabs.style-2 .tabs-nav li:last-child a {
  margin: 0;
}
.tabs.style-2 .tabs-nav li.active a {
  background: none;
}
.tabs.style-2 .tabs-nav li.active a::after {
  content: '';
  background-color: #c73154;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
}
.light .tabs.style-2 .tabs-nav li.active a::after {
  background-color: #fff;
}
.tabs.style-2 .tabs-container,
.tabs.style-3 .tabs-container {
  background: none;
  border: 0;
  margin-top: 25px;
  padding: 0;
  box-shadow: none;
}
.light .tabs.style-2 .tabs-container,
.light .tabs.style-3 .tabs-container {
  padding: 0;
}
.tabs.style-2 .tab-content {
  margin-top: 15px;
}

/* -- Tab Style 3
--------------------------------------------------------------*/
.tabs.style-3 .tabs-nav li {
  text-align: center;
}
.tabs.style-3 .tabs-nav li a {
  background-color: rgba(0,0,0,0.05);
  border: 0;
  border-right: 1px solid rgba(0,0,0,0.07);
  border-radius: 0;
  margin: 0;
}
.light .tabs.style-3 .tabs-nav li a {
  background-color: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.2);
}
.tabs.style-3 .tabs-nav li:first-child a {
  border-radius: 3px 0 0 3px;
}
.tabs.style-3 .tabs-nav li:last-child a {
  border-color: transparent;
  border-radius: 0 3px 3px 0;
}
.tabs.style-3 .tabs-nav li a:hover {
  background-color: rgba(0,0,0,0.03);
  color: inherit;
}
.light .tabs.style-3 .tabs-nav li a:hover {
  background-color: rgba(255,255,255,0.06);
  color: inherit;
}
.tabs.style-3 .tabs-nav li.active a {
  background-color: #c73154;
  color: #fff;
}
.light .tabs.style-3 .tabs-nav li.active a {
  background-color: rgba(255,255,255,0.3);
}

@media only screen and (max-width: 767px) {
  .tabs-nav li {
    float: none;
    display: block;
  }
  .tabs-nav li.active a  {
    border-bottom-color: #e5e5e5;
    border-radius: 3px;
    margin: 0;
  }
  .tabs-container,
  .v-tabs .tabs-container {
    margin-top: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /* Tab Style 2 */
  .tabs.style-2 .tabs-nav {
    border: 0;
  }
  .tabs.style-2 .tabs-nav li a {
    margin: 0;
    padding: 15px 0;
  }
  .tabs.style-2 .tabs-nav li a::before {
    content: '';
    background-color: transparent;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    background-color: rgba(0,0,0,0.05);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  .light .tabs.style-2 .tabs-nav li a::before {
    background-color: rgba(255,255,255,0.1);
  }

  /* Tab Style 3 */
  .tabs.style-3 .tabs-nav li a,
  .tabs.style-3 .tabs-nav li:first-child a,
  .tabs.style-3 .tabs-nav li:last-child a {
    border: 0;
    border-radius: 3px;
  }

  /* Vertical Tabs */
  .v-tabs .tabs-nav {
    float: none;
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }
  .v-tabs .tabs-nav li a {
    margin: 0;
  }
  .v-tabs .tabs-nav li.active a {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
  }
  .light .v-tabs .tabs-container {
    padding: 0;
  }
  .light .v-tabs .tab-content {
    margin: 15px 0 0;
  }
}

/* - Accordion / Toggle
--------------------------------------------------------------*/
.toggle-wrap .toggle,
.accordion-wrap .toggle {
  position: relative;
  margin-bottom: 1px;
}
.toggle-wrap .toggle-title,
.accordion-wrap .toggle-title {
  background-color: rgba(0,0,0,0.03);
  position: relative;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  border-radius: 2px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #666;
  cursor: pointer;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.light .toggle-wrap .toggle-title,
.light .accordion-wrap .toggle-title {
  background-color: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.75);
}
.toggle-wrap .toggle-title::before,
.toggle-wrap .toggle-title::after,
.accordion-wrap .toggle-title::before,
.accordion-wrap .toggle-title::after {
  content: '';
  background-color: #666;
  position: absolute;
  left: auto;
  top: 50%;
  bottom: auto;
  right: auto;
  height: 2px;
  width: 12px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.light .toggle-wrap .toggle-title::before,
.light .toggle-wrap .toggle-title::after,
.light .accordion-wrap .toggle-title::before,
.light .accordion-wrap .toggle-title::after {
  background-color: rgba(255,255,255,0.75);
}
.toggle-wrap .toggle-title::before,
.accordion-wrap .toggle-title::before {
  right: 10px;
}
.toggle-wrap .toggle-title::after,
.accordion-wrap .toggle-title::after {
  right: 16px;
  margin-top: -1px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.toggle-wrap .toggle-title.active,
.accordion-wrap .toggle-title.active {
  background-color: #c73154;
  color: #fff;
}
.light .toggle-wrap .toggle-title.active,
.light .accordion-wrap .toggle-title.active {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
}
.toggle-wrap .toggle-title.active::after,
.accordion-wrap .toggle-title.active::after {
  background: #fff;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.toggle-wrap .toggle-title i,
.accordion-wrap .toggle-title i {
  float: left;
  margin: 0 12px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #c73154;
}
.light .toggle-wrap .toggle-title i,
.light .accordion-wrap .toggle-title i {
  color: rgba(255,255,255,0.75);
}
.toggle-wrap.style-2 .toggle-title i,
.accordion-wrap.style-2 .toggle-title i {
  margin-right: 15px;
  font-size: 24px;
  line-height: 32px;
}
.toggle-wrap .toggle-title.active i,
.accordion-wrap .toggle-title.active i {
  color: #fff;
}
.toggle-wrap .toggle-content,
.accordion-wrap .toggle-content {
  margin: 0;
  padding: 0 15px 15px;
}
.toggle-content p:last-child,
.accordion-content p:last-child {
  margin: 0;
}
.toggle-wrap .toggle .toggle-title,
.accordion-wrap .toggle .toggle-title {
  margin: 0;
}
.toggle-wrap .toggle-content,
.accordion-wrap .toggle-content {
  display: none;
  padding: 15px;
  min-height: 0;
}
.toggle-wrap .toggle.active .toggle-content,
.accordion-wrap .toggle.active .toggle-content {
  display: block;
}

/* -- Accordion / Toggle Style 2
--------------------------------------------------------------*/
.toggle-wrap.style-2 .toggle,
.accordion-wrap.style-2 .toggle {
  border-bottom: 1px solid rgba(0,0,0,0.05);
  margin: 0;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}
.toggle-wrap.style-2 .toggle:hover,
.accordion-wrap.style-2 .toggle:hover {
  background-color: rgba(0,0,0,0.03);
}
.toggle-wrap.style-2 .toggle:first-child,
.accordion-wrap.style-2 .toggle:first-child {
  /*border-top: 2px solid rgba(0,0,0,0.05);*/
}
.light .toggle-wrap.style-2 .toggle,
.light .accordion-wrap.style-2 .toggle,
.light .toggle-wrap.style-2 .toggle:first-child,
.light .accordion-wrap.style-2 .toggle:first-child {
  border-color: rgba(255,255,255,0.1);
}
.toggle-wrap.style-2 .toggle .toggle-title,
.accordion-wrap.style-2 .toggle .toggle-title {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 20px 60px 20px 20px;
  font-size: 20px;
  font-weight: 500;
}
.toggle-wrap.style-2 .toggle .toggle-title::before,
.toggle-wrap.style-2 .toggle .toggle-title::after,
.accordion-wrap.style-2 .toggle .toggle-title::before,
.accordion-wrap.style-2 .toggle .toggle-title::after {
  width: 21px;
}
.toggle-wrap.style-2 .toggle .toggle-title::before,
.accordion-wrap.style-2 .toggle .toggle-title::before {
  right: 10px;
}
.toggle-wrap.style-2 .toggle .toggle-title::after,
.accordion-wrap.style-2 .toggle .toggle-title::after {
  right: 20px;
}
.toggle-wrap.style-2 .toggle .toggle-title.active::before,
.toggle-wrap.style-2 .toggle .toggle-title.active::after,
.accordion-wrap.style-2 .toggle .toggle-title.active::before,
.accordion-wrap.style-2 .toggle .toggle-title.active::after {
  background-color: #c73154;
}
.light .toggle-wrap.style-2 .toggle .toggle-title.active::before,
.light .toggle-wrap.style-2 .toggle .toggle-title.active::after,
.light .accordion-wrap.style-2 .toggle .toggle-title.active::before,
.light .accordion-wrap.style-2 .toggle .toggle-title.active::after {
  background-color: #fff;
}
.toggle-wrap.style-2 .toggle .toggle-title.active,
.accordion-wrap.style-2 .toggle .toggle-title.active {
  border: 0;
  color: #c73154;
}
.light .toggle-wrap.style-2 .toggle .toggle-title.active,
.light .accordion-wrap.style-2 .toggle .toggle-title.active {
  color: #fff;
}
.toggle-wrap.style-2 .toggle .toggle-title.active i,
.accordion-wrap.style-2 .toggle .toggle-title.active i {
  color: #c73154;
}
.light .toggle-wrap.style-2 .toggle .toggle-title i,
.light .accordion-wrap.style-2 .toggle .toggle-title i {
  color: rgba(255,255,255,0.75);
}
.light .toggle-wrap.style-2 .toggle .toggle-title.active i,
.light .accordion-wrap.style-2 .toggle .toggle-title.active i {
  color: #fff;
}
.toggle-wrap.style-2 .toggle .toggle-content,
.accordion-wrap.style-2 .toggle .toggle-content {
  padding: 0 20px 30px;
  margin-bottom: 0;
}

/* - Notification Boxes
--------------------------------------------------------------*/
.message-box {
  background: #fff;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  margin-bottom: 25px;
  padding: 20px 40px 20px 20px;
}
.message-box p {
  margin: 0;
}
.message-box i {
  display: inline-block;
  margin-right: 12px;
  line-height: 24px;
  font-size: 18px;
  vertical-align: top;
}
.message-box .close i {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  cursor: pointer;
}
.message-box .close {
  position: absolute;
  top: 50%;
  right: 20px;
  border: 2px solid rgba(0,0,0,0.1);
  border-radius: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.message-box .close i {
  display: none;
  font-size: 12px;
  color: #fff;
}
.message-box .close::before,
.message-box .close::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 12px;
  left: 6px;
  width: 14px;
  height: 2px;
  background-color: #222;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.message-box .close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.message-box .close:hover::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.message-box .close::after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.message-box .close:hover::after {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

/* -- Info Box
--------------------------------------------------------------*/
.info-box {
  background: #e6f1fa;
  border: 1px solid #b6Cfe5;
  color: #00529b;
}
.info-box strong {
  color: #00529b;
}
.message-box.info-box .close::before,
.message-box.info-box .close::after {
  background-color: #00529b;
}

/* -- Success Box
--------------------------------------------------------------*/
.success-box {
  background: #eafae6;
  border: 1px solid #9edc95;
  color: #5d792e;
}
.success-box strong {
  color: #5d792e;
}
.message-box.success-box .close::before,
.message-box.success-box .close::after {
  background-color: #5d792e;
}

/* -- Error Box
--------------------------------------------------------------*/
.error-box {
  background: #fee4e4;
  border: 1px solid #e1a3a3;
  color: #d54444;
}
.error-box strong {
  color: #d54444;
}
.message-box.error-box .close::before,
.message-box.error-box .close::after {
  background-color: #d54444;
}

/* -- Warning Box
--------------------------------------------------------------*/
.warning-box {
  background: #fff9cc;
  border: 1px solid #e2c74f;
  color: #9f6000;
}
.warning-box strong {
  color: #9f6000;
}
.message-box.warning-box .close::before,
.message-box.warning-box .close::after {
  background-color: #9f6000;
}

/* - Counter
--------------------------------------------------------------*/
.counter {
  text-align: center;
  letter-spacing: 0.02em;
  opacity: 0;
}
.counter .count-number {
  font-size: 4em;
  font-weight: bold;
  line-height: 1em;
  color: #222;
}
.light .counter .count-number {
  color: #fff;
}
.counter .count-subject {
  position: relative;
  bottom: -15px;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.2em;
  opacity: 0;
}

/* - Pie Chart
--------------------------------------------------------------*/
.pie-chart {
  overflow: hidden;
  position: relative;
  margin: 0 auto 15px;
  text-align: center;
  line-height: 0
}
.pie-chart canvas {
  display: inline-block;
  top: 0;
  left: 0;
}
.pie-chart .pie-label {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.pie-chart span {
  font-size: 30px;
  font-weight: 300;
}
.pie-title {
  display: block;
  position: relative;
  bottom: -15px;
  margin: 0;
  font-size: 16px;
  text-align: center;
  opacity: 0;
}

/* - Progress Bar
--------------------------------------------------------------*/
.progress-bar-wrap {
  list-style-type: none;
  margin: 0;
}
.progress-bar-wrap .progress-bar:last-child .progress {
  margin-bottom: 0;
}
.progress-bar {
  list-style-type: none;
  margin: 0;
}
.progress-bar li {
  margin: 0;
}
.bar-label {
  display: block;
  line-height: 25px;
  font-size: 12px;
}
.progress {
  background-color: #e5e5e5;
  display: block;
  position: relative;
  border-radius: 9px;
  margin: 0 0 20px 0;
  width: 100%;
  height: 18px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.light .progress {
  background-color: rgba(255,255,255,0.3);
}
.progress-width {
  background-color: #c73154;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 9px;
  width: 0;
  height: 18px;
  text-align: center;
  color: #fff;
}
.progress-number {
  display: inline-block;
  position: relative;
  top: -5px;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
.progress-striped .progress-width {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-striped.progress-animated .progress-width {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

/* -- Progress Bar Style 2
--------------------------------------------------------------*/
.style-2 .progress {
  border-radius: 4px;
  height: 8px;
}
.style-2 .progress-width {
  overflow: visible;
  border-radius: 4px;
  height: 8px;
}
.style-2 .progress-number {
  background: #222;
  position: absolute;
  top: -26px;
  right: 0;
  border-radius: 2px;
  padding: 5px 5px;
  font-size: 11px;
  letter-spacing: normal;
}
.style-2 .progress-number::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  border-color: #222 transparent;
  border-style: solid;
  border-width: 4px 4px 0;
  margin-left: -4px;
  width: 0;
}
.light .style-2 .progress-number {
  background-color: rgba(255,255,255,0.3);
}
.light .style-2 .progress-number::after {
  border-color: rgba(255,255,255,0.3) transparent;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

/* - Social Share
--------------------------------------------------------------*/
.social-share-holder {
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: left;
}
.social-share-icons {
  margin: 0;
  padding: 0;
}
.social-share-icons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  word-spacing: -4px;
}
.social-share-icons li {
  margin: 0 5px;
}
.social-share-icons li {
  display: inline-block;
  margin: 8px 5px 0 0;
  padding: 0px;
  width: auto;
  word-spacing: normal;
}
.social-share-icons li:first-child {
  margin-left: 1px;
}
.social-share-icons li:last-child {
  margin-right: 0;
}
.social-share-icons li a {
  background: transparent;
  display: inline-block;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  margin: 0;
  padding: 0 10px 0 7px;
  height: 30px;
  line-height: 28px;
  font-size: 14px;
  text-align: center;
  color: #666;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.social-share-icons li a:hover {
  border-color: transparent;
  color: #fff;
}
.social-share-holder .social-share-icons li a i {
  display: inline-block;
  margin-right: 5px;
  line-height: 28px;
}
 .social-share-icons .facebook-share a:hover {
   background-color: #3b5b99;
 }
 .social-share-icons .twitter-share a:hover {
   background-color: #00aced;
 }
 .social-share-icons .google-plus-share a:hover {
   background-color: #db4437;
 }
 .social-share-icons .pinterest-share a:hover {
   background-color: #cb2027;
 }
 .social-share-icons .linkedin-share a:hover {
   background-color: #0080b2;
 }
.social-share-holder .social-share-icons li a .count {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
}

/* - Gallery Styles
--------------------------------------------------------------*/
.gallery {
  position: relative;
  margin: 0 -0.5em;
}
.full-width-section [class*="col-"] .gallery {
  margin: 0 -15px;
}
.gallery-wrapper {
  overflow: hidden;
}
.gallery-slider ~ .loader {
  background: #222;
}
.gallery-slider[data-pagination="true"] .slick-dots,
.gallery-carousel[data-pagination="true"] .slick-dots {
  bottom: -40px;
  margin: 0;
}
.gallery-item {
  list-style-type: none;
  position: relative;
  margin: 0;
}
.full-width-section .gallery-item {
  padding: 0 0.5em;
}
.gallery-item li {
  overflow: hidden;
  float: left;
  position: relative;
  margin: 0;
  padding: 0.6em 0.5em;
  width: 100%;
  max-width: 100%;
}
.gallery-item li a {
  position: relative;
  display: block;
  border-bottom: 0;
  padding: 0;
}
.gallery-item li img {
  display: block;
  padding: 0;
  width: 100%;
  height: auto;
}

/* -- Gallery Columns
--------------------------------------------------------------*/
.gallery-item li.gal-1-col {
  width: 100%;
}
.gallery-item li.gal-2-col {
  width: 50%;
}
.gallery-item li.gal-3-col {
  width: 33.333333%;
}
.gallery-item li.gal-4-col {
  width: 25%;
}
.gallery-item li.gal-5-col {
  width: 20%;
}
.gallery-item li.gal-6-col {
  width: 16.666666%;
}

@media (max-width: 1000px) {
  .gallery {
    margin: 0 -0.3em;
  }
  .gallery-item li.gal-1-col {
    padding: 0.4em 0.3em;
  }
  .gallery-item li.gal-2-col,
  .gallery-item li.gal-3-col,
  .gallery-item li.gal-4-col,
  .gallery-item li.gal-5-col ,
  .gallery-item li.gal-6-col {
    width: 50%;
    padding: 0.4em 0.3em;
  }
  .gallery-item li a::after {
    top: 50%;
    right: auto;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
  }
}

/* -- Gallery Slider
--------------------------------------------------------------*/
.gallery-slider .gallery-item {
  padding: 0 0.5em;
}
.full-width-section .gallery-slider .gallery-item {
  padding: 0;
}
.gallery-slider .gallery-item li {
  margin: 0;
  padding: 0;
  width: 100%;
}
.gallery-slider img {
  margin: 0;
  max-width: none;
}
.gallery-slider[data-pagination="true"] {
  padding-bottom: 40px;
}

@media (max-width: 1000px) {
  .gallery-slider .gallery-item {
    padding: 0 0.3em;
  }
}

/* -- Gallery Carousel
--------------------------------------------------------------*/
.gallery-carousel {
  margin: 0 -0.5em;
}
.full-width-section .gallery-carousel {
  margin: 0;
}
.gallery-carousel[data-pagination="true"] {
  padding-bottom: 40px;
}
.gallery-carousel .gallery-item {
  padding: 0 0.5em;
}
.gallery-carousel .gallery-item li {
  margin: 0;
  padding: 0 0.5em;
  width: 100%;
}

@media (max-width: 1000px) {
  .gallery-carousel {
    margin: 0 -0.3em;
  }
  .full-width-section .gallery-carousel,
  .gallery-carousel .gallery-item,
  .gallery-carousel .gallery-item li {
    padding: 0 0.3em;
  }
}
@media (max-width: 480px) {
  .full-width-section .gallery-carousel {
    padding-right: 0;
    padding-left: 0;
  }
}

/* - Utility Classes
--------------------------------------------------------------*/
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.hidden {
  display: none !important;
}
.required {
  font-size: 18px;
  color: #c73154;
}
.empty-space {
  display: block;
  position: relative;
}

/* -- Section Color / Shadow
--------------------------------------------------------------*/
.bg-accent {
  background-color: #c73154;
}
.bg-white {
  background-color: #fff;
}
.bg-black {
  background-color: #252525;
}
.bg-grey {
  background-color: #f1f1f1;
}
.bg-beige {
  background-color: #edeae5;
}
.wrap-shadow-inset {
  box-shadow: inset 0 0 3px rgba(0,0,0,.1);
}

/* -- Background Image Position
--------------------------------------------------------------*/
.bg-pos-lt {
  background-position: left top !important;
 }
.bg-pos-lc {
  background-position: left center !important;
}
.bg-pos-lb {
  background-position: left bottom !important;
}
.bg-pos-rt {
  background-position: right top !important;
}
.bg-pos-rc {
  background-position: right center !important;
}
.bg-pos-rb {
  background-position: right bottom !important;
}
.bg-pos-ct {
  background-position: center top !important;
}
.bg-pos-cc {
  background-position: center center !important;
}
.bg-pos-cb {
  background-position: center bottom !important;
}

/* -- Padding / Margin / Opacity
--------------------------------------------------------------*/
.p-1-p { padding: 1%; }
.p-2-p { padding: 2%; }
.p-3-p { padding: 3%; }
.p-4-p { padding: 4%; }
.p-5-p { padding: 5%; }
.p-6-p { padding: 6%; }
.p-7-p { padding: 7%; }
.p-8-p { padding: 8%; }
.p-9-p { padding: 9%; }
.p-10-p { padding: 10%; }
.p-11-p { padding: 11%; }
.p-12-p { padding: 12%; }
.p-13-p { padding: 13%; }
.p-14-p { padding: 14%; }
.p-15-p { padding: 15%; }

@media only screen and (max-width: 1000px) and (min-width: 1px) {
  .p-1-p,
  .p-2-p {
    padding: 3%;
  }
  .p-3-p,
  .p-4-p,
  .p-5-p {
    padding: 6%;
  }
}

.p-0 { padding: 0px; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.p-40 { padding: 40px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-70 { padding: 70px; }
.p-80 { padding: 80px; }
.p-90 { padding: 90px; }
.p-100 { padding: 100px; }
.p-110 { padding: 110px; }
.p-120 { padding: 120px; }
.p-130 { padding: 130px; }
.p-140 { padding: 140px; }
.p-150 { padding: 150px; }

.pt-0 { padding-top: 0px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }
.pt-130 { padding-top: 130px; }
.pt-140 { padding-top: 140px; }
.pt-150 { padding-top: 150px; }

.pb-0 { padding-bottom: 0px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pb-130 { padding-bottom: 130px; }
.pb-140 { padding-bottom: 140px; }
.pb-150 { padding-bottom: 150px; }

.p-0 { padding-top: 0; }
.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom: 0; }
.pl-0 { padding-left: 0; }
.pr-0 { padding-right: 0; }

.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}

.mt-0 { margin-top: 0px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mt-130 { margin-top: 130px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }

.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }

.m-0 { margin: 0; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }

.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}

.opacity-10 { opacity: 0.1 !important; }
.opacity-20 { opacity: 0.2 !important; }
.opacity-30 { opacity: 0.3 !important; }
.opacity-40 { opacity: 0.4 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-60 { opacity: 0.6 !important; }
.opacity-70 { opacity: 0.7 !important; }
.opacity-80 { opacity: 0.8 !important; }
.opacity-90 { opacity: 0.9 !important; }
.opacity-100 { opacity: 1 !important; }

/*--------------------------------------------------------------
/** 28. Plugins
--------------------------------------------------------------*/

/* - Isotope
--------------------------------------------------------------*/
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* - Twitter Feed
--------------------------------------------------------------*/
.general-section .twitter-wrap,
.full-width-section .twitter-wrap {
  position: relative;
  margin: 0 auto;
  padding-top: 85px;
  max-width: 700px;
  font-size: 1.5em;
  font-weight: 300;
  text-align: center;
  line-height: 1.5em;
}
.twitter-wrap[data-pagination="true"] ul:not(.slick-dots) {
  padding-bottom: 30px;
}
.twitter-wrap .loading {
  font-size: 14px;
}
.twitter-wrap ul {
  list-style-type: none;
  margin: 0;
}
.general-section .twitter-wrap::before,
.full-width-section .twitter-wrap::before {
  content: '\e657';
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  font-family: "icomoon";
  font-size: 60px;
  line-height: 60px;
  color: #c73154;
}
.light .twitter-wrap::before {
  color: rgba(255,255,255,0.75);
}
.twitter-wrap ul li {
  margin: 0;
}
.twitter-wrap ul li:not(:last-child) {
  margin-bottom: 1.5em;
}
.twitter-wrap ul.slick-dots li {
  margin: 0;
}
.twitter-wrap.tweet-slider ul li {
  margin-bottom: 0;
}
.twitter-wrap a {
  position: relative;
  padding-bottom: 1px;
  border-bottom: 1px dotted #c73154;
  color: #c73154;
}
.light .twitter-wrap a {
  color: rgba(255,255,255,0.75);
  border-bottom-color: rgba(255,255,255,0.75);
}
.light .twitter-wrap a:hover {
  color: #fff;
}
.twitter-wrap a::before {
  content: '';
  background-color: #c73154;
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -1px;
  display: block;
  height: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.light .twitter-wrap a::before {
  background-color: #fff;
}
#footer .twitter-wrap a::before {
  background-color: rgba(255,255,255,0.9);
}
#footer.footer-light .twitter-wrap a::before {
  background-color: rgba(0,0,0,0.9);
}
.twitter-wrap a:hover::before {
  left: 0;
  right: 0;
}
.twitter-wrap .tweet_time,
.twitter-wrap .timePosted {
  display: block;
  overflow: hidden;
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}
.light .twitter-wrap .tweet_time,
.light .twitter-wrap .timePosted {
  color: rgba(255,255,255,0.75);
}
#footer .twitter-wrap .tweet_time,
#footer .twitter-wrap .timePosted {
  color: rgba(255,255,255,0.4);
}
#footer.footer-light .twitter-wrap .tweet_time,
#footer.footer-light .twitter-wrap .timePosted {
  color: rgba(0,0,0,0.5);
}

@media only screen and (max-width: 767px) {
  .general-section .twitter-wrap  ul li.slick-slide,
  .full-width-section .twitter-wrap  ul li.slick-slide {
    margin: 0 auto;
    max-width: none;
  }
  .full-width-section .twitter-wrap ul li.slick-slide {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 479px) and (min-width: 1px) {
  .general-section .twitter-wrap,
  .full-width-section .twitter-wrap {
    font-size: 1.2em;
  }
}

/* - Slick Slider
--------------------------------------------------------------*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track::before,
.slick-track::after {
  display: table;
  content: '';
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  height: auto;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Slick SLider Navigation */
.slick-prev,
.slick-next {
  background: #000;
  background: rgba(0,0,0,.2);
  display: inline-block;
  *display: inline;/*IE7 life-saver */
  position: absolute;
  top: 50%;
  border: 2px solid rgba(255,255,255,0.8);
  margin: 0;
  margin-top: -28px;
  padding: 0;
  width: 56px;
  height: 56px;
  font-size: 12px;
  color: transparent;
  cursor: pointer;
  outline: 0;
  z-index: 3;
  text-align: center;
  zoom: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.slick-prev {
  left: 30px;
  border-radius: 100%;
}
.slick-next {
  right: 30px;
  border-radius: 100%;
}
.slick-prev:hover,
.slick-next:hover {
  background-color: rgba(0,0,0,0.75);
  border-color: rgba(255,255,255,1);
  opacity: 1;
}
.slick-prev::before,
.slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  font-family: "icomoon";
  font-size: 20px;
  text-align: center;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.slick-prev::before {
  content: "\e7a3";
}
.slick-next::before {
  content: "\e7a2";
}

/* Slick Slider Pagination */
.slick-dots {
  list-style-type: none;
  position: absolute;
  bottom: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  line-height: 0;
}
.gallery-item .slick-dots li,
.slick-dots li {
  position: relative;
  display: inline-block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 0;
  cursor: pointer;
}
.slick-dots li button {
  background-color: #222;
  display: inline-block;
  border: 2px solid transparent;
  border-radius: 50%;
  margin: 0 3px;
  padding: 0;
  width: 14px;
  height: 14px;
  color: transparent;
  cursor: pointer;
  -moz-background-clip: content;
  -webkit-background-clip: content;
  background-clip: content-box;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.light .slick-dots li button {
  background-color: #fff;
}
.slick-dots li.slick-active button {
  background-color: transparent;
  border-color: #222;
}
.light .slick-dots li.slick-active button {
  border-color: #fff;
}

@media (max-width: 1000px) and (min-width: 1px) {
  .slick-slider:hover .slick-prev,
  .slick-slider:hover .slick-next{
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    }
}
@media (max-width: 480px) and (min-width: 1px) {
  .slick-next {
    right: 20px;
  }
  .slick-prev {
    left: 20px;
  }
}

/* - Magnific Popup
--------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
  .mfp-preloader a {
    color: #CCC;
  }
    .mfp-preloader a:hover {
      color: #FFF;
    }
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
  }
  .mfp-close:active {
    top: 1px;
  }
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
  .mfp-arrow:active {
    margin-top: -54px;
  }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
  }
  .mfp-arrow::before,
  .mfp-arrow::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
  }
  .mfp-arrow::after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
  }
  .mfp-arrow::before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
  }
.mfp-arrow-left {
  left: 0;
}
  .mfp-arrow-left::after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
  }
  .mfp-arrow-left::before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
  }

.mfp-arrow-right {
  right: 0;
}
  .mfp-arrow-right::after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
  }
  .mfp-arrow-right::before {
    border-left: 27px solid #3F3F3F;
  }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
  }
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
  }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure::after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
    background: #444;
  }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
  }
  .mfp-figure figure {
    margin: 0;
  }
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
    * Remove all paddings around the image on small screen
  */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure::after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/* Magnific Popup Custom */
.video-openpopup,
.image-openpopup,
.gallery-openpopup {
  display: block;
  position: relative;
  border: 0 !important;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.video-openpopup::before,
.image-openpopup::before,
.gallery-openpopup::before {
  content: '';
  background: rgba(0,0,0,0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}
.video-openpopup:hover::before,
.image-openpopup:hover::before,
.gallery-openpopup:hover::before {
  opacity: 1;
}
.video-openpopup::after,
.image-openpopup::after,
.gallery-openpopup::after {
  content: '\e759';
  background: rgba(0,0,0,0.5);
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-family: "icomoon";
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform: scale(1.8, 1.8);
  transform: scale(1.8, 1.8);
}
.video-openpopup::after {
  content: '\e798';
  font-size: 10px;
}
.video-openpopup:hover::after,
.image-openpopup:hover::after,
.gallery-openpopup:hover::after {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

/* Magnific Navigation*/
button.mfp-arrow {
  background: #000;
  background: rgba(0,0,0,.2);
  display: inline-block;
  *display: inline;/*IE7 life-saver */
  position: absolute;
  top: 50%;
  border: 2px solid rgba(255,255,255,0.4);
  margin: 0;
  margin-top: -28px;
  padding: 0;
  width: 56px;
  height: 56px;
  font-size: 12px;
  color: transparent;
  cursor: pointer;
  text-align: center;
  outline: 0;
  opacity: 1;
  zoom: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
  -webkit-transition: all 0.35s ease-out;
  transition: all 0.2s ease-out;
}
.mfp-arrow:active {
  margin-top: -28px;
}
.mfp-arrow-right {
  right: 30px;
  border-radius: 100%;
}
.mfp-arrow-left {
  left: 30px;
  border-radius: 100%;
}
.mfp-arrow-right:hover,
.mfp-arrow-left:hover {
  background-color: rgba(0,0,0,0.75);
  border-color: rgba(255,255,255,1);
  opacity: 1;
}
.mfp-arrow::after,
.mfp-arrow-right::after,
.mfp-arrow-left::after {
  display: none;
}
.mfp-arrow-right::before,
.mfp-arrow-left::before {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 0;
  margin: -10px 0 0 -10px;
  font-family: "icomoon";
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  opacity: 1;
}
.mfp-arrow-right::before {
  content: "\e7a2";
}
.mfp-arrow-left::before {
  content: "\e7a3";
}
.mfp-arrow-right:hover::before,
.mfp-arrow-left:hover::before {
  opacity: 1;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  top: 0;
  right: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: transparent;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler{
  overflow: visible;
}
.mfp-image-holder .mfp-close::before,
.mfp-iframe-holder .mfp-close::before {
  content: "\e7ba";
  font-family: "icomoon";
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.mfp-with-zoom {
  /* start state */
  /* animate in */
  /* animate out */
  overflow: hidden;
}
.mfp-with-zoom .mfp-with-anim, .mfp-with-zoom .mfp-iframe-scaler {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.93);
}
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready.mfp-image-loaded .mfp-with-anim,  .mfp-with-zoom.mfp-ready .mfp-iframe-scaler {
  opacity: 1;
  transform: scale(1);
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
body .mfp-with-zoom.mfp-removing .mfp-with-anim, .mfp-with-zoom.mfp-removing .mfp-iframe-scaler {
  transform: scale(0.93)!important;
  opacity: 0!important;
}
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-wrap.mfp-removing .mfp-arrow-left, .mfp-wrap.mfp-removing .mfp-arrow-right {
  opacity: 0;
}
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* - Google Map Widget
--------------------------------------------------------------*/
#map-container {
  position: relative;
  height: 650px;
}
.equal-col-height > [class*="col-"] > #map-container {
  height: 100%;
  width: 100%;
}
#map-canvas {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
section #map-container,
.general-section #map-container {
  margin: 0;
}
#hero-wrapper #map-container {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
}
#hero-wrapper #map-canvas {
  padding-bottom: 30px;
  height:100%;
  max-height: none;
  min-height: inherit;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#map-canvas .gm-style .gm-style-iw {
  padding: 15px 0 0 0;
}
#map-container img {
  max-width: none;
}

@media (max-width: 1000px) and (min-width: 1px) {
  #map-container {
    height: 33.33em !important;
  }
}
@media (max-width: 767px) and (min-width: 1px) {
  #map-container {
    height: 20em !important;
  }
}