/*
Theme Name: Aavazeh
Theme URI: http://aavazeh.com
Author: bobsilon
Author URI: http://bobsilon.ir
Description: Aavazeh.com's Specific WordPress Theme
Version: 1.0.0
License: Only to use in "aavazeh.com" domain
Text Domain: twentysixteen
*/

/*------------------------------------*\
    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
--------------------------------------------------------------*/

html, body {
    position: relative;

    width: 100%;
    height: 100%;
}
html {
    background-color: #111;

    font-family: sans-serif;
    font-size: 100%;

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;

    background: #111;

    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 {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;

    outline: 0;
    background-color: transparent;
}
abbr[title], dfn[title] {
    cursor: help;

    border-bottom: 0.1rem dotted;
}
b, strong {
    color: inherit;

    font-weight: 600;
}
dfn {
    font-style: italic;
}
ins {
    text-decoration: none;

    color: #000;
    background-color: #ff9;
}
mark {
    color: #000;
    background-color: #ff9;

    font-weight: normal;
}
small {
    font-size: 80%;
}
big {
    font-size: 125%;
}
sub, sup {
    position: relative;

    vertical-align: baseline;

    font-size: 75%;
    line-height: 0;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
h1 {
    margin: 0.67em 0;

    font-size: 2em;
}
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 {
    word-wrap: break-word;
    word-break: break-all;

    font-family: monospace, monospace;
    font-size: 1em;
}
code {
    padding: 2px 4px;

    color: #c7254e;
    border-radius: 4px;
    background-color: #f9f2f4;
}
pre {
    overflow: auto;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: '';
}
blockquote, q {
    quotes: "" "";
}
button, input, optgroup, select, textarea {
    margin: 0;

    color: inherit;

    font: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: none;
  background: #ed1c24;
  color: #ffffff;
  font-weight: normal;
  padding: 7px 20px;
  font-size: 1.6rem;
  border-radius: 2em;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;

    border: 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"] {
    box-sizing: content-box;

    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    margin: 0 0.2rem;
    padding: 0.35em 0.625em 0.75em;

    border: 0.1rem solid #c0c0c0;
}
legend {
    padding: 0;

    border: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    width: 100%;

    border-spacing: 0;

    border-collapse: collapse;
}
td, th {
    padding: 0;
}

/*--------------------------------------------------------------
/** 2. Global Styles
--------------------------------------------------------------*/

*, *::before, *::after {
    box-sizing: border-box;
}
html {
    box-sizing: border-box;

    font-size: 62.5%;
}
body {
    /*letter-spacing: 0.01em;*/
    letter-spacing: 0;

    color: #676767;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.7;
}
a {
    color: #ed1c24;
}
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 {
    margin-left: -0.5rem;
    padding-left: 0;

    list-style: none;
}
.list-inline> li {
    display: inline-block;

    padding-right: 0.5rem;
    padding-left: 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 {
    outline: 0;

    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
figure {
    margin: 0;
}
img {
    display: inline-block;

    width: auto\9;
    max-width: 100%;
    /* IE8 Fix */
    height: auto;

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;
    border: 0;
}
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: #ed1c24;
}
hr.sep {
    width: 15%;
    margin-right: 100%
}

@media screen and (min-width:768px) and (max-width:991px){
    hr.sep {
        width: 40%;
    }
}

@media screen and (max-width:767px){
    hr.sep {
        width: 80%;
    }
}

hr.sep-wide {
    width: 30%;
}
.text-center hr, hr.text-center {
    margin-right: auto;
    margin-left: auto;
}
.text-right hr, hr.text-right {
    margin-right: 0;
    margin-left: auto;
}
::-moz-selection {
    color: #fff;
    background: rgba(97, 97, 94, 0.4);
    text-shadow: none;
}
::selection {
    color: #fff;
    background: rgba(97, 97, 94, 0.4);
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: rgba(97, 97, 94, 0.4);
    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;
    animation: fade-in ease-in-out 1.3s both
}
@-webkit-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 {
    display: table;

    content: "";

    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!important;
}
.pull-right {
    float: right!important;
}
.center-block {
    display: block;

    margin-right: auto;
    margin-left: auto;
}
.vertical-align {
    position: relative;
    top: 50%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vertical-align-children {
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
            flex-direction: row;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-justify-content: center;
    -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';
    font-weight: normal;
    font-style: normal;

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

    src: url('./assets/css/fonts/samim/Samim.eot');
    src: url('./assets/css/fonts/samim/Samim.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('./assets/css/fonts/samim/Samim.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('./assets/css/fonts/samim/Samim.ttf') format('truetype');
}
@font-face {
    font-family: SamimBold;
    font-style: normal;

    src: url('./assets/css/fonts/samim/Samim-Bold.eot');
    src: url('./assets/css/fonts/samim/Samim-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('./assets/css/fonts/samim/Samim-Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('./assets/css/fonts/samim/Samim-Bold.ttf') format('truetype');
}
@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-"] {
    text-transform: none;

    font-family: "icomoon";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    speak: none;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="icomoon-"]::before, [class*=" icomoon-"]::before {
    display: inline-block;

    text-decoration: inherit;

    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 {
    color: #222;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.2;

    -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: 0px;
}
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 {
    text-decoration: none;

    color: inherit;

    font-weight: inherit;
}
.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 {
    padding: 4px 0 2px;

    color: #101010;
    border-bottom: 1px dotted #e5e5e5;

    font-size: 13px;
    font-weight: 600;
}
a.link:hover {
    color: #ed1c24;
    border-color: #ed1c24;
}
a.link-more {
    position: relative;

    float: left;

    padding: 3px 30px 4px 0;

    color: #ed1c24;
}
.light a.link-more {
    color: #fff;
}
a.link-more i.icon {
    padding-left: 5px;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    font-size: 15px;
}
a.link-more:hover i.icon {
    padding-right: 3px;
    padding-left: 0;
}
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 {
    padding: 0.28rem;

    background-color: #fcf8e3;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    color: #333;

    font-size: 1.8rem;
    line-height: 1.9;
}
blockquote {
    position: relative;

    margin-top: 20px;
    margin-left: 0;
    padding: 0 0 0 1.25em;

    color: rgba(0, 0, 0, 0.9);
    border-left: 0.2em solid #ed1c24;
    background: none;

    font-size: 115%;
    font-weight: normal;
    line-height: 1.6em;
}
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;

    color: #999;

    font-size: 16px;
    font-style: italic;
    line-height: 1.2em;
}
blockquote.align-left, blockquote.pull-left {
    float: left;

    width: 40%;
    margin: 20px 30px 20px 0;
}
blockquote.align-right, blockquote.pull-right {
    float: right;

    width: 40%;
    margin: 20px 0 20px 30px;
}
blockquote cite::before {
    display: inline-block;

    width: 18px;
    height: 2px;
    margin-top: -3px;
    margin-right: 12px;

    content: "";
    vertical-align: middle;

    background-color: #ed1c24;
}
@media only screen and (max-width: 768px) {
    blockquote.align-left, blockquote.pull-left, blockquote.align-right, blockquote.pull-right {
        float: none;

        width: 100%;
        margin: 20px 30px 20px 0;
    }
}
pre {
    display: block;
    overflow: visible;
    overflow-y: hidden;

    margin: 3rem 0;
    padding: 0 2rem;

    border: 0.1rem solid #e5e5e5;
    border-radius: 0.2rem;
    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: linear-gradient(#fafafa 50%, #f1f1f1 50%);
    background-size: 4rem 4rem;

    font-size: 1.2rem;
    line-height: 2rem;
}
code, kbd, tt, var {
    font-size: 1.2rem;
}
abbr, acronym {
    cursor: help;

    border-bottom: 0.1px dotted #666;
}
.dropcap {
    display: inline-block;
    float: left;

    margin: 8px 10px -8px 0;

    text-align: center;

    color: #222;

    font-family: "Open Sans", "Times New Roman", serif;
    font-size: 550%;
    font-weight: 600;
    line-height: .8em;
}
.text-lead .dropcap {
    line-height: 1;
}
.dropcap::first-letter {
    text-transform: uppercase;
}
.highlight {
    padding: 2px 4px;

    text-transform: none;

    color: #fff;
    border-radius: 4px;
    background-color: #ed1c24;

    font-size: 90%;
    font-weight: normal;
}
.highlight.light {
    color: #222;
    background: #ffff99;
}
.highlight.dark {
    background: #101010;
}
.colored {
    color: #ed1c24 !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: #ed1c24;
}
.text-hide {
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none;

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

/*--------------------------------------------------------------
/** 5. List Styles
--------------------------------------------------------------*/

ul.list-style {
    margin-left: 0;

    list-style-type: none;
}
ul.list-style li:last-child {
    margin-bottom: 0;
}
ul.list-divider li, ol.list-divider li {
    padding-bottom: 10px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.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 {
    margin-bottom: 20px;
    padding-bottom: 20px;

    border-bottom: 1px solid #e5e5e5;
}
ul.list-divider li:last-child, ol.list-divider li:last-child {
    padding-bottom: 0;

    border-bottom: none;
}
ul li> p, ol li> p {
    margin-bottom: 0;
}
.list-style li i {
    position: relative;
    top: 0;

    display: inline-block;

    width: 18px;
    margin-right: 10px;

    text-align: center;
    vertical-align: middle;

    color: #ed1c24;

    font-size: 16px;
    line-height: inherit;
}
.light .list-style li i {
    color: #fff;
}
ol.ordered-list {
    margin-left: 0px;
    padding-left: 0;

    list-style-position: outside;
}
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 {
    position: absolute;
    top: 0;
    left: 0;

    content: counter(list) ". ";
    counter-increment: list;
}
.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 {
    position: absolute;
    top: 2px;
    left: 0;

    width: 20px;
    height: 20px;

    content: counter(list);
    text-align: center;

    color: #fff;
    border-radius: 100%;

    font-size: 11px;
    line-height: 20px;
}
.list-light li::before {
    color: #222;
    background: #fff;
}
.list-dark li::before {
    background: #222;
}
.list-accent li::before {
    background-color: #ed1c24;
}
.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;

    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

    font-size: 20px;
}
.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 {
    position: relative;

    display: block;
    clear: both;

    padding-top: 2.5em;
}
.divider a.top {
    position: absolute;
    top: 12px;
    right: 0;

    padding: 0 8px;

    letter-spacing: 0px;
    text-transform: uppercase;

    color: #777;
    background: #f7f7f7 url('./assets/images/arrow_top.png') no-repeat scroll right top;

    font-size: 9px;
    line-height: 10px;
}
.divider a.top:hover {
    color: #c71219;
}
.small-sep {
    width: 90px;
    height: 0;
    margin: 0 0 10px 0;

    border: 0;
    border-bottom: 2px solid #222;
}
.divider, .divider-heading, .divider-text, .divider-icon {
    position: relative;

    clear: both;
    overflow: hidden;

    margin: 2em 0;

    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    letter-spacing: 0.06em;
    word-spacing: 0.12em;

    font-weight: bold;
    line-height: 2em;
}
.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;

    vertical-align: middle;

    font-weight: 300;
}
.divider-text {
    text-transform: uppercase;

    color: rgba(0, 0, 0, 0.5);
}
.light .divider-text {
    color: #fafafa;
}
.divider-icon i {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;

    text-align: center;

    color: rgba(0, 0, 0, .6);

    font-size: 20px;
    line-height: 20px;
}
.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 {
    position: relative;

    display: inline-block;
    zoom: 1;

    width: 50%;
    height: 1px;
    margin-top: -2px;

    content: "";
    vertical-align: middle;

    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: content-box;
}
.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 {
    border-top: 1px solid rgba(255, 255, 255, .2);
    background-color: #e5e5e5;
    background-color: 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: #ed1c24;
}
.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;

    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

    border: 0.1rem solid #ddd;
    border-radius: 0.4rem;
    background-color: #fff;

    line-height: 1.42857143;
}
.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;

    text-align: center;

    color: #999;

    font-size: 14px;
    font-weight: normal;
    line-height: 1em;
}

/*--------------------------------------------------------------
/** 8. Video Styles
--------------------------------------------------------------*/

.video-wrap {
    position: relative;

    overflow: hidden;

    height: 0;
    margin-bottom: 25px;
    padding: 0;
    padding-bottom: 56.25%;
}
.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 {
    min-width: 0;
    margin: 0;
    padding: 0;

    border: 0;
}
label, legend {
  margin-bottom: 0.5em;
  color: #898989;
  font-size: 1.4rem;
  font-weight: normal;
}
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 {
    display: block;

    width: 100%;
    margin-bottom: 25px;
    padding: 0.75em 1em 0.75em .3em;

    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;

    color: #666;
    border: 0;
    border-bottom: 0.1rem solid #d1d1d1;
    border-radius: 0;
    background-color: transparent;

    font-size: 14px;
    line-height: 1.42857143;
}
input.form-control, textarea.form-control, select.form-control {
    display: block;

    padding: 0.75em 1em 0.75em .3em;

    border: 0;
    border-bottom: 0.1rem solid #d1d1d1;
    border-radius: 0;
    background-color: transparent;
}
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 {
    color: #111;
    border-color: #ed1c24;
    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 {
    opacity: 1;
    background-color: #f2f3f5;
}
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;

    min-height: 200px;
    padding: 12px;

    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;
    margin-bottom: 0;
    padding-left: 30px;

    cursor: pointer;

    font-weight: normal;
}
.radio-inline label, .checkbox-inline label {
    padding-left: 25px;
}
.radio label::before, .checkbox label::before, .radio-inline label::before, .checkbox-inline label::before {
    position: absolute;
    top: 50%;
    left: 0;

    box-sizing: border-box;
    width: 18px;
    height: 18px;
    margin-top: -9px;

    content: "";
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
}
.radio label::before, .radio-inline label::before {
    border-radius: 50%;
}
.radio label::after, .checkbox label::after, .radio-inline label::after, .checkbox-inline label::after {
    position: absolute;
    top: 50%;
    left: 4px;

    width: 10px;
    height: 6px;
    margin-top: -4px;

    content: '';
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    opacity: 0;
    border: 3px solid #222;
    border-top: none;
    border-right: none;
    background: transparent;
}
.radio label::after, .radio-inline label::after {
    left: 5px;

    width: 8px;
    height: 8px;

    border: 0;
    border-radius: 50%;
    background-color: #ed1c24;
}
.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: #ed1c24;
}
.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-top: 4px \9;
    margin-left: 2px;

    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

    outline: 0;
}
.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;

    margin-bottom: 0;
    padding-left: 0px;

    cursor: pointer;
    vertical-align: middle;

    font-weight: normal;
}
.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 {
    position: relative;
    z-index: 1;

    display: inline-block;

    margin: 3px 0;
    padding: 7px 12px;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    color: #fff;
    border: 2px solid transparent;
    border-radius: 0;
    background-color: #ed1c24;
    background-image: none;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;

    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.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;
    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;
    box-shadow: none;

    filter: alpha(opacity=65);
}
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: 10px 32px;

    font-size: 18px;
}
.btn.btn-image {
    max-height: 50px;
    padding: 0;

    background-color: transparent;
}
.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: #ed1c24;
}
.btn-accent:hover {
    color: #ffffff;
    background-color: #b02126;
}
.btn.btn-outline-dark, .btn.btn-outline-light, .btn.btn-outline-accent {
    background: transparent;
    box-shadow: none;
    text-shadow: none;
}
.btn.btn-outline-dark:hover::after, .btn.btn-outline-light:hover::after {
    background-color: transparent;
}
.btn.btn-outline-dark {
    color: #222;
    border-color: rgba(0, 0, 0, 0.3);
}
.btn.btn-outline-dark:hover {
    color: #fff;
    border-color: #222;
    background: rgba(0, 0, 0, .03);
    background: #222;
}
.btn.btn-outline-light {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5);
}
.btn.btn-outline-light:hover {
    color: #222;
    border-color: #fff;
    background: rgba(255, 255, 255, .045);
    background: #fff;
}
.btn.btn-outline-accent {
    color: #ed1c24;
    border-color: #ed1c24;
    background: transparent;
}
.btn.btn-outline-accent:hover {
    color: #fff;
    border-color: #ed1c24;
    background-color: #ed1c24;
}
.btn.btn-full {
    display: block;

    width: 100%;
    margin: .85em 0;

    text-align: center;
}

/* - Button witn Icons
------------------------------------------------------------- */

.btn i {
    position: relative;

    height: 20px;

    vertical-align: middle;

    font-size: 24px;
    line-height: 20px;
}
.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 {
    color: #fff;
    background: #63c86f;
}
.btn.btn-red {
    color: #fff;
    background: #ee676a;
}
.btn.btn-blue {
    color: #fff;
    background: #54a6bf;
}
.btn.btn-orange {
    color: #fff;
    background: #f79c51;
}
.btn.btn-purple {
    color: #fff;
    background: #8f63c8;
}
.btn.btn-yellow {
    color: #222;
    background: #ffd040;
    text-shadow: none;
}
.light .btn.btn-yellow:hover {
    color: #222;
}
.btn.btn-gray, .btn.btn-grey {
    color: #fff;
    background: #9e9e9e;
}
.btn.btn-black {
    color: #fff;
    background: #222;
}
.btn.btn-black:hover {
    background-color: #ed1c24;
}
.btn.btn-white {
    color: #222 !important;
    background: #f8f8f8;
    text-shadow: none;
}

/* - Play Buttons
------------------------------------------------------------- */

.btn-play {
    position: relative;

    display: inline-block;

    height: 44px;
    padding: 0 15px 0 55px;

    border: 0;
    border-radius: 4px;
    background-color: transparent;

    font-size: 18px;
    line-height: 44px;
}
.btn-play span {
    padding: 0 10px 0 0;
}
.btn-play::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 44px;
    height: 44px;

    content: '\e798';
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    letter-spacing: -0.2em;

    color: #ffffff;
    border: 2px solid #fff;
    border-radius: 50%;

    font-family: "icomoon";
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;

    -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 {
    position: relative;

    display: inline-block;

    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;

    text-indent: -9999px;

    border-radius: 0;
    background-color: transparent;
}
.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 {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;

    width: 64px;
    height: 64px;
    margin-top: -32px;
    margin-left: -32px;

    content: '\e798';
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;
    text-indent: 0;
    letter-spacing: -0.2em;

    color: #ffffff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);

    font-family: "icomoon";
    font-size: 14px;
    font-weight: bold;
    line-height: 64px;
}
.btn-play-medium.btn-light::before, .btn-play-large.btn-light::before {
    color: #222;
    background-color: rgba(255, 255, 255, 0.9);
}
.btn-play-medium.btn-accent::before, .btn-play-large.btn-accent::before {
    color: #fff;
    background-color: #ed1c24;
}
.btn-play-large::before {
    width: 96px;
    height: 96px;
    margin-top: -48px;
    margin-left: -48px;

    font-size: 20px;
    line-height: 96px;
}
.btn-play-medium::after, .btn-play-large::after {
    position: absolute;

    display: block;

    box-sizing: content-box;
    width: 100%;
    height: 100%;

    content: '';
    pointer-events: none;

    border-radius: 50%;
}
.btn-play-medium::after, .btn-play-large::after {
    top: -8px;
    left: -8px;

    padding: 8px;

    -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-transition: opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    transition: opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    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);
    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), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    -webkit-transform: scale(.8);
    transform: scale(.8);

    opacity: 0;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.7);
}
.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 #ed1c24;
}
.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-right: 15px;
    padding-left: 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-right: 15px;
    padding-left: 15px;
}

/* - Rows
------------------------------------------------------------- */

.row {
    margin-right: -15px;
    margin-left: -15px;
}
.row [class*="col-"] p:last-child, .row [class*="col-"] ul:last-child {
    margin-bottom: 0;
}
.row [class*="col-"]:empty {
    height: 0;
    margin: 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 {
    position: relative;

    float: right;

    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}
.col-half-offset {
    margin-left: 4.166666667%
}
@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 {
        width: 50%;
        margin-top: 3em;
    }
    .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 {
        width: 50%;
        margin-top: 3em;
    }
    #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 {
        width: 100%;
        margin-top: 3em;
    }
    #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 {
    position: absolute;

    display: block;

    content: '';
}
.grid-border [class*="col-"]::before {
    top: 5%;
    left: -1px;

    height: 90%;

    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-border [class*="col-"]::after {
    top: auto;
    bottom: -1px;
    left: 5%;

    width: 90%;
    height: 0;

    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 {
    width: 100%;
    margin-bottom: 25px;
    padding: 0;
}
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 {
    text-transform: uppercase;

    color: #fff;
    border-top: 1px solid transparent;
    background-color: #ed1c24;

    font-weight: bold;
}
.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 {
    border: 1px solid #e5e5e5;
    background: #f1f1f1;

    font-style: italic;
}

/* - Table Style 2
--------------------------------------------------------------*/

table thead, .table-style-2 thead {
    text-transform: none;

    color: #222;
    border-bottom: 2px solid #e5e5e5;
    background: transparent;

    font-weight: bold;
}
.light table thead, .light .table-style-2 thead {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}
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 {
        position: relative;

        overflow-x: auto;
        overflow-y: hidden;

        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-right: 1px solid #e5e5e5;
        border-bottom: 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-right: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
    }
}

/*--------------------------------------------------------------
/** 13. Pricing Tables
--------------------------------------------------------------*/

.pricing-table {
    position: relative;

    width: 100%;
    margin: 1.5em 0 0;

    table-layout: fixed;
}
.one-col, .two-col, .three-col, .four-col, .five-col {
    position: relative;

    margin: 0;
}
.pricing-column {
    position: relative;
    z-index: 1;

    border: 5px solid transparent;
    border-radius: 4px;
    background-color: #f6f6f6;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.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 {
    width: 19.36%;
    margin-right: 0.8%;
}
.four-col .pricing-column {
    width: 23.5%;
    margin-right: 2%;
}
.three-col .pricing-column {
    width: 31.3333%;
    margin-right: 3%;
}
.two-col .pricing-column {
    width: 48.5%;
    margin-right: 3%;
}
.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 {
    margin-right: 0;

    border-color: transparent;
}
.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 {
    z-index: 2;

    margin-top: -1.5em;

    border-color: #f6f6f6;
    background-color: #fff;
}
.light .pricing-column.featured-plan {
    z-index: 2;

    margin-top: -1.5em;

    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
}
.style-2 .pricing-column.featured-plan {
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.column-header {
    position: relative;

    height: 16em;
    margin: 0;
    padding: 2.75em 1em;

    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    text-align: center;
    vertical-align: middle;

    border-radius: 0;
}
.column-header::after {
    position: absolute;
    bottom: -2px;
    left: 5%;

    width: 90%;

    content: '';

    border: 4px solid #fff;
    border-width: 4px 0 0 0;
    border-radius: 2px;
}
.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;

    -webkit-transition: color .3s ease;
    transition: color .3s ease;

    color: #222;

    font-size: 2em;
}
.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: #ed1c24;
}
.light .pricing-column:hover .column-header .title {
    color: inherit;
}
.column-header .sub-title {
    display: block;

    margin-bottom: 1.5em;

    color: rgba(0, 0, 0, 0.5);

    font-size: 1.15em;
    font-weight: normal;
    line-height: 1em;
}
.light .column-header .sub-title {
    color: rgba(255, 255, 255, 0.65);
}
.column-header .price {
    margin: 20px 0 0 0;

    letter-spacing: -2px;

    color: #ed1c24;

    font-size: 5em;
    font-weight: 600;
    line-height: 0.75em;
}
.light .column-header .price {
    color: #fff;
}
.column-header .price sup {
    margin-right: 8px;

    vertical-align: -10px;
    letter-spacing: normal;

    font-size: 0.3em;
    font-weight: normal;
    line-height: normal;
}
.column-header .price .duration {
    display: inline-block;

    letter-spacing: normal;

    color: rgba(0, 0, 0, 0.3);

    font-size: 18px;
    line-height: normal;
}
.light .column-header .price .duration {
    color: rgba(255, 255, 255, 0.75);
}
.column-header .offer-tag {
    position: absolute;
    z-index: 11;
    top: 15px;
    left: -10px;

    display: inline-block;

    padding: 0 0.75em;

    letter-spacing: .1em;
    text-transform: uppercase;

    color: #fff;
    border-radius: 5px 2px 2px 0;
    border-radius: 5px 2px 2px 0;
    background-color: #50d18d;
    box-shadow: 0px 2px 0 rgba(31, 41, 51, 0.1);

    font-size: 12px;
    font-size: 12px;
    font-weight: bold;
    line-height: 2.35em;
}
.column-header .offer-tag::before {
    position: absolute;
    bottom: -4px;
    left: 0;

    display: block;

    width: 5px;
    height: 4px;

    content: " ";

    background-color: #50d18d;
}
.column-header .offer-tag::after {
    position: absolute;
    bottom: -6px;
    left: 0;

    display: block;

    width: 5px;
    height: 6px;

    content: " ";

    border-radius: 5px 0 0 5px;
    background-color: #4f7762;
}
.featured-plan:hover .column-header, .light .featured-plan:hover .column-header, .featured-plan .column-header {
    position: relative;

    height: 17.5em;
    padding-top: 4.25em;
}
.pricing-column .details {
    display: block;

    width: 100%;
    padding: 2.5em 10px 3em;

    text-align: center;

    border-bottom: none;
}
.pricing-column.featured-plan .details {
    padding-bottom: 4.5em;
}
.pricing-column .features-list {
    display: inline-block;

    width: auto;
    min-width: 55%;
    margin: 0;
    margin: 0 auto;
    padding: 0;

    list-style-type: none;

    text-align: center;

    border: 0;
}
.pricing-column .features-list li {
    position: relative;

    margin: 0;
    padding: 0.35em 0 0.5em;

    line-height: normal;
}
.features-list i {
    position: relative;
    left: 0;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 7px;

    vertical-align: middle;
}
.features-list i.checkmark::after {
    position: absolute;
    top: 0;
    left: 0;

    width: 14px;
    height: 8px;

    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

    border: 3px solid #50d18d;
    border-top: none;
    border-right: none;
    background-color: transparent;
}
.features-list i.cross::before, .features-list i.cross::after {
    position: absolute;
    top: 5px;
    left: 0;

    width: 16px;
    height: 3px;

    content: '';
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;

    background-color: #ff5757;
}
.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 {
    position: relative;
    top: 2px;

    display: inline-block;

    width: 30px;
    height: 15px;

    cursor: pointer;

    line-height: 18px;
}
.features-list .tooltip::before {
    position: absolute;
    top: 0;
    left: 6px;

    width: 18px;
    height: 18px;

    content: '?';
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;

    color: #fff;
    border-radius: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.2);

    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
}
.features-list .tooltip:hover::before {
    content: '?';

    background: #000;
    background: rgba(0, 0, 0, 0.6);
}
.features-list .tooltip .popup {
    position: absolute;
    z-index: 1;
    bottom: 25px;

    visibility: hidden;

    width: 180px;
    margin-bottom: -8px;
    margin-left: -124px;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: normal;

    opacity: 0;
    background: #353535;
}
.features-list .tooltip:hover .popup {
    visibility: inherit;

    margin-bottom: 0px;

    -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;

    opacity: 1;
}
.features-list .tooltip .popup::before {
    position: absolute;
    bottom: -25px;
    left: 110px;

    width: 60px;
    height: 25px;

    content: '';
}
.features-list .tooltip .popup .text {
    padding: 18px 20px;

    text-align: left;

    color: #fff;

    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    line-height: 18px;
}
.features-list .tooltip .popup .text::after {
    position: absolute;
    top: 100%;
    left: 139px;

    width: 0;
    height: 0;
    margin-left: -7px;

    content: " ";
    pointer-events: none;

    border: solid transparent;
    border-width: 7px;
    border-color: rgba(128, 194, 66, 0);
    border-top-color: #353535;
}
.pricing-column .details .btn {
    min-width: 55%;
    margin: 0;
}
.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 {
        display: block;

        width: 100%;
    }
    .one-col .pricing-column .column-header {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
    }
    .pricing-column .column-header, .pricing-column .details {
        display: table-cell;

        width: 50%;

        vertical-align: middle;
    }
    .column-header::after {
        top: 5%;
        right: -2px;
        bottom: auto;
        left: auto;

        width: 0;
        height: 90%;

        border-width: 0 4px 0 0;
    }
    .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 {
        display: block;

        width: 100%;
    }
    .pricing-column .column-header {
        border: 0;
    }
    .column-header::after {
        position: absolute;
        top: auto;
        bottom: -2px;
        left: 5%;

        width: 90%;
        height: 0;

        content: '';

        border: 4px solid #fff;
        border-width: 4px 0 0 0;
    }
}

/*--------------------------------------------------------------
/** 14. Site Structure
--------------------------------------------------------------*/

#wrapper {
    position: relative;
    z-index: 100;
    left: 0;

    overflow: hidden;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: none;
    transform: none;

    background: #f2f3f5;
    box-shadow: 5px 0 5px rgba(0, 0, 0, 0.2);

    -webkit-backface-visibility: hidden;
}
.transition #wrapper {
    opacity: 1;
}
#wrapper, .transition.page-transition #wrapper {
    -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;

    opacity: 0;
}
.push-active #wrapper {
    left: -270px;

    -webkit-transform: none;
    transform: none;
}
#content-wrap {
    position: relative;
    z-index: 5;

    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.7) 0 105px 90px -90px;

    -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 {
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    visibility: hidden;

    width: 100%;
    height: 100%;

    -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);

    opacity: 0;
    background: rgba(0, 0, 0, .5);
}
@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 {
        display: block;

        visibility: visible;

        opacity: 1;
    }
}

/*--------------------------------------------------------------
/** 15. Header
--------------------------------------------------------------*/

#header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    padding: 1.5em 0;

    -webkit-transition: padding 0.4s ease, left 0.4s ease;
    transition: padding 0.4s ease, left 0.4s ease;

    background: transparent;

    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
}
#header.sticky {
    position: fixed;
    top: 0;

    visibility: visible;

    width: 100%;
    padding: 0.1em 0 0.1em;

    -webkit-transform: translateZ(0);

    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);

    -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;
    animation: fade-down ease-in-out 0.5s 0.1s both;
}
@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(-100%);

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);

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

        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);

        opacity: 1;
    }
}
#header.header-full-width .container {
    width: 100%;
    max-width: 100%;
    padding: 0 4em;
}
#header-wrap {
    z-index: 999;
    top: 0;
    left: 0;

    width: 100%;
    height: 80px;

    -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: right;

    margin: auto 0;
    padding: 20px 0;

    letter-spacing: 0.8px;

    font-size: 1.5em;
    font-weight: bold;
    line-height: 40px;
}
#logo, #logo a {
    position: relative;

    display: block;

    -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 {
    position: absolute;
    position: relative;
    top: 0;
    right: 0;

    display: none;
    float: right;

    height: 80px;
    margin: 0;
    padding: 20px 0;

    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;

    color: #222;

    line-height: 40px;
}
.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;

    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    background-color: #fff;

    -webkit-backface-visibility: hidden;
}
.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 {
    position: absolute;
    left: 0;

    content: '';
    -webkit-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;

        height: 60px;
        padding: 15px 0;

        line-height: 25px;
        float: left;
    }
}

/* - Mobile Navigation
--------------------------------------------------------------*/

/*#mobile-menu {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0px;
    bottom: 0;
    left: auto;

    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;

    width: 270px;
    padding: 0;

    -webkit-transition: left 0s ease .6s, width 0s ease .6s;
    -webkit-transition: opacity 0.5s 0.5s;
    transition: left 0s ease .6s, width 0s ease .6s;
    transition: opacity 0.5s 0.5s;

    opacity: 0;
    background-color: #111;

    -webkit-backface-visibility: hidden;
}*/
#mobile-menu {
    position: fixed;
    z-index: 101;
    top: 0;
    right: -100%;

    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    width: 270px;
    height: 100%;

    -webkit-transition: all .1s ease;
    transition: all .1s ease;

    background: #111;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.push-active #mobile-menu {
    right: 0;
}
#mobile-menu.light {
    background-color: #fff;
}
#mobile-nav {
    position: absolute;
    left: 0;

    width: 270px;

    -webkit-transition: opacity .4s linear .1s;
    transition: opacity .4s linear .1s;

    opacity: 0;
}
.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;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;

    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}
.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 {
    position: absolute;
    top: 12px;
    left: 6px;

    display: inline-block;

    width: 14px;
    height: 2px;

    content: '';
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;

    background-color: #fff;
}
.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 {
    width: 100%;
    margin: 0;
    padding: 0;
}
#mobile-nav ul {
    margin: 0 auto;
    padding: 0;

    list-style-type: none;

    border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.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: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#mobile-nav ul li a, #mobile-nav ul li a.btn {
    position: relative;

    display: block;

    padding: 0 18px;

    letter-spacing: 0px;

    color: rgba(255, 255, 255, 0.8);

    font-size: 16px;
    font-weight: 500;
    line-height: 46px;
}
#mobile-nav ul li a.btn {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.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 {
    text-align: inherit;

    border: 0;
}
#mobile-nav ul li a:hover, #mobile-nav ul li a:hover.btn {
    color: #ed1c24;
}
#mobile-nav ul li ul a {
    padding: 0;

    text-transform: none;

    font-size: 14px;
    font-weight: normal;
}
#mobile-nav ul li ul a:hover {
    background-color: transparent;
}
#mobile-nav ul li ul {
    padding: 0 30px 0 0;

    border-top: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #222;
}
.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;
    left: 0;

    width: 45px;
    height: 46px;

    cursor: pointer;

    border-left: 1px solid rgba(255, 255, 255, 0.05);

    -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 {
    position: absolute;
    top: 50%;

    width: 9px;
    height: 2px;
    margin-top: -1px;

    content: '';
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
    transition: width 0.3s, transform 0.3s, -webkit-transform 0.3s;

    background: rgba(255, 255, 255, 0.8);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.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 {
    width: 14px;

    background-color: #ed1c24;
}
#mobile-nav li.open> .sf-sub-indicator::before {
    -webkit-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: #ed1c24;
}
@media (max-width: 1000px) and (min-width: 1px) {
    .push-active #mobile-menu {
        /*z-index: 0;*/
        -webkit-transition-delay: 0s;
                transition-delay: 0s;

        opacity: 1;
    }
}

/* - Navigation
--------------------------------------------------------------*/

#navigation {
    position: relative;

    float: left;

    margin: 0 -1px 0 0;
    padding: 20px 0;

    font-size: 18px;
    font-weight: 400;
}
#navigation.nav-left {
    float: left;
}
#navigation.nav-right {
    float: right;
}
#navigation.nav-center {
    position: absolute;
    left: 50%;

    float: none;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.side-navigation #navigation, .overlay-navigation #navigation {
    display: none;
}
#main-menu {
    margin: 0;

    list-style-type: none;
}
#main-menu li {
    position: relative;

    float: left;

    margin: 0;
}
#main-menu> li {
    margin-right: 1.5em;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
#main-menu> li> a {
    position: relative;

    display: block;

    height: 40px;
    padding: 0;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    letter-spacing: 0px;

    opacity: 0.65;
    color: #111;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
}
#main-menu> li> a:hover {
    opacity: 1;
    color: #ed1c24;
}
#header #main-menu> li> a::after {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 2px;

    content: '';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    background-color: transparent;
    background-color: #ed1c24;
}
#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: #ed1c24;
}
#header #main-menu> li> a:hover::after {
    right: 0;
    left: auto;

    width: 100%;

    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;

    opacity: 1;
}
#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.current-menu-item> a, #header.header-transparent-light #main-menu> li.current-menu-item> a, #main-menu> li.current-menu-ancestor> a, #header.header-transparent-light #main-menu> li.current-menu-ancestor> 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 {
    opacity: 1;
    color: #fff;
}
#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 {
    opacity: 0.5;
    color: #111;
}
#header.sticky #main-menu> li.sfHover> a, #header.sticky #main-menu> li.current-menu-item> a, #header.sticky #main-menu> li> a:hover {
    opacity: 1;
    color: #ed1c24;
}
#header.slicky.header-transparent-light #main-menu> li.active> a {
    /*color: ;*/
}

/* Menu Buttons */

#header #main-menu> li> a.btn {
    height: 40px;
    margin: 0;
    padding: 0 25px;

    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.0);
    background: #111;
    box-shadow: none;

    line-height: 36px;
}
#header.sticky #main-menu> li> a.btn {
    color: #fff!important;
}
#header.header-transparent-dark #main-menu> li> a.btn, #header.sticky #main-menu> li> a.btn {
    color: #111;
    border-color: rgba(0, 0, 0, 0.3);
}
#header #main-menu> li> a:hover.btn {
    border-color: #ed1c24;
    background-color: #ed1c24;
    /*color: #111;*/
    box-shadow: none;
}
#header.header-transparent-dark #main-menu> li> a:hover.btn {
    color: #fff;
    border-color: #111;
    background-color: #111;
}
#header.sticky #main-menu> li> a.btn:hover {
    color: #fff;
    border-color: #ed1c24;
    background-color: #ed1c24;
}
#header #main-menu> li> a.btn::after {
    display: none;
}
#main-menu ul {
    position: absolute;
    z-index: 9999;
    top: 44px;
    right: 0;

    display: none;

    width: 200px;
    margin: -4px 0 0 0;

    list-style-type: none;

    word-spacing: 2px;

    border-top: 0;
    background: #111;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2);

    font-size: 14px;
}
.nav-light #main-menu ul {
    background: #fff;
}
#main-menu li> ul, #main-menu li:hover> ul, #main li.sfHover> ul {
    display: none!important;
    /* default was block */
}
#main-menu ul> li:first-child::before, .sf-menu ul> li:first-child::before {
    position: absolute;
    top: -2px;
    right: 0;

    width: 100%;
    height: 2px;

    content: '';
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    background-color: transparent;
}
#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;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    opacity: 0.6;
    color: #fff;
}
.nav-light #main-menu ul li a {
    opacity: 0.6;
    color: #111;
}
#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 {
    position: absolute;
    top: 50%;
    right: 15px;

    display: inline-block;

    width: 6px;
    height: 1px;
    margin-top: -1px;

    content: '';
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform-origin: 6px 50%;
    transform-origin: 6px 50%;

    background: #aaa;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#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: #ed1c24;
}
#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 {
    left: 0px;

    width: 100%;
    padding: 15px 0;

    border-top: 3px solid #ed1c24;
}
#main-menu> li.mega-menu> ul> li {
    width: 33.33%;
    padding: 0 15px;

    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.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 {
    margin-bottom: 5px;
    padding: 8px 10px;

    text-transform: uppercase;

    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}
.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 {
    position: relative !important;
    top: 0px !important;
    left: 0px!important;

    display: block!important;

    width: 100%;

    opacity: 1 !important;
    border: 0;
}
#main-menu> li.mega-menu> ul> li ul li {
    border: 0;
}
#main-menu> li.mega-menu> ul> li> ul> li a {
    padding: 8px 10px;

    border: 0;
}
#main-menu ul ul {
    top: 0px;
    left: 200px;

    margin-top: 0px;
}
#main-menu li li {
    padding: 0;

    border: 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;

    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);
    text-align: left;
}
#hero-wrapper.bg-accent {
    background-color: #ed1c24;
}
.logo-persian {
  position: relative;
  width:130px;
  height:130px;
  border-radius: 50%;
  background-color:#fff;
  margin: 0 auto;
  bottom: 50px;
}
.logo-persian img {
  width:75%;
  padding-top: 37%;
}
.hero-item {
    position: relative;

    overflow: hidden;

    height: inherit;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-container-img {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.video-container {
    position: relative;
    z-index: 6;

    display: none;

    width: 100%;
    height: 100%;

    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    transition-property: opacity;

    opacity: 0;
}
@media (min-width: 1200px) {
    .video-container.enabled {
        position: absolute;
        top: 0;
        left: 0;

        display: block;
        overflow: hidden;

        text-align: center;

        background-color: #222;
    }
}
.video-container video {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;

    -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 {
    z-index: 20;

    padding: 0 15px;

    color: #fff;
}

/* - Hero Caption
--------------------------------------------------------------*/

.hero-text .hero-caption {
    position: relative;
    z-index: 20;

    padding: 0;

    color: #fff;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.caption-heading {
    position: relative;

    margin-bottom: 0;
    margin-left: -0.05em;

    letter-spacing: -0.03em;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1.2em;
}
.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: 8em;
    line-height: 1em;
}
.caption-heading.heading-xlarge {
    font-size: 5em;
    line-height: 1em;
}
.caption-heading~.caption-sub-heading {
    margin-top: 15px;
}
.caption-sub-heading {
    position: relative;

    margin: 0;

    color: rgba(0, 0, 0, 0.75);

    font-size: 18px;
    font-weight: 300;
    line-height: 1.385em;
}
.heading-medium~.caption-sub-heading {
    font-size: 22px;
}
.heading-large~.caption-sub-heading {
    font-size: 26px;
}
.heading-xlarge~.caption-sub-heading {
    font-size: 1.3em;
}
.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;

    height: 50px;
    margin-right: 10px;
    padding: 0 50px;

    font-size: 18px;
    line-height: 45px;
}
.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;

    width: 100%;
    height: 100%;

    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
@media only screen and (max-width: 1400px) and (min-width: 1px) {
    .caption-heading.heading-xlarge {
        font-size: 5vw;
    }
    .caption-heading.heading-large {
        font-size: 7vw;
    }
    .heading-xlarge~.caption-sub-heading {
        font-size: 1.6em;
    }
    .hero-caption .btn {
        height: 58px;
        padding: 0 40px;

        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 {
        height: 54px;
        padding: 0 35px;

        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 {
        height: 48px;
        padding: 0 30px;

        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 {
        height: 44px;
        padding: 0 30px;

        font-size: 16px;
        line-height: 40px;
    }
}

/* - Hero Caption Alignment
--------------------------------------------------------------*/

.caption-top, .caption-middle, .caption-bottom {
    position: absolute;
    top: auto;
    top: 50%;
    left: 0;

    width: 100%;

    -webkit-transform: none;
    -webkit-transform: translateY(-50%);
    transform: none;
    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%);
    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 {
    position: absolute;
    z-index: 14;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0.2;
    background-color: #000;
}

/* - Hero Scroll Down
--------------------------------------------------------------*/

.scroll-arrow-wrap {
    position: absolute;
    z-index: 99;
    bottom: 0;
    left: 50%;

    overflow: hidden;

    width: 24px;
    height: 88px;
    margin-left: -12px;
}
.scroll-down-arrow {
    display: block;

    height: inherit;
}
.scroll-down-arrow:hover {
    color: inherit;
}
.scroll-down-arrow span {
    display: block;
    overflow: hidden;

    width: 24px;
    height: 16px;
    margin-bottom: 20px;

    white-space: nowrap;

    font-size: 24px;
    line-height: 16px;
}
.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 {
    position: absolute;
    top: 50%;

    width: 13px;
    height: 2px;
    margin-top: -1px;

    content: '';
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
    transition: width 0.3s, transform 0.3s, -webkit-transform 0.3s;

    background: #333332;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.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 {
    -webkit-animation: arrow1 3s ease-out infinite;
    animation: arrow1 3s ease-out infinite;

    opacity: 0;
}
.scroll-down-arrow .animated-arrow-2 {
    -webkit-animation: arrow2 3s ease-in infinite;
    animation: arrow2 3s ease-in infinite;

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

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

        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 36px);
        transform: translate(0, 36px);

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

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

        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 36px);
        transform: translate(0, 36px);

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

        opacity: 1;
    }
    90% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);

        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 36px);
        transform: translate(0, 36px);

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

        opacity: 1;
    }
    90% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);

        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 36px);
        transform: translate(0, 36px);

        opacity: 0;
    }
}

/*--------------------------------------------------------------
/** 17. General Section / Full Width Section
--------------------------------------------------------------*/

.general-section.fullheight-content, .full-width-section.fullheight-content {
    padding-top: 0;
    padding-bottom: 0;
}
.general-section {
    position: relative;

    visibility: visible;

    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 80px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.full-width-section {
    position: relative;
}
.general-section.parallax-section, .full-width-section.parallax-section {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-size: cover;
}

@media screen and (max-width:767px){
    .general-section .wpb_text_column .wpb_wrapper p{
        text-align: justify;
        padding: 0px 15px;
    }
}

/* - Section Mask Overlay
--------------------------------------------------------------*/

.general-section .mask-overlay, .full-width-section .mask-overlay, #footer .mask-overlay {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: 0.7;
    background-color: #000;
}
.general-section .col .mask-overlay, .full-width-section .col .mask-overlay {
    z-index: -1;
}
.mask-overlay.bg-accent {
    background-color: #ed1c24;
}
.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;

    letter-spacing: -0.03em;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 1.5;
}
.section-header h5, .section-header h6 {
    letter-spacing: 0px;
}
.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: 20px;
}
.section-header .section-title.title-large {
    font-size: 30px;
}
.section-header .section-title.title-xlarge {
    font-size: 65px;
}
.section-header .section-title::after {
    display: block;
    display: none;

    width: 50px;
    height: 1px;
    margin: .75em 0;

    content: " ";

    background-color: #ed1c24;
}
.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;

    margin-bottom: 10px;
    padding: 5px 12px;

    border: 2px solid rgba(0, 0, 0, 0.5);

    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-right: auto;
    margin-left: auto;
}
.section-header.text-right hr.sep {
    margin-right: 0;
    margin-left: auto;
}
.section-header .section-title.title-small~hr {
    margin-top: 1.5em;
    margin-bottom: 1.8em;
}
.section-header .section-title.title-medium~hr {
    margin-top: 0.5em;
    margin-bottom: 0.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 {
    color: rgba(0, 0, 0, 0.75);

    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}
.section-title.title-large~p, .section-title.title-large~.description {
    font-size: 16px;
}
.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 {
    background-size: 100%;
}

/* - Right Sidebar
--------------------------------------------------------------*/

.sidebar-right #content-area {
    float: left;

    width: 66%;
    margin-right: 4%;
    padding: 80px 0 0 0;
}
.sidebar-right #sidebar {
    float: right;

    width: 30%;
    margin: 0;
    padding: 80px 0 0 3%;
}

/* - Left Sidebar
--------------------------------------------------------------*/

.sidebar-left #content-area {
    float: right;

    width: 66%;
    margin-left: 4%;
    padding: 80px 0 0 0;
}
.sidebar-left #sidebar {
    float: left;

    width: 30%;
    margin: 0;
    padding: 80px 3% 0 0;
}
@media (max-width: 1024px) and (min-width: 1000px) {
    .sidebar-right #content-area {
        width: 68%;
        margin-right: 2%;
    }
    .sidebar-left #content-area {
        width: 68%;
        margin-left: 2%;
    }
}
@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 {
        float: none;

        width: 100%;
        margin: 0 auto;
        padding: 60px 0 0 0;

        border: 0;
        background: none;
    }
}

/* -- Footer Newsletter
--------------------------------------------------------------*/
.newsletter-form {
  width: 100%;
  margin: 20px auto 0;
  display: block;
  position: relative;
  overflow: hidden;
  height: 45px;
  border-radius: 30px;
}

.newsletter-form input[type="email"] {
    width: 100%;
    height: 45px;
    background: #fff;
    border: 0;
    outline: 0;
    border-radius: 30px;
    color: #808080;
    font-weight: 300;
    padding-left: 20px;
}


.newsletter-form button[type="submit"] {
      cursor: pointer;
      outline: 0;
      border: 0;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      position: absolute;
      top: 0;
      right: 0;
      border-radius: 50px;
      height: 45px;
      width: 45px;
      background-color: #ed1c24;
  }
.newsletter-form input[type="submit"]:hover {
      box-shadow: 0 0 40px rgba(0,0,0,.3);
}
.newsletter-form .fa::before {
    position: absolute;
    top: 11px;
    right: 11px;
    font-size: 22px;
}
.newsletter-form .fa {
    color: #ffffff;
    pointer-events: none;
}

/*--------------------------------------------------------------
/** 20. Footer
--------------------------------------------------------------*/

#footer {
    position: relative;
    z-index: 9;

    padding: 0;

    color: rgba(255, 255, 255, 0.8);
    background: #111;

    font-size: 15px;
}
#footer.footer-fixed {
    z-index: 0;
    bottom: 0;
    left: 0;

    width: 100%;

    -webkit-transition: all .4s ease;
    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-widgets .widget span {
  font-size: 13px;
  top: 20px;
  position: relative;
}
#footer .footer-widgets .widget h3 {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 8px;
  font-weight: 500;
  color:#ffffff;
  font-size: 1.9rem;
}
#mailerlite-1-field-email {
  width: 100%;
  height: 45px;
  background: #fff;
  border: 0;
  outline: 0;
  border-radius: 2em;
  color: #808080;
  text-align: right;
  font-weight: 300;
  margin: 3px 0 0 0;
}
.mailerlite-subscribe-submit {
  width: 100%;
  height:45px;
  text-align: center;
}
#footer.footer-light a:hover {
    color: rgba(0, 0, 0, 0.95);
}
#footer .social-icon-block a {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    /*background-color: transparent;*/

    border-color: rgba(255, 255, 255, 0.6);
}
#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 {
    color: rgba(255, 255, 255, 0.6);
    border: 0;
    border-radius: 2px;
}
#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 {
    color: rgba(0, 0, 0, 0.75);
    border: 0;
    border-radius: 2px;
}
#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-top: 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 {
    padding-top: 25px;
    padding-bottom: 25px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.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 {
    border: 0;
    background: none;
}

/* -- Footer Menu
--------------------------------------------------------------*/

.footer-menu {
    float: right;
}
.col.grid-12>.footer-menu {
    float: none;
}
.footer-menu ul {
    margin: 0;

    list-style-type: none;
}
.footer-menu ul li {
    position: relative;

    display: inline-block;
    float: none;

    margin: 0;
    padding: 0 10px;

    letter-spacing: 0px;

    font-size: 13px;
    line-height: 42px;
}
.footer-menu ul li:first-child {
    padding-left: 0;
}
.footer-menu ul li:last-child {
    padding-right: 0;
}
.footer-menu ul li::before {
    position: absolute;
    top: 50%;
    left: -2px;

    width: 4px;
    height: 4px;
    margin-top: -2px;

    content: "";

    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
}
.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 {
    margin: 0;

    list-style-type: none;
}
#sidebar .widget ul li, #footer .widget ul li {
    position: relative;

    overflow: hidden;

    margin: 0;
    padding: 0;
    padding: 8px 0 8px;
}
#sidebar .widget .social-icon-block li, #footer .widget .social-icon-block li {
    margin: 3px 6px 3px 0px;
    padding: 0;

    border: 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;

    letter-spacing: normal;

    color: #999;

    font-size: 11px;
    font-weight: normal;
}
#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 {
    display: block;

    margin-bottom: 60px;
    padding: 10%;

    color: #666;
    border-radius: 2px;
    background-color: #f2f1ef;

    font-size: 15px;
}
#sidebar .widget:last-child {
    margin-bottom: 80px;
}
#sidebar .widget ul li {
    border-bottom: 1px solid #e5e5e5;
}
#sidebar .widget ul li:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}
#sidebar .widget li a {
    padding-bottom: 2px;

    color: #666;
}
#sidebar .widget li a:hover {
    color: #ed1c24;
    border-bottom: 1px dotted #ed1c24;
}

/* - 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 {
    padding-bottom: 0;

    border-color: rgba(0, 0, 0, 0.1);
    border-color: transparent;
}
#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 {
    width: 100%;
    height: 46px;

    background-color: rgba(255, 255, 255, 0.05);
}
.footer-dark .newsletter-widget .form-control {
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.footer-dark .newsletter-widget .form-control:focus {
    border-color: #ed1c24;
}
.footer-light .newsletter-widget .form-control {
    background-color: rgba(255, 255, 255, 0.5);
}
.newsletter-widget .btn-submit {
    position: absolute;
    top: 0;
    right: 0;

    width: 46px;
    height: 46px;
    padding: 0;

    text-align: center;

    border-radius: 0 4px 4px 0;

    line-height: 42px;
}
.newsletter-widget .btn-submit i {
    margin: 0;

    font-size: 18px;
    font-weight: bold;
}

/* - Tag Cloud Widget
--------------------------------------------------------------*/

.tag-cloud a {
    display: inline-block;
    float: left;

    margin: 4px 4px 0 0;
    padding: 2px 8px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 2px;

    font-size: 12px;
}
.tag-cloud a:hover {
    color: #fff;
    border: 1px solid #ed1c24;
    background-color: #ed1c24;
}
#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 {
    color: #222;
    background-color: rgba(255, 255, 255, 0.9);
}
#footer.footer-light .tag-cloud a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
}

/* - Sidebar Navigation Widget
--------------------------------------------------------------*/

.sidebar-navigation-widget ul {
    border: 1px solid #e5e5e5;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
}
.sidebar-navigation-widget> ul> li {
    position: relative;

    overflow: visible !important;

    margin: 0;
    padding: 0 !important;

    border: 0 !important;
}
.sidebar-navigation-widget> ul> li.active {
    position: relative;
}
.sidebar-navigation-widget> ul> li::after, .sidebar-navigation-widget> ul> li::before {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;

    opacity: 0;
}
.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 {
    position: absolute;
    top: -1px;
    right: 100%;
    bottom: 0;

    display: block;

    width: 0;
    height: 0;

    content: "";

    opacity: 1;
    border: solid transparent;
}
.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 {
    padding-right: 13px;
    padding-left: 13px;

    border-bottom: 1px solid #e5e5e5;
    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 {
    color: inherit !important;
    background: #f7f7f7;
}

/* - 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 {
    position: relative;

    margin-top: 20px;
    margin-bottom: 10px;
    padding: 10px 15px 15px;

    border: 0;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.1);
}
#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 {
    position: absolute;
    top: -20px;
    left: 10px;

    content: '';

    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 {
    width: 10px;
    height: 10px;

    border: 1px solid transparent;
    background-color: #ccc;
}
.twitter-widget .owl-theme .owl-controls .owl-page.active span {
    opacity: 1;
    border: 1px solid #ccc;
    border-color: #ccc;
    background-color: transparent;
}
.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;

    min-width: 26px;
    height: 18px;

    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;

    color: #8d8d8d;
    border: 1px solid #e5e5e5;
    border-radius: 15px;

    font-size: 10px;
    line-height: 18px;
}
.categories-widget li a:hover span, .archives-widget li a:hover span {
    color: #fff;
    border: 1px solid #c71219;
    background: #c71219;
}
#footer .categories-widget li a span, #footer .archives-widget li a span {
    color: #a5a5a5;
    border: 1px solid #222;
}
#footer .categories-widget li a:hover span, #footer .archives-widget li a:hover span {
    color: #fff;
    border: 1px solid #c71219;
    background: #c71219;
}
.archives-widget .post-count {
    position: absolute;
    right: 0px;
    bottom: 8px;

    color: #999;

    font-size: 11px;
}
.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 {
    height: 38px;
    padding-right: 40px;
}
input.search-submit {
    position: absolute;
    top: 10px;
    right: 8px;

    display: block;

    width: 16px;
    height: 16px;
    margin: 0;

    text-indent: -9999px;

    border: 0;
    background: transparent url('./assets/images/search_icon.png') no-repeat scroll 0 0;

    line-height: 16px;
}
#search-form .search-button {
    position: absolute;
    top: 0;
    right: 0;

    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;

    background: transparent;
    box-shadow: none;

    line-height: 36px;
}
#search-form .search-button i {
    position: absolute;
    top: 50%;
    left: 50%;

    margin: 0;

    -webkit-transition: color 0.2s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;

    color: rgba(0, 0, 0, 0.2);
    border: 0;

    font-size: 16px;
    font-weight: bold;
}
#search-form .search-button:hover i {
    color: #ed1c24;
}
#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 {
    position: relative;

    display: block;
    float: left;
    overflow: hidden;
}
.posts-list .post-media img, .recent-comments-list .post-media img {
    width: 55px;
    height: 55px;
    margin: 6px 10px 4px 0;

    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 {
    position: relative;

    display: block;
    float: left;
    overflow: hidden;

    border-radius: 0;
    box-shadow: none;
}
.portfolio-container .portfolio-item a {
    position: relative;

    display: block;

    outline: none;
}
.portfolio-item .portfolio-image {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
}
.portfolio-item .portfolio-image img {
    display: block;

    width: 100%;
    margin-bottom: 0;

    -webkit-transition: transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.portfolio-item a:hover .portfolio-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.portfolio-item .portfolio-info {
    position: absolute;
    z-index: 12;
    top: 50%;
    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.portfolio-info .title {
    position: relative;

    display: block;

    margin: 0;
    padding: 0;

    -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.15s ease-in;
    transition: transform 0.3s ease-in-out, opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    letter-spacing: 0px;
    text-transform: uppercase;

    opacity: 0;
    color: #fff;

    font-size: 30px;
    font-weight: 600;
}
.portfolio-item a:hover .portfolio-info .title {
    -webkit-transform: translateY(0);
    transform: translateY(0);

    opacity: 1;
}
.portfolio-info .meta-categories {
    position: relative;

    -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.15s ease-in;
    transition: transform 0.3s ease-in-out, opacity 0.15s ease-in, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);

    opacity: 0;
}
.portfolio-item a:hover .portfolio-info .meta-categories {
    -webkit-transition-delay: 0.2s, 0.2s;
    transition-delay: 0.2s, 0.2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);

    opacity: 1;
}
.portfolio-info .meta-categories ul {
    position: relative;

    margin: 0;

    opacity: 1;
    color: rgba(255, 255, 255, 0.8);

    line-height: 0;
}
.portfolio-info .meta-categories ul li {
    position: relative;

    display: inline-block;

    margin: 5px 0 0 0;
    padding: 0 10px;

    text-align: left;
    text-transform: uppercase;

    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.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 {
    position: absolute;
    top: 50%;
    left: -2px;

    width: 4px;
    height: 4px;
    margin-top: -2px;

    content: "";

    border-radius: 4px;
    background: rgba(255, 255, 255, 0.8);
}
.portfolio-info .meta-categories ul li:first-child::before {
    display: none;
}
.portfolio-item .mask-overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    opacity: 0;
    background-color: #ed1c24;
}
.portfolio-item a:hover .mask-overlay {
    opacity: 0.9;
}

/* - Portfolio Hover Styles
--------------------------------------------------------------*/


/* Style 2 */

.style-2 .portfolio-item .portfolio-info {
    position: relative;
    z-index: 12;
    top: auto;
    left: auto;

    width: 100%;
    margin: 20px 0 0 0;

    -webkit-transform: none;
    transform: none;
    text-align: left;
}
.portfolio[data-gutter-width="0"].style-2 .portfolio-item .portfolio-info {
    margin: 20px 0;

    text-align: center;
}
.style-2 .portfolio-info .title {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;

    opacity: 1;
    color: #222;

    font-size: 16px;
}
.light .style-2 .portfolio-info .title {
    color: #fff;
}
.style-2 .portfolio-info .meta-categories {
    margin-top: 5px;

    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;

    opacity: 1;

    font-size: 12px;
}
.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 {
    position: absolute;
    z-index: 10;
    top: 21px;
    right: 21px;
    bottom: 21px;
    left: 21px;

    content: '';
    -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
    transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
    transition: opacity 0.35s ease, transform 0.35s ease;
    transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;

    opacity: 0;
}
.style-3 .portfolio-item a::before {
    /*z-index: ;*/
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);

    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.style-3 .portfolio-item a::after {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);

    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
.style-3 .portfolio-item a:hover::before, .style-3 .portfolio-item a:hover::after {
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease .2s;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.45s ease .2s;
    transition: opacity 0.4s ease, -webkit-transform 0.45s ease .2s;
    transition: opacity 0.4s ease, transform 0.45s ease .2s;
    transition: opacity 0.4s ease, transform 0.45s ease .2s, -webkit-transform 0.45s ease .2s;
    -webkit-transform: scale(1);
    transform: scale(1);

    opacity: 1;
}
.style-3 .portfolio-item .portfolio-info {
    position: absolute;
    z-index: 12;
    top: auto;
    bottom: 40px;
    left: 43px;

    width: auto;

    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    text-align: left;

    opacity: 0;
}
.style-3 .portfolio-item a:hover .portfolio-info {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    opacity: 1;
}
.style-3 .portfolio-info .title, .style-3 .portfolio-item .meta-categories {
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;

    opacity: 1;
}
.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 {
    position: relative;

    overflow: hidden;
}
.portfolio-item.wide-tall img, .portfolio-item.tall img, .portfolio-item.wide img {
    display: inline-block;

    max-width: none;
}
.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 {
    min-height: 350px;

    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 {
    position: relative;
    z-index: 2;

    display: block;

    padding: 3em 0;
}
.portfolio-full-width .filter {
    padding: 3em 4em;
}

/* -- Filter List */

.filter-list {
    text-align: left;
}
.filter a {
    display: block;

    min-width: 0;
    padding: 10px 15px;

    line-height: 24px;
}
.portfolio-filter {
    float: left;

    margin: 13px 5px 10px;
    padding: 10px 15px 10px 0;

    cursor: default;
}
.portfolio-filter .filter-by {
    text-transform: capitalize;

    font-size: 1.2em;
    font-weight: bold;
}
.portfolio-filter .drop-arrow {
    display: none;
}
.filter-items {
    position: relative;

    display: block;
    float: right;

    margin: 0;

    list-style-type: none;

    border: 0;
    background: transparent;

    font-size: 13px;
    font-weight: bold;
}
.filter-items li {
    position: relative;
    z-index: 3;

    float: left;

    min-width: 120px;
    margin: 10px 5px;

    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
}
.filter-items li::after {
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;

    margin-left: -12px;

    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    border: 12px solid transparent;
    border-top-color: #f7f7f7;
}
.filter-items li.active {
    color: #fff;
}
.filter-items li.active::after {
    bottom: -24px;

    border-top-color: #222;
}
.filter-items li a {
    position: relative;
    z-index: 2;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    color: inherit;
    border: 3px solid #e5e5e5;
    background-color: transparent;
}
.filter-items li a:hover {
    border-color: #ed1c24;
}
.filter-items li.active a {
    border-color: #222;
    background: #222;
}

/* -- Filter Drop Down */

.filter-dropdown {
    position: relative;
    z-index: 100;

    display: inline-block;

    width: 250px;

    text-align: left;

    border: 1px solid #e5e5e5;
    border-radius: 0;
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 2px -1px #ddd;
}
.filter-dropdown li a, .filter-dropdown .portfolio-filter {
    display: block;
    float: none;

    min-width: 200px;
    margin: 0;
    padding: 10px 15px;

    border: 0;

    font-weight: normal;
    line-height: 24px;
}
.filter-dropdown .portfolio-filter {
    position: relative;

    padding: 10px 50px 10px 15px;

    cursor: pointer;

    color: #999;
}
.filter-dropdown .portfolio-filter:hover {
    color: #999;
}
.filter-dropdown .portfolio-filter .filter-by {
    color: #222;

    font-size: 14px;
    font-weight: normal;
}
.filter-dropdown .portfolio-filter .drop-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    right: 0;

    display: block;

    width: 50px;
    height: 30px;
    margin-top: -15px;

    border-left: 1px solid #e5e5e5;
}
.filter-dropdown .portfolio-filter .drop-arrow::before, .filter-dropdown .portfolio-filter .drop-arrow::after {
    position: absolute;
    top: 50%;

    width: 9px;
    height: 2px;
    margin-top: -1px;

    content: '';
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, -webkit-transform 0.3s;
    transition: width 0.3s, transform 0.3s;
    transition: width 0.3s, transform 0.3s, -webkit-transform 0.3s;

    background: rgba(34, 34, 34, 0.7);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.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 {
    width: 14px;

    background-color: #ed1c24;
}
.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 {
    position: absolute;
    left: -1px;

    display: none;

    width: inherit;
    margin: 0;

    list-style-type: none;

    border: 1px solid #e5e5e5;
    border-top: 0;
    background: #fff;
}
.filter-dropdown .filter-items li {
    width: 100%;
    min-width: 0;
    margin: 0;

    text-align: left;

    border: 0;
}
.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 {
    color: #fff;
    background-color: #ed1c24;
}

/* -- 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 {
        min-width: 0;
        margin: 8px 2px;
    }
    .filter-items li::after {
        margin-left: -8px;

        border: 8px solid transparent;
    }
    .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 {
        display: inline-block;
        float: none;
    }
}
@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 {
    margin: 0 0 25px 0;

    list-style-type: none;
}
.portfolio-details .custom-field ul li {
    margin: 0;
}

/* - Portfolio Navigation
--------------------------------------------------------------*/

.portfolio-nav a {
    position: relative;
    z-index: 1;

    display: table;
    float: left;

    height: 240px;

    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #fff;
    background-color: #ed1c24;

    font-size: 14px;
    font-weight: bold;
}
.portfolio-nav .next, .portfolio-nav .prev {
    width: 37.5%;
}
.portfolio-nav .all {
    width: 25%;
}
.portfolio-nav a::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

    background-color: rgba(0, 0, 0, 0);
}
.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;

    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    vertical-align: middle;

    font-size: 30px;
}
.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 {
    position: relative;

    display: block;
    float: right;

    width: 31.83%;
    margin: 2% 0.75% 0;
    padding: 0;

    -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;

    border-radius: 2em;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.blog .post:hover, .latest-post .post:hover {
    -webkit-transition: box-shadow 0.3s ease, transform 0.3s ease;
    -webkit-transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    transition: box-shadow 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);

    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.15);
}
.post .post-media {
    position: relative;

    display: block;
    overflow: hidden;

    min-height: 200px;
    padding-top: 63%;

    border-radius: 2em 2em 0 0;
    background-color: #eee;
    background-position: center center;
    background-size: cover;
}
.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;

    width: 100%;
    max-width: none;
    height: auto;
    min-height: 100%;

    border-radius: 2em 2em 0px 0px;
}
.post .gallery-slider[data-pagination="true"] {
    margin-bottom: 0px;
}
.post .post-content {
    height: 375px;
    min-height: 375px;
    padding: 25px;
}
.post-header a:hover {
    color: #ed1c24;
}
.post-header .meta-categories {
    display: block;

    letter-spacing: 0.05em;
    text-transform: uppercase;

    color: #999;

    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
}
.post-header .meta-categories a {
    position: relative;

    color: #999;
}
.post-header .meta-categories a:not(:last-child) {
    margin-left: 10px;
}
.post-header .meta-categories a:not(:last-child)::before {
    position: absolute;
    bottom: 0;
    left: -5px;

    content: '، ';
}
.post-header .meta-categories a::after {
    position: absolute;
    right: 50%;
    bottom: -0.25em;
    left: 50%;

    display: block;

    height: 2px;

    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    background-color: #999;
}
.post-header .meta-categories a:hover::after {
    right: 0;
    left: 0;
}
.post-content .blog-title {
    position: relative;

    margin: .75em 0 .5em;

    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.6em;
}
.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%;

    width: 30px;
    height: 30px;
    margin-left: -15px;

    text-align: center;

    color: #fff;

    font-family: "icomoon";
    font-size: 26px;
    font-weight: normal;
    font-style: normal;
    line-height: 30px;
}
.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 {
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 40px;
    height: 2px;
    margin-left: -25px;

    content: "";

    background-color: rgba(0, 0, 0, 0.2);
}
.post .post-excerpt {
    position: relative;

    overflow: hidden;

    max-height: 41%;
    margin-bottom: 20px;
    padding: 0;

    border: 0;
}
.post .post-excerpt p {
    position: relative;

    margin: 0;

    font-size: 14px;
    line-height: 2em;
}
.post .post-excerpt::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;

    height: 100%;

    content: '';

    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;

    text-align: center;

    font-weight: bold;
    font-style: normal;
}
.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;
    bottom: 0;
    left: 0;

    width: 100%;
    margin: 0;
    padding: 20px 25px 20px;

    border-top: 1px solid #e5e5e5;
}
.meta-author .author-link {
    display: inline-block;
}
.meta-avatar, .meta-author .author-avatar {
    display: inline-block;
    overflow: hidden;

    width: 45px;
    height: 45px;
    margin-bottom: 0;
    margin-left: 10px;

    -webkit-transition: all 0.2s ease-in-out;
    vertical-align: middle;

    opacity: .85;
    border-radius: 50%;

    line-height: 0;
}
.meta-author .author-avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.author-link:hover .author-avatar {
    opacity: 1;
}
.meta-author .author-avatar img {
    margin-bottom: 0;
}
.meta-author .author-details {
    position: relative;

    display: inline-block;

    text-align: right;
    vertical-align: middle;
}
.meta-author .author-details span {
    display: block;

    white-space: nowrap;

    line-height: 1.5em;
}
.meta-author .author-details .author-name {
    -webkit-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;

    color: rgba(0, 0, 0, 0.8);

    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
}
.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;

    letter-spacing: 0.05em;

    color: #999;

    font-size: 13px;
    font-style: normal;
}
.meta-comment {
    position: absolute;
    top: 50%;
    right: 20px;

    margin-top: -15px;
}
.blog-standard .meta-comment {
    right: 0;
}
.meta-comment a {
    display: block;

    opacity: 0.75;
    color: #ed1c24;
}
.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 {
        width: 47%;
        margin: 3.2% 1.5% 0;
    }
}
@media (max-width: 1400px) and (min-width: 1000px) {
    .post {
        width: 31.83%;
        margin: 2% 0.75% 0;
    }
    .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 {
        width: 47%;
        margin: 3.2% 1.5% 0;
    }
    .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 {
        width: 80%;
        margin: 7.2% 10% 0;
    }
    .post:nth-child(-n+1) {
        margin-top: 0;
    }
}
@media (max-width: 479px) and (min-width: 1px) {
    .post, .sidebar-right .post, .sidebar-left .post {
        width: 100%;
        margin: 10% 0 0;
    }
    .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 {
        width: 23.5%;
        margin: 1.8% .75% 0;
    }
    .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 {
        width: 89%;
        margin: 7.2% 5.5% 0;
    }
    .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 {
        width: 95%;
        margin: 10% 2.5% 0;
    }
    .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 {
    width: 46%;
    margin: 0 2% 4.2%;
}
.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 {
    width: 100%;
    margin: 0;
}
.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: #ed1c24;
}
.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%);
    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: #ed1c24;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .latest-post .col-md-3 {
        width: 50%;
        margin-top: 20px;
    }
    .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 {
        width: 100%;
        margin-top: 30px;
    }
    .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 {
    position: relative;

    display: block;

    margin: 0;

    list-style-type: none;

    text-align: center;

    border: 0;
    background: transparent;

    font-size: 13px;
    font-weight: bold;
}
.category-items li {
    position: relative;
    z-index: 3;

    display: inline-block;

    min-width: 120px;
    margin: 10px 5px;

    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-align: center;
}
.category-items li::after {
    position: absolute;
    z-index: 1;
    bottom: -12px;
    left: 50%;

    margin-left: -12px;

    content: '';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    border: 12px solid transparent;
    border-top-color: #fff;
}
.category-items li.active {
    color: #fff;
    border-color: #222;
}
.category-items li.active::after {
    bottom: -24px;

    border-top-color: #222;
}
.category-items a {
    display: block;

    min-width: 0;
    padding: 10px 15px;

    border: 3px solid #e5e5e5;

    line-height: 24px;
}
.category-items li a, .category-items li a:hover {
    position: relative;
    z-index: 2;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;

    color: inherit;
    background: transparent;
}
.category-items li a:hover {
    border-color: #ed1c24;
}
.category-items li.active a {
    border-color: #222;
    background: #222;
}
@media only screen and (max-width: 1024px) and (min-width: 1px) {
    .category-items li {
        min-width: 0;
        margin: 8px 2px;
    }
    .category-items li.active::after {
        bottom: -16px;
    }
    .category-items li::after {
        bottom: -8px;

        margin-left: -8px;

        border: 8px solid transparent;
    }
    .category-items li a {
        padding: 5px 12px;
    }
}

/*--------------------------------------------------------------
/** 25. Single Post
--------------------------------------------------------------*/

.single-post:not(body) {
    width: 65%;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.sidebar-right .single-post, .sidebar-left .single-post {
    width: 100%;
    padding-top: 0;
}
.single-post .post {
    float: none;

    width: 100%;
    margin: 0;
    padding: 0;

    border: 0;
    background-color: transparent;
    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 {
    max-width: 800px;
    margin: 0;
}
.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;

    letter-spacing: -1px;

    font-size: 3em;
}
.hero-text .post-header .meta-author, .single-post .post-header .meta-author {
    position: relative;

    margin-bottom: 0;
    padding: 0;

    border: 0;
}
.single-post .post-header .meta-author .author-avatar {
    display: none;
}
.hero-text .post-header .meta-author .author-avatar {
    display: inline-block;

    width: 60px;
    height: 60px;
    margin-right: 14px;
}
.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;
}
.single-post .post-header.light .author-link .author-details .author-name {
    color: #d5d5d5;
}
.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: #ed1c24;
}
.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 {
    display: inline-block;

    margin: 0 7px 0 3px;

    content: "-";
}
.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 {
        display: inline-block;
        float: none;
    }
}
@media (max-width: 768px) and (min-width: 1px) {
    .category-items li {
        min-width: 0;
        margin: 8px 2px;
    }
    .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 {
        margin: 0.8em 0;

        font-size: 1.8em;
    }
    .hero-text .post-header .meta-author .author-avatar {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .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 {
    padding-bottom: 1px;

    color: #ed1c24;
    border-bottom: 1px dotted #ed1c24;
}
.single-post .post-content a:hover {
    border-bottom: 1px solid #ed1c24;
}
.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 {
    font-size: 16px;
    line-height: 1.65em;
}
.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;

    color: #ed1c24;

    font-size: 105px;
    line-height: 90px;
}
.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 {
    width: 50%;
    margin: 45px 30px 15px 0;
}
.single-post .post-content .wp-caption.pull-right {
    width: 50%;
    margin: 45px 0 15px 30px;
}
.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;

    border-color: transparent;
    background-color: transparent;
}
.single-post .post-content hr.sep::before {
    position: absolute;
    top: -7px;
    left: 0;

    width: 100%;

    content: '...';
    text-align: center;
    letter-spacing: 1em;

    color: #000;

    line-height: 0;
}
.single-post .post-content, .blog-full-single .post-content {
    height: auto;
    min-height: 0;
    margin-bottom: 6%;
    padding: 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;

        width: 100%;
        margin: 60px 0;
        padding: 0;
    }
    .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 {
    margin-bottom: 7%;
    padding-bottom: 7%;

    border-bottom: 1px solid #e5e5e5;
}
@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;

    width: 50%;
    margin: 0;
    padding: 0;

    text-align: left;
}
.post-tags .tag-cloud a {
    float: none;

    margin-top: 8px;
    margin-left: 1px;
}
.post-tags .tag-cloud a:last-child {
    margin: 0;
}

/* -- Social Share
--------------------------------------------------------------*/

.single-post .social-share-holder {
    float: right;

    width: 50%;
    margin: 0;

    text-align: right;
}
.single-post .share-holder-title {
    position: relative;

    margin-bottom: 7px;
    padding-bottom: 15px;

    letter-spacing: 0px;
    text-transform: uppercase;

    font-size: 12px;
    font-weight: bolder;
}
.single-post .share-holder-title::after {
    position: absolute;
    bottom: 0;
    left: 0;

    display: block;

    width: 60px;
    height: 2px;

    content: "";

    background-color: #e5e5e5;
}
@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 {
    position: relative;

    margin: 7% 0 0;
    padding: 7% 10% 5%;

    border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-color: #f2f1ef;
}
#author-info-wrap .author-avatar {
    position: relative;

    float: right;

    margin-left: 25px;

    border-color: rgba(0, 0, 0, .08);
    border-radius: 50%;
}
#author-info-wrap .author-avatar img {
    width: 100px;
    height: 100px;
    margin: 0;

    border-radius: 50%;
}
.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-left: 5px;
}
.author-bio .social-icon-list li:last-child {
    margin-left: 0;
}

/* -- Post Navigation
--------------------------------------------------------------*/

.single-post .post-nav {
    margin: 0 0 7% 0;
    padding: 5% 10% 7%;

    border-radius: 2px;
    background-color: #f2f1ef;
}
@media (max-width: 767px) {
    #author-info-wrap {
        padding: 10% 7% 5%;

        text-align: center;
    }
    #author-info-wrap .author-avatar {
        display: inline-block;
        float: none;

        margin: 0 0 25px 0;

        text-align: center;
    }
    .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 {
        padding-bottom: 60px;

        border-bottom: 1px solid #e5e5e5;
    }
}

/* - Comments List
--------------------------------------------------------------*/

#comments-wrap {
    padding: 6% 10% 7%;

    border-radius: 2px;
    background-color: #f2f1ef;
}
.comment-title {
    margin-bottom: 20px;
}
.comment-title {
    position: relative;
}
.comment-list {
    margin: 0 0 40px;

    list-style-type: none;
}
.comment-list> li {
    position: relative;

    margin: 0 0 40px 0;
    padding-bottom: 40px;

    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.comment-list> li:last-child {
    margin-bottom: 40px;

    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.comment-list> li li {
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: 0;
}
.comment-box {
    position: relative;

    padding: 0 50px 0 0;
}
.comment-list> li li .comment-box {
    position: relative;

    margin-bottom: 20px;
    padding: 20px 70px 20px 20px;

    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.02);
}
.comment-box p {
    margin-top: 8px;
    margin-bottom: 0;
}
.gravatar {
    position: absolute;
    top: 4px;
    right: 0;

    display: block;

    width: 35px;
    height: 35px;
}
.children .comment-box .gravatar {
    top: 24px;
    right: 20px;
}
.gravatar .avatar {
    float: none;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    border-radius: 50%;
}
.comment-box:hover .gravatar .avatar {
    border-radius: 2px;
}
.comment-info cite {
    color: #222;

    font-weight: bold;
    font-style: normal;
}
.comment-meta {
    font-size: 11px;
    line-height: 15px;
}
.comment-meta a {
    color: rgba(0, 0, 0, 0.5);
}
.comment-meta a:hover {
    color: #ed1c24;
}
.reply {
    position: absolute;
    top: 10px;
    left: 0;
}
.children .reply {
    top: 30px;
    left: 20px;
}
.reply .comment-reply {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    text-transform: uppercase;

    opacity: 0.5;
    color: #ed1c24;
    border-bottom: 1px dotted #ed1c24;

    font-size: 12px;
    line-height: 1em;
}
.reply .comment-reply:hover {
    opacity: 1;
}

/* Children */

.comment-list .children {
    position: relative;

    margin: 20px 0 -20px;
    padding-right: 30px;

    list-style-type: none;

    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.comment-list .children::before {
    position: absolute;
    top: 20px;
    right: 0;

    width: 15px;
    height: 1px;

    content: '';

    background: rgba(0, 0, 0, 0.1);
}
@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-right: 7%;
        padding-left: 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;

    margin-left: 10px;
    padding-left: 10px;

    color: #ed1c24;
    border-left: 1px solid #e5e5e5;
}
#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 {
    position: relative;

    display: block;

    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

    background-color: transparent;
}
.post-nav .prev-post a {
    padding-left: 50px;
}
.post-nav .next-post a {
    padding-right: 50px;
}
.post-nav span {
    display: block;

    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

    color: #222;

    font-size: 16px;
    font-weight: bold;
}
.post-nav .post-title {
    overflow: hidden;

    margin: 0;

    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

    color: #666;

    font-size: 16px;
    line-height: 1.5em;
}
.post-nav a:hover .post-title {
    color: #ed1c24;
}
.post-nav .prev-post i, .post-nav .next-post i {
    position: absolute;
    top: 0;
    bottom: 0;

    width: 30px;
    height: 30px;
    margin: auto 0;

    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    text-align: center;

    color: #666;
    border-radius: 50%;

    font-size: 26px;
    line-height: 30px;
}
.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: #ed1c24;
}
.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;
    clear: both;

    padding: 5em 0;

    text-align: center;

    line-height: 0;
}
#pagination div {
    position: relative;

    display: inline-block;

    font-size: 0;
    line-height: 0;
}
#pagination a {
    position: relative;
    /*display: block;*/

    width: 50px;
    height: 50px;
    margin: 0 5px;

    -webkit-transition: all .3s;
    transition: all .3s;
    /*border: 2px solid rgba(0, 0, 0, 0.3);*/

    border-radius: 50%;

    font-size: 1em;
    line-height: 50px;
}
#pagination a:hover {
    /*border-color: #ed1c24;
    background-color: #ed1c24;*/
}
#pagination .next,
#pagination .prev {
    position: relative;
}
#pagination .next:after,
#pagination .prev:before {
    position: absolute;
    top: 12px;

    display: block;

    font-family: icomoon;
    font-size: 13px;
    line-height: 0em;
}
#pagination .prev:before {
    right: -20px;

    content: '\e7a2';
}
#pagination .next:after {
    left: -20px;

    content: '\e7a3';
}

/* - Load More Button
--------------------------------------------------------------*/

#load-more {
    padding: 5em 0;

    text-align: center;
}
#load-more a.btn {
    padding-right: 50px;
    padding-left: 50px;
}
#load-more a:hover.btn {
    border-color: #ed1c24;
    background-color: #ed1c24;
}

/*--------------------------------------------------------------
/** 26. Contact Styles
--------------------------------------------------------------*/

.contact-form .form-control {
    margin-bottom: 25px;
}
.contact-form textarea {
    min-height: 150px;
}
.form-control.requiredField {
    color: #f05050;
    border-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;
    z-index: 100;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.preloader-bg {
    position: absolute;
    top: 0;
    left: 0;

    background-color: #353535;
}
.transition .preloader {
    opacity: 0;
}
.transition.page-transition .preloader {
    opacity: 1;
}
.preloader-inner, .preloader-bg .preloader-inner {
    position: fixed;
    top: 50%;
    left: calc(50% + 0px);

    width: 60px;
    height: 60px;

    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.preloader-bg .preloader-inner {
    position: absolute;
}
.preloader-inner::after, .preloader-inner::before {
    position: absolute;
    right: 0;

    display: inline-block;

    width: 60px;
    height: 60px;

    content: "";
    -webkit-animation: grow 1.6s linear infinite;
    animation: grow 1.6s linear infinite;

    border-radius: 50%;
    background-color: #ed1c24;
}
.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;

    width: 100%;
    margin: 0;
    padding: 0;

    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 {
    color: #ed1c24;

    font-family: "icomoon";
    font-weight: bold;
    font-style: normal;
}
.light .testimonials .quote::before, .light .testimonials .quote::after {
    color: rgba(255, 255, 255, 0.5);
}
.testimonials .quote::before {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 30px;

    content: "\e738";
    text-align: center;

    font-size: 26px;
    font-weight: normal;
}
.testimonials .quote::after {
    position: relative;

    display: inline-block;

    width: 20px;
    margin-left: 2px;

    content: "\e739";
    text-align: center;
    vertical-align: text-top;

    font-size: 16px;
    font-weight: normal;
}
.testimonials.style-2, .testimonials.style-3 {
    text-align: center;
}
.testimonials.style-2 .quote::before, .testimonials.style-3 .quote::before {
    position: relative;
    top: 0;
    left: 0;

    display: inline-block;

    width: 20px;
    margin-right: 5px;

    text-align: center;
    vertical-align: text-bottom;

    font-size: 20px;
    font-weight: normal;
}
.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;

    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-bottom: 0;

    vertical-align: middle;

    line-height: 30px;
}
.testimonials.style-2 .author-image {
    display: none;
}
.testimonials.style-3 .author-image {
    display: block;

    width: 75px;
    height: 75px;
    margin: 0 auto 1em;
}
.testimonials .author-image img {
    width: 100%;
    max-width: 100%;
    height: auto;

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    border-radius: 50%;
}
.testimonials .author-info a:hover img {
    border-radius: 2px;
}
.testimonials .author-details {
    position: relative;

    display: inline-block;

    vertical-align: middle;
}
.testimonials .author-details span {
    display: block;

    white-space: nowrap;

    line-height: 1.5em;
}
.testimonials .author-name {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    color: #222;

    font-weight: 700;
    line-height: 1.5em;
}
.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 {
    max-width: 80%;
    margin: 0 auto;
}
.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 {
    width: 50px;
    height: 50px;

    -webkit-transform: scale(1);
    transform: scale(1);

    border: 0;
    background: transparent;
    box-shadow: none;
}
.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 {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;

    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;

    color: rgba(0, 0, 0, 0.2);

    font-size: 50px;
    line-height: 50px;
}
.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 {
        width: 40px;
        height: 40px;
        margin-right: 5px;
    }
    .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 {
        width: 50px;
        height: 50px;
        margin: 0 auto 1em;
    }
}

/* - Team Section
--------------------------------------------------------------*/

.team {
    overflow: hidden;
}
.team-wrapper {
    margin: 0 -15px;
}
.full-width-section .team-wrapper {
    margin: 0;
}
.employee {
    position: relative;

    width: 100%;
    margin: 0 auto;

    text-align: center;

    color: #fff;
}
.employee-list .employee {
    float: left;

    width: calc(25% - 10px);
    margin: 0 5px 10px;
}
.employee:hover {
    z-index: 11;
}
.employee-meta {
    width: 100%;
    padding: 20px 0 0 0;
}
.employee-meta a {
    display: block;
}
.employee-meta .employee-name {
    position: relative;

    margin-bottom: 0;
    padding: 0 10px;

    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    letter-spacing: 0px;
    text-transform: uppercase;

    font-size: 18px;
}
.employee:hover .employee-name {
    color: #ed1c24;
}
.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 {
    position: relative;

    display: block;
    overflow: hidden;
}
.employee .employee-image img {
    display: block;

    width: 100%;
    margin: 0;

    -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 {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.employee.style-2 {
    overflow: hidden;

    text-align: left;
}
.employee.style-2 .employee-hover {
    position: absolute;
    z-index: 20;
    top: auto;
    bottom: 0;
    left: auto;

    width: 100%;
    height: 50%;

    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -webkit-transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: opacity 0.1s 0.3s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s, -webkit-transform 0.4s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

    opacity: 0;
    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: 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%);
    box-shadow: none;

    -webkit-backface-visibility: hidden;
}
.employee.style-2:hover .employee-hover {
    top: auto;
    bottom: 0;
    left: auto;

    width: 100%;
    height: 50%;

    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: opacity 0.1s, -webkit-transform 0.4s;
    transition: transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);

    opacity: 1;
}
.employee.style-2 .employee-hover .employee-meta {
    position: absolute;
    top: auto;
    bottom: 25px;

    padding: 0 25px;

    -webkit-transform: none;
    transform: none;

    opacity: 0.2;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.employee.style-2:hover .employee-hover .employee-meta {
    -webkit-transition: opacity 1000ms;
    transition: opacity 1000ms;

    opacity: 1;
}
.employee.style-2 .employee-name, .employee.style-3 .employee-name {
    margin-bottom: 0;
    padding: 0;

    text-transform: uppercase;

    color: #fff;

    font-size: 20px;
}
.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 {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -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;

    opacity: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    -webkit-backface-visibility: hidden;
}
.employee.style-3 .employee-hover:hover {
    top: -8%;
    left: -8%;

    width: 116%;
    height: 116%;

    -webkit-transition: width .5s, height .5s, top .5s, left .5s, opacity .5s;
    transition: width .5s, height .5s, top .5s, left .5s, opacity .5s;

    opacity: 1;
}
.employee.style-3 .employee-hover .employee-meta {
    position: absolute;
    bottom: 60px;

    display: block;

    width: 100%;
    height: auto;
    padding: 0;

    -webkit-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;
    -webkit-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
    transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
    transition: opacity 0.2s 0.2s, transform 0.2s 0.2s;
    transition: opacity 0.2s 0.2s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;

    opacity: 0;
}
.employee.style-3 .employee-hover:hover .employee-meta {
    -webkit-transition: opacity 0.5s, -moz-transform 0.5s;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    -webkit-transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;

    opacity: 1;
}

/* - Clients Section
--------------------------------------------------------------*/

.client-lists {
    overflow: hidden;

    margin: 0;

    list-style-type: none;

    word-spacing: -4px;
}
.client-lists li {
    position: relative;

    display: inline-block;
    float: right;
    /*padding: 3%;*/

    width: 25%;
    margin-bottom: 0px;

    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    text-align: center;
    vertical-align: top;
    word-spacing: normal;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.client-lists li:hover {
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
}
.client-lists li img {
    -webkit-transition: all .8s ease !important;
    transition: all .8s ease !important;

    opacity: .0;
}
.client-lists li.show img {
    opacity: .5;
}
.client-lists li:hover img {
    -webkit-transition: all .5s ease !important;
    transition: all .5s ease !important;

    opacity: 1;
}
.client-lists li::before {
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: 5%;

    display: block;

    width: 90%;

    content: "";

    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
}
.client-lists li::after {
    position: absolute;
    top: 5%;
    left: -1px;

    display: block;

    height: 90%;

    content: "";

    border-left: 1px dashed rgba(0, 0, 0, 0.15);
}
.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%;

    -webkit-transition: background-color 0.3s ease, opacigy 0.5s ease;
    transition: background-color 0.3s ease, opacigy 0.5s ease;

    opacity: 0.8;
}
.client-lists li img {
    position: relative;

    display: inline-block;

    margin: 0 auto;

    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    vertical-align: middle;
}

/* -- 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%;
}
.client-lists.six-col li.item-2x {
    width: 33.3332%;
    height: 200px;
    padding-top: 90px;
}
@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 {
        width: 50%;
        padding: 5%;
    }
}

/*# Social Icons
--------------------------------------------------------------*/

.socials.circle .social-icon-block a {
    border-radius: 100%;
}
.social-icon-list {
    margin: 0;

    list-style-type: none;
}
.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 {
    position: relative;

    display: block;

    padding: 25px 15px 8px 8px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: left;

    color: #222;
}
.light .social-icon-list a {
    color: #fff;
}
.social-icon-list a:hover {
    color: inherit;
}
.social-icon-list i {
    position: absolute;
    top: 7px;
    right: 0;

    width: 26px;
    height: 26px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align: center;

    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 100%;

    font-size: 12px;
    line-height: 24px;
}
.light .social-icon-list i {
    color: rgba(255, 255, 255, 0.75);
    border-color: rgba(255, 255, 255, 0.75);
}
.social-icon-list a:hover i {
    color: #fff;
}
#footer .social-icon-list i {
    color: #ddd;
    border-color: rgba(255, 255, 255, 0.2);
}
#footer.footer-light .social-icon-list i {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.2);
}
#footer.footer-light .social-icon-list a:hover i {
    color: #fff;
}
.social-icon-block {
    margin: 0;

    list-style-type: none;

    font-size: 0;
    line-height: 0;
}
.social-icon-block li {
    display: inline-block;
    float: none;

    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 {
    position: relative;

    display: block;
    overflow: hidden;

    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-indent: -9999px;

    border: 2px solid transparent;
    border-radius: 2px;

    font: 0/0 a;
}
.social-light .social-icon-block a {
    border: 1px solid #e5e5e5;
    background: #fff;
}
.social-dark .social-icon-block a {
    border: none;
    background: #222;
}
.social-accent .social-icon-block a {
    border: none;
    background-color: #ed1c24;
}
.social-transparent-light .social-icon-block a {
    border-color: rgba(255, 255, 255, 0.2);
    background: transparent;
}
.social-transparent-dark .social-icon-block a {
    border-color: rgba(0, 0, 0, 0.1);
    background: transparent;
}
.social-transparent-accent .social-icon-block a {
    border-color: #ed1c24;
    background: transparent;
}
.social-icon-block i {
    position: relative;

    display: block;
    overflow: hidden;

    width: 40px;
    height: 40px;

    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    text-indent: 0;

    color: #fff;

    font-size: 16px;
    line-height: 40px;

    -webkit-font-smoothing: antialiased;
}
.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: #ed1c24;
}
.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;

    font-size: 20px;
    line-height: 1em;
}
.social-small .social-icon-block a {
    color: #ccc;
    border: 0;
    border-radius: 0 !important;
    background-color: transparent;
}
.light .social-small .social-icon-block a, .footer-light .social-small .social-icon-block a {
    color: #222;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}
.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 {
    color: #222;
    background-color: transparent;
}
.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;

    font-size: 20px;
    line-height: 60px;
}
.social-icon-block i::after {
    position: absolute;

    box-sizing: content-box;
    width: 100%;
    height: 100%;

    content: '';
    pointer-events: none;

    border-radius: 3px;

    -webkit-font-smoothing: antialiased;
}
.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 {
    margin: 0;

    list-style-type: none;
}
.social-icon-text li {
    display: inline-block;

    margin: 0;
    padding: 0;

    border: 0;
}
.social-icon-text li:last-child {
    margin-right: 0;
}
.social-icon-text li::after {
    display: inline-block;

    margin: 0 10px;

    content: '\0020';

    color: #999;
}
.social-icon-text li:last-child::after {
    display: none;
}
.social-icon-text a {
    letter-spacing: 2px;
    text-transform: uppercase;

    font-size: 12px;
    font-weight: 600;
}
.social-icon-text i {
    display: none;
}

/* -- Social Icon Block
--------------------------------------------------------------*/

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

        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);

        opacity: 0;
    }
    51% {
        opacity: 1;
    }
}

/* - Call To Action
--------------------------------------------------------------*/

.call-to-action {
    position: relative;

    background-color: transparent;
}
.call-to-action.cta-border {
    padding: 40px 0;
    padding-right: 40px;
    padding-left: 40px;

    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.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: center;
}
.cta-content .cta-title {
    margin: 0;

    letter-spacing: -0.03em;

    font-size: 32px;
    font-weight: 500;
    line-height: 1.2em;
}
.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 {
    opacity: 0.75;
    color: #000;

    font-size: 20px;
    line-height: 1.4;
}
.light .cta-content .description {
    color: #fff;
}
.cta-title~.description {
    margin: 5px 0 0 0;
}
.cta-btn {
    margin: 0;
    padding-left: 20px;

    text-align: left;
    white-space: nowrap;
}

/* CTA Link */

.cta-link {
    position: relative;
    z-index: 0;

    display: block;

    padding: 50px 20px;

    -webkit-transition: background-color .4s ease, color .4s ease;
    transition: background-color .4s ease, color .4s ease;
    text-align: center;
    text-decoration: none;

    font-size: 2.5em;
    line-height: 1.5em;
}
.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 {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -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 {
        height: 50px;
        padding: 0 25px;

        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 {
    margin: 0;

    text-align: center;

    color: #ed1c24;
    border-radius: 50%;

    font-weight: 400;

    -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);
}
.light .icon-box .icon-box-content h5 {
    color: #333;
}

/* -- 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 {
    position: relative;

    float: left;

    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 {
    position: relative;

    float: right;

    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;

    text-align: center;

    font-size: 24px;
    line-height: 28px;
}
.small-icon .icon-box-icon.icon-effect-transparent i, .small-icon .icon-box-icon.icon-effect-solid i {
    width: 30px;
    height: 30px;

    border-width: 1px;

    font-size: 16px;
}
.small-icon .icon-box-icon img {
    width: 30px;
    height: 30px;
    margin: 0;
}

/* --- 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 {
    width: 50px;
    height: 50px;
    margin: 0;
}

/* --- 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 {
    width: 65px;
    height: 65px;
    margin: 0;
}

/* --- 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 {
    width: 90px;
    height: 90px;
    margin: 0;
}

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


/* ---Icon Effect Transparent */

.icon-box-icon.icon-effect-transparent i {
    position: relative;
    z-index: 1;

    display: inline-block;

    margin: 0;

    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    text-align: center;

    color: #ed1c24;
    border: 2px solid #ed1c24;
    background-color: transparent;

    font-size: 12px;

    -webkit-font-smoothing: antialiased;
}
.icon-box-icon.icon-effect-transparent i::after {
    position: absolute;

    box-sizing: content-box;
    width: 100%;
    height: 100%;

    content: '';
    pointer-events: none;
}
.icon-box-icon.icon-effect-transparent i::before {
    display: block;

    text-align: center;
    text-transform: none;

    font-weight: normal;
    font-style: normal;
    font-variant: normal;

    speak: none;
}
.icon-box-icon.icon-effect-transparent i::after {
    z-index: -1;
    top: 0px;
    left: 0px;

    padding: 0px;

    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);

    background-color: #ed1c24;
}
.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 {
    color: #fff;
    background-color: transparent;
    ;
}
.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 {
    position: relative;
    z-index: 1;

    display: inline-block;

    margin: 0;

    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    text-align: center;

    color: #fff;
    border: 2px solid #ed1c24;
    background-color: #ed1c24;

    font-size: 12px;

    -webkit-font-smoothing: antialiased;
}
.icon-box-icon.icon-effect-solid i::after {
    position: absolute;

    box-sizing: content-box;
    width: 100%;
    height: 100%;

    content: '';
    pointer-events: none;
}
.icon-box-icon.icon-effect-solid i::before {
    display: block;

    text-align: center;
    text-transform: none;

    font-weight: normal;
    font-style: normal;
    font-variant: normal;

    speak: none;
}
.icon-box-icon.icon-effect-solid i::after {
    top: -8px;
    left: -8px;

    padding: 8px;

    -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-transition: opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    transition: opacity 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    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);
    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), -webkit-transform 0.3s cubic-bezier(0.37, 0.74, 0.15, 1.65);
    -webkit-transform: scale(.8);
    transform: scale(.8);

    opacity: 0;
    box-shadow: 0 0 0 2px #ed1c24;
}
.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 {
    color: #fff;
    background-color: #ed1c24;
}
.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 {
    color: #fff;
    background: transparent;
}
.icon-box-icon.icon-dark.icon-effect-solid i {
    color: #fff;
    border: 2px solid #222;
    background: #222;
}
.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 {
    color: #fff;
    background: #222;
}

/* --- 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 {
    color: #ed1c24;
    background: transparent;
}
.icon-box-icon.icon-light.icon-effect-solid i {
    color: #ed1c24;
    border: 2px solid #fff;
    background: #fff;
}
.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 {
    color: #ed1c24;
    background-color: #fff;
}

/* --- Icon Accent */

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

/* --- 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 {
    color: #fff;
    background: transparent;
}
.icon-box-icon.icon-grey.icon-effect-solid i {
    color: #fff;
    border: 2px solid #ccc;
    background: #ccc;
}
.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 {
    color: #fff;
    background: #ccc;
}

/* - Tabs
--------------------------------------------------------------*/

.tabs {
    margin-bottom: 25px;
}
.tabs:last-child {
    margin-bottom: 0;
}
.tabs-nav {
    margin: 0;

    list-style-type: none;
}
.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 {
    display: block;

    padding: 8px 20px;

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    opacity: 0.8;
    color: #666;
    border: 1px solid transparent;
    background-color: transparent;
}
.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 {
    cursor: default;

    color: #ed1c24;
    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.light .tabs-nav li.active a {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 0.1);
}
.tabs-nav li a i {
    display: inline-block;

    margin: 0 10px 0 0;

    font-size: 20px;
    line-height: 24px;
}
.tabs-container {
    position: relative;
    z-index: 1;

    padding: 15px 20px 20px;

    border: 1px solid #e5e5e5;
    background-color: #fff;
}
.light .tabs-container {
    padding: 0;

    border: 0;
    background-color: transparent;
}
.tab-content {
    margin: 0;
}
.light .tab-content {
    margin: 25px 0 0;
}
.tabs-nav {
    margin: 0 0 -1px 0;
}
.tabs-nav li a {
    margin-right: 2px;

    border-radius: 3px 3px 0 0;
}
.tabs-nav li.active a {
    opacity: 1;
    border-bottom-color: transparent;
}
.light .tabs-nav li.active a {
    border-bottom-color: rgba(255, 255, 255, 0.2);
}
.tabs-container {
    box-shadow: 0px -4px 20px -10px rgba(0, 0, 0, 0.2);
}
.light .tabs-container {
    padding-top: 0;

    box-shadow: none;
}

/* -- Vertical Tabs
--------------------------------------------------------------*/

.v-tabs .tabs-nav {
    display: block;
    float: left;

    width: 30%;
    min-width: 170px;
    max-width: 250px;
    margin: 0 -1px 0 0;
}
.v-tabs .tabs-nav li {
    display: block;
    float: none;

    margin: 0;
}
.v-tabs .tabs-nav li a {
    margin: 0 0 2px 0;
    padding-right: 15px;
    padding-left: 15px;

    border-radius: 3px 0 0 3px;
}
.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;

    box-shadow: -8px 0px 20px -10px rgba(0, 0, 0, 0.2);
}
.light .v-tabs .tabs-container {
    padding-left: 20px;

    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;

    margin: 0 20px 0 0;
    padding: 0 0 15px 0;

    border: 0;
    border-radius: 0;
}
.tabs.style-2 .tabs-nav li a::after {
    position: absolute;
    right: 50%;
    bottom: 0;
    left: 50%;

    height: 3px;

    content: '';
    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    background-color: transparent;
}
.tabs.style-2 .tabs-nav li a:hover::after {
    right: 0;
    left: 0;

    background-color: #ed1c24;
}
.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 {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 3px;

    content: '';

    background-color: #ed1c24;
}
.light .tabs.style-2 .tabs-nav li.active a::after {
    background-color: #fff;
}
.tabs.style-2 .tabs-container, .tabs.style-3 .tabs-container {
    margin-top: 25px;
    padding: 0;

    border: 0;
    background: none;
    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 {
    margin: 0;

    border: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.05);
}
.light .tabs.style-3 .tabs-nav li a {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}
.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 {
    color: inherit;
    background-color: rgba(0, 0, 0, 0.03);
}
.light .tabs.style-3 .tabs-nav li a:hover {
    color: inherit;
    background-color: rgba(255, 255, 255, 0.06);
}
.tabs.style-3 .tabs-nav li.active a {
    color: #fff;
    background-color: #ed1c24;
}
.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 {
        display: block;
        float: none;
    }
    .tabs-nav li.active a {
        margin: 0;

        border-bottom-color: #e5e5e5;
        border-radius: 3px;
    }
    .tabs-container, .v-tabs .tabs-container {
        margin-top: 15px;

        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 {
        position: absolute;
        position: absolute;
        right: 50%;
        bottom: 0;
        bottom: 0;
        left: 50%;
        left: 0;

        width: 100%;
        height: 3px;

        content: '';
        -webkit-transition: all .2s ease;
        transition: all .2s ease;

        background-color: transparent;
        background-color: rgba(0, 0, 0, 0.05);
    }
    .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 {
    position: relative;

    margin: 0 0 15px 0;
    padding: 10px 15px;

    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    letter-spacing: 0px;

    color: #666;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, 0.03);

    font-weight: 700;
}
.light .toggle-wrap .toggle-title, .light .accordion-wrap .toggle-title {
    color: rgba(255, 255, 255, 0.75);
    background-color: rgba(255, 255, 255, 0.05);
}
.toggle-wrap .toggle-title::before, .toggle-wrap .toggle-title::after, .accordion-wrap .toggle-title::before, .accordion-wrap .toggle-title::after {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: auto;

    width: 12px;
    height: 2px;

    content: '';
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

    background-color: #666;
}
.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 {
    color: #fff;
    background-color: #ed1c24;
}
.light .toggle-wrap .toggle-title.active, .light .accordion-wrap .toggle-title.active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}
.toggle-wrap .toggle-title.active::after, .accordion-wrap .toggle-title.active::after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);

    background: #fff;
}
.toggle-wrap .toggle-title i, .accordion-wrap .toggle-title i {
    float: left;

    margin: 0 12px 0 0;

    color: #ed1c24;

    font-size: 16px;
    line-height: 26px;
}
.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;

    min-height: 0;
    padding: 15px;
}
.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 {
    margin: 0;

    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;

    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.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 {
    margin: 0;
    padding: 20px 60px 20px 20px;

    border: 0;
    background-color: transparent;

    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: #ed1c24;
}
.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 {
    color: #ed1c24;
    border: 0;
}
.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: #ed1c24;
}
.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 {
    margin-bottom: 0;
    padding: 0 20px 30px;
}

/* - Notification Boxes
--------------------------------------------------------------*/

.message-box {
    position: relative;

    margin-bottom: 25px;
    padding: 20px 40px 20px 20px;

    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff;
}
.message-box p {
    margin: 0;
}
.message-box i {
    display: inline-block;

    margin-right: 12px;

    vertical-align: top;

    font-size: 18px;
    line-height: 24px;
}
.message-box .close i {
    position: absolute;
    top: 50%;
    right: 20px;

    width: 10px;
    height: 10px;
    margin-top: -5px;

    cursor: pointer;

    font-size: 10px;
    font-weight: normal;
    line-height: 10px;
}
.message-box .close {
    position: absolute;
    top: 50%;
    right: 20px;

    width: 30px;
    height: 30px;
    margin-top: -15px;

    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;

    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.message-box .close i {
    display: none;

    color: #fff;

    font-size: 12px;
}
.message-box .close::before, .message-box .close::after {
    position: absolute;
    top: 12px;
    left: 6px;

    display: inline-block;

    width: 14px;
    height: 2px;

    content: '';
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;

    background-color: #222;
}
.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 {
    color: #00529b;
    border: 1px solid #b6Cfe5;
    background: #e6f1fa;
}
.info-box strong {
    color: #00529b;
}
.message-box.info-box .close::before, .message-box.info-box .close::after {
    background-color: #00529b;
}

/* -- Success Box
--------------------------------------------------------------*/

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

/* -- Error Box
--------------------------------------------------------------*/

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

/* -- Warning Box
--------------------------------------------------------------*/

.warning-box {
    color: #9f6000;
    border: 1px solid #e2c74f;
    background: #fff9cc;
}
.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 {
    color: #222;

    font-size: 3em;
    font-weight: bold;
    line-height: 1em;
}
.light .counter .count-number {
    color: #fff;
}
.counter .count-subject {
    position: relative;
    bottom: -15px;

    margin-top: 5px;

    opacity: 0;

    font-size: 16px;
    line-height: 1.2em;
}

/* - Pie Chart
--------------------------------------------------------------*/

.pie-chart {
    position: relative;

    overflow: hidden;

    margin: 0 auto 15px;

    text-align: center;

    line-height: 0
}
.pie-chart canvas {
    top: 0;
    left: 0;

    display: inline-block;
}
.pie-chart .pie-label {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    line-height: 1;
}
.pie-chart span {
    font-size: 30px;
    font-weight: 300;
}
.pie-title {
    position: relative;
    bottom: -15px;

    display: block;

    margin: 0;

    text-align: center;

    opacity: 0;

    font-size: 16px;
}

/* - Progress Bar
--------------------------------------------------------------*/

.progress-bar-wrap {
    margin: 0;

    list-style-type: none;
}
.progress-bar-wrap .progress-bar:last-child .progress {
    margin-bottom: 0;
}
.progress-bar {
    margin: 0;

    list-style-type: none;
}
.progress-bar li {
    margin: 0;
}
.bar-label {
    display: block;

    font-size: 12px;
    line-height: 25px;
}
.progress {
    position: relative;

    display: block;

    width: 100%;
    height: 18px;
    margin: 0 0 20px 0;

    border-radius: 9px;
    background-color: #e5e5e5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.light .progress {
    background-color: rgba(255, 255, 255, 0.3);
}
.progress-width {
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 0;
    height: 18px;

    text-align: center;

    color: #fff;
    border-radius: 9px;
    background-color: #ed1c24;
}
.progress-number {
    position: relative;
    top: -5px;

    display: inline-block;

    letter-spacing: 0.1em;

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

    font-size: 14px;
    line-height: 1em;
}
.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: 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-size: 40px 40px;
}
.progress-striped.progress-animated .progress-width {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

/* -- Progress Bar Style 2
--------------------------------------------------------------*/

.style-2 .progress {
    height: 8px;

    border-radius: 4px;
}
.style-2 .progress-width {
    overflow: visible;

    height: 8px;

    border-radius: 4px;
}
.style-2 .progress-number {
    position: absolute;
    top: -26px;
    right: 0;

    padding: 5px 5px;

    letter-spacing: normal;

    border-radius: 2px;
    background: #222;

    font-size: 11px;
}
.style-2 .progress-number::after {
    position: absolute;
    bottom: -4px;
    left: 50%;

    display: block;

    width: 0;
    margin-left: -4px;

    content: "";

    border-width: 4px 4px 0;
    border-style: solid;
    border-color: #222 transparent;
}
.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;
    }
}
@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 {
    margin: 0;
    padding: 0;

    list-style-type: none;

    word-spacing: -4px;
}
.social-share-icons li {
    margin: 0 5px;
}
.social-share-icons li {
    display: inline-block;

    width: auto;
    margin: 8px 0 0 5px;
    padding: 0px;

    word-spacing: normal;
}
.social-share-icons li:first-child {
    margin-right: 1px;
}
.social-share-icons li:last-child {
    margin-left: 0;
}
.social-share-icons li a {
    position: relative;

    display: inline-block;

    height: 30px;
    margin: 0;
    padding: 0 10px 0 10px;

    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    text-align: center;

    color: #666;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background: transparent;

    font-size: 14px;
    line-height: 28px;
}
.social-share-icons li a:hover {
    color: #fff;
    border-color: transparent;
}
.social-share-holder .social-share-icons li a i {
    display: inline-block;

    margin-right: 0px;

    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;

    vertical-align: top;

    font-size: 12px;
}

/* - 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 {
    position: relative;

    margin: 0;

    list-style-type: none;
}
.full-width-section .gallery-item {
    padding: 0 0.5em;
}
.gallery-item li {
    position: relative;

    float: left;
    overflow: hidden;

    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0.6em 0.5em;
}
.gallery-item li a {
    position: relative;

    display: block;

    padding: 0;

    border-bottom: 0;
}
.gallery-item li img {
    display: block;

    width: 100%;
    height: auto;
    padding: 0;
}

/* -- 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 {
    width: 100%;
    margin: 0;
    padding: 0;
}
.gallery-slider img {
    max-width: none;
    margin: 0;
}
.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 {
    width: 100%;
    margin: 0;
    padding: 0 0.5em;
}
@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 {
    color: #ed1c24;

    font-size: 18px;
}
.empty-space {
    position: relative;

    display: block;
}

/* -- Section Color / Shadow
--------------------------------------------------------------*/

.bg-accent {
    background-color: #ed1c24;
}
.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 {
    z-index: 1;

    pointer-events: none;
}

/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

/* - Twitter Feed
--------------------------------------------------------------*/

.general-section .twitter-wrap, .full-width-section .twitter-wrap {
    position: relative;

    max-width: 700px;
    margin: 0 auto;
    padding-top: 85px;

    text-align: center;

    font-size: 1.5em;
    font-weight: 300;
    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 {
    margin: 0;

    list-style-type: none;
}
.general-section .twitter-wrap::before, .full-width-section .twitter-wrap::before {
    position: absolute;
    top: 0;
    left: 50%;

    width: 60px;
    height: 60px;
    margin-left: -30px;

    content: '\e657';

    color: #ed1c24;

    font-family: "icomoon";
    font-size: 60px;
    line-height: 60px;
}
.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;

    color: #ed1c24;
    border-bottom: 1px dotted #ed1c24;
}
.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 {
    position: absolute;
    right: 50%;
    bottom: -1px;
    left: 50%;

    display: block;

    height: 1px;

    content: '';
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    background-color: #ed1c24;
}
.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 {
    right: 0;
    left: 0;
}
.twitter-wrap .tweet_time, .twitter-wrap .timePosted {
    display: block;
    overflow: hidden;

    margin-top: 10px;

    color: #999;

    font-size: 14px;
}
.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 {
        max-width: none;
        margin: 0 auto;
    }
    .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);
    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 {
    /*IE7 life-saver */
    position: absolute;
    z-index: 3;
    top: 50%;

    display: inline-block;
    zoom: 1;

    width: 56px;
    height: 56px;
    margin: 0;
    margin-top: -28px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all 0.35s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: scale(0);
    transform: scale(0);
    text-align: center;

    color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.8);
    outline: 0;
    background: #000;
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

    font-size: 12px;

    *display: inline;
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
    -webkit-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 {
    opacity: 1;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.75);
}
.slick-prev::before, .slick-next::before {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;

    text-align: center;

    color: #fff;

    font-family: "icomoon";
    font-size: 20px;
    line-height: 20px;
}
.slick-prev::before {
    content: "\e7a3";
}
.slick-next::before {
    content: "\e7a2";
}

/* Slick Slider Pagination */

.slick-dots {
    position: absolute;
    bottom: 0;

    width: 100%;
    margin: 0;

    list-style-type: none;

    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;

    cursor: pointer;

    line-height: 0;
}
.slick-dots li button {
    display: inline-block;

    width: 14px;
    height: 14px;
    margin: 0 3px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

    color: transparent;
    border: 2px solid transparent;
    border-radius: 50%;
    background-color: #222;
    background-clip: content-box;
}
.light .slick-dots li button {
    background-color: #fff;
}
.slick-dots li.slick-active button {
    border-color: #222;
    background-color: transparent;
}
.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);
        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 {
    position: fixed;
    z-index: 1042;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    opacity: 0.8;
    background: #0b0b0b;
}
.mfp-wrap {
    position: fixed;
    z-index: 1043;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    outline: none !important;

    -webkit-backface-visibility: hidden;
}
.mfp-container {
    position: absolute;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 8px;

    text-align: center;
}
.mfp-container::before {
    display: inline-block;

    height: 100%;

    content: '';
    vertical-align: middle;
}
.mfp-align-top .mfp-container::before {
    display: none;
}
.mfp-content {
    position: relative;
    z-index: 1045;

    display: inline-block;

    margin: 0 auto;

    text-align: left;
    vertical-align: middle;
}
.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: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    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;
    -ms-user-select: none;
        user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    position: absolute;
    z-index: 1044;
    top: 50%;
    right: 8px;
    left: 8px;

    width: auto;
    margin-top: -0.8em;

    text-align: center;

    color: #CCC;
}
.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 {
    z-index: 1046;

    display: block;
    overflow: visible;

    padding: 0;

    cursor: pointer;

    border: 0;
    outline: none;
    background: transparent;
    box-shadow: none;

    -webkit-appearance: none;
    -ms-touch-action: manipulation;
        touch-action: manipulation;
}
button::-moz-focus-inner {
    padding: 0;

    border: 0;
}
.mfp-close {
    position: absolute;
    top: 0;
    right: 0;

    width: 44px;
    height: 44px;
    padding: 0 0 18px 10px;

    text-align: center;
    text-decoration: none;

    opacity: 0.65;
    color: #FFF;

    font-family: Arial, Baskerville, monospace;
    font-size: 28px;
    font-style: normal;
    line-height: 44px;
}
.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 {
    right: -6px;

    width: 100%;
    padding-right: 6px;

    text-align: right;

    color: #FFF;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;

    white-space: nowrap;

    color: #CCC;

    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    top: 50%;

    width: 90px;
    height: 110px;
    margin: 0;
    margin-top: -55px;
    padding: 0;

    opacity: 0.65;

    -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 {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: 35px;
    margin-left: 35px;

    content: '';

    border: medium inset transparent;
}
.mfp-arrow::after {
    top: 8px;

    border-top-width: 13px;
    border-bottom-width: 13px;
}
.mfp-arrow::before {
    opacity: 0.7;
    border-top-width: 21px;
    border-bottom-width: 21px;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left::after {
    margin-left: 31px;

    border-right: 17px solid #FFF;
}
.mfp-arrow-left::before {
    margin-left: 25px;

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

    border-left: 17px solid #FFF;
}
.mfp-arrow-right::before {
    border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    width: 100%;
    max-width: 900px;

    line-height: 0;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    overflow: hidden;

    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    background: #000;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */

img.mfp-img {
    display: block;

    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 40px;

    line-height: 0;
}

/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}
.mfp-figure::after {
    position: absolute;
    z-index: -1;
    top: 40px;
    right: 0;
    bottom: 40px;
    left: 0;

    display: block;

    width: auto;
    height: auto;

    content: '';
    /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/

    background: #444;
}
.mfp-figure small {
    display: block;

    color: #BDBDBD;

    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    margin-top: -36px;

    cursor: auto;
}
.mfp-title {
    padding-right: 36px;

    text-align: left;
    word-wrap: break-word;

    color: #F3F3F3;

    line-height: 18px;
}
.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-right: 0;
        padding-left: 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 {
        position: fixed;
        top: auto;
        bottom: 0;

        box-sizing: border-box;
        margin: 0;
        padding: 3px 5px;

        background: rgba(0, 0, 0, 0.6);
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        top: 3px;
        right: 5px;
    }
    .mfp-img-mobile .mfp-close {
        position: fixed;
        top: 0;
        right: 0;

        width: 35px;
        height: 35px;
        padding: 0;

        text-align: center;

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

        line-height: 35px;
    }
}
@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-right: 6px;
        padding-left: 6px;
    }
}

/* Magnific Popup Custom */

.video-openpopup, .image-openpopup, .gallery-openpopup {
    position: relative;

    display: block;

    cursor: zoom-in;

    border: 0 !important;
}
.video-openpopup::before, .image-openpopup::before, .gallery-openpopup::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;

    opacity: 0;
    background: rgba(0, 0, 0, 0.3);
}
.video-openpopup:hover::before, .image-openpopup:hover::before, .gallery-openpopup:hover::before {
    opacity: 1;
}
.video-openpopup::after, .image-openpopup::after, .gallery-openpopup::after {
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 20px;

    width: 40px;
    height: 40px;

    content: '\e759';
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: scale(0);
    -webkit-transform: scale(1.8, 1.8);
    transform: scale(0);
    transform: scale(1.8, 1.8);
    text-align: center;
    vertical-align: middle;

    opacity: 0;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);

    font-family: "icomoon";
    font-size: 16px;
    line-height: 40px;
}
.video-openpopup::after {
    content: '\e798';

    font-size: 10px;
}
.video-openpopup:hover::after, .image-openpopup:hover::after, .gallery-openpopup:hover::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);

    opacity: 1;
}

/* Magnific Navigation*/

button.mfp-arrow {
    /*IE7 life-saver */
    position: absolute;
    top: 50%;

    display: inline-block;
    zoom: 1;

    width: 56px;
    height: 56px;
    margin: 0;
    margin-top: -28px;
    padding: 0;

    cursor: pointer;
    -webkit-transition: all 0.35s ease-out;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;

    opacity: 1;
    color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.4);
    outline: 0;
    background: #000;
    background: rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);

    font-size: 12px;

    *display: inline;
}
.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 {
    opacity: 1;
    border-color: rgba(255, 255, 255, 1);
    background-color: rgba(0, 0, 0, 0.75);
}
.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%;

    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;

    text-align: center;

    opacity: 1;
    color: #fff;
    border: 0;

    font-family: "icomoon";
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.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;

    width: 20px;
    height: 20px;
    padding: 0;

    color: transparent;

    line-height: 20px;
}
.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";

    color: #fff;

    font-family: "icomoon";
    font-size: 20px;
    font-weight: bold;
}
.mfp-with-zoom {
    /* start state */
    /* animate in */
    /* animate out */
    overflow: hidden;
}
.mfp-with-zoom .mfp-with-anim, .mfp-with-zoom .mfp-iframe-scaler {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.93);
            transform: scale(0.93);

    opacity: 0;
}
.mfp-with-zoom.mfp-bg {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    opacity: 0;
}
.mfp-with-zoom.mfp-ready.mfp-image-loaded .mfp-with-anim, .mfp-with-zoom.mfp-ready .mfp-iframe-scaler {
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 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 {
    -webkit-transform: scale(0.93)!important;
            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 {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);

    opacity: 0;
}
.mfp-zoom-out.mfp-bg {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    opacity: 0;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(1.3);
            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 {
    width: 100%;
    height: 100%;
}
#map-canvas {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
section #map-container, .general-section #map-container {
    margin: 0;
}
#hero-wrapper #map-container {
    position: absolute;

    width: 100%;
    height: 100%;
    margin: 0;
}
#hero-wrapper #map-canvas {
    box-sizing: content-box;
    height: 100%;
    min-height: inherit;
    max-height: none;
    padding-bottom: 30px;
}
#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;
    }
}

/*
 * ==================================
 *     bobsilon's Edits
 * ============================================== */
body {
    overflow-x: hidden;
    overflow-y: scroll;

    max-width: 100vw;
    padding-right: 0!important;
}
.section-darker {
    background: #ededef;
}
a:focus, a:hover {
    text-decoration: none;
}
#main-menu > li.header-lang-link {
    padding-left: 25px;
}
#main-menu > li.header-lang-link:before {
    position: absolute;
    top: 20%;
    left: 0;

    width: 2px;
    height: calc(60%);

    content: '';

    opacity: .3;
    background: #fff;
}
#header.sticky #main-menu > li.header-lang-link:before {
    width: 1px;

    background: #111;
}
#main-menu > li.header-lang-link a {
    padding-left: 25px;

    font-family: samim, Tahoma;
    font-size: 15px;
    font-weight: normal;
}
#main-menu > li.header-lang-link a:before {
    position: absolute;
    left: 0;

    content: '\f0ac';

    font-family: FontAwesome;

    font-size: 20px;
}
.section-header .section-title.low-line-height {
    margin-bottom: 0;

    line-height: 1em;
}
.hidden-arrow .scroll-arrow-wrap {
    display: none;
}
.home #hero-wrapper .caption-heading.heading-xlarge {
    font-weight: 600;
}
.home .hero-item.light .hero-text .caption-heading {
    text-shadow: 0px 1px 0 #666;
    line-height: 1.3em;
}
#footer .footer-logo {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    -webkit-filter: brightness(50%);
}
#footer .footer-logo:hover {
    -webkit-filter: brightness(80%);
}
/*#scroll-top {*/
    /*position: fixed;*/
    /*z-index: 120;*/
    /*right: 50px;*/
    /*bottom: 50px;*/

    /*padding: 6px;*/

    /*cursor: pointer;*/
    /*-webkit-transition: bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;*/
    /*transition: bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;*/

    /*opacity: 0;*/
    /*color: #f2f3f5;*/
    /*border-radius: 10px;*/
    /*background: #a6a6a6;*/

    /*font-size: 22px;*/
/*}*/

/*@media screen and (max-width:767px){*/
    /*#scroll-top {*/
        /*right: 35px;*/
        /*bottom:35px;*/
    /*}*/
/*}*/

/*#scroll-top:hover {*/
    /*background: #ed1c24;*/
/*}*/
/*#scroll-top.active {*/


    /*opacity: 1;*/
/*}*/


#scroll-top {
    position: fixed;
    z-index: 120;
    right: 50px;
    padding: 14px;
    cursor: pointer;
    -o-transition:bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;
    -moz-transition: bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;
    -webkit-transition: bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;
    transition: bottom 0.6s cubic-bezier(.87,-.41,.19,1.44), background .2s ease, opacity .6s ease;
    opacity: 0;
    color: #f2f3f5;
    border-radius: 30px;
    background-color: #ed1c24;
    font-size: 1.6rem;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    bottom: 50px;
}

@media screen and (max-width:767px){
    #scroll-top {
        right: 35px;
        bottom: 35px;
    }

    .social-icon-block {
        padding-right: 0px !important;
    }
}

#scroll-top:hover {
    background-color: #f4565c;
    transition:All 0.3s ease;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
}
#scroll-top.active {
    opacity: 1;
}

.social-icon-block .accent, .social-icon-block .accent:hover {
    background: #ed1c24;
}

@media (max-width: 767px) and (min-width: 1px) {
    .image-container {
        background-position: center right!important;
    }
}

/* .section-svc-ads
 * ============================================== */
.section-prophecy .section-header h2 {
    -webkit-transition: opacity 1.6s ease, -webkit-transform 1s cubic-bezier(.3,-.41,.19,1.44);
    transition: opacity 1.6s ease, -webkit-transform 1s cubic-bezier(.3,-.41,.19,1.44);
    transition: transform 1s cubic-bezier(.3,-.41,.19,1.44), opacity 1.6s ease;
    transition: transform 1s cubic-bezier(.3,-.41,.19,1.44), opacity 1.6s ease, -webkit-transform 1s cubic-bezier(.3,-.41,.19,1.44);
    /*transform: translateY(-200px);*/

    opacity: 0;
}
.section-prophecy .section-header.start-animate h2 {
    -webkit-transform: translateY(0);
            transform: translateY(0);

    opacity: 1;
}

/* .section-svc-ads
 * ============================================== */
@media only screen and (max-width: 1280px) and (min-width: 1px) {
    .section-svc-ads .row.equal-col-height {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
}
@media only screen and (max-width: 1500px) and (min-width: 1281px) {
    .section-svc-ads .row.equal-col-height {
        width: 90%;
        margin-right: 5%;
        margin-left: 0;
    }
}
@media (max-width: 1000px) and (min-width: 1px) {
    .section-svc-ads .text-left {
        text-align: right;
    }
}
.section-svc-ads .section-header {
    position: relative;
}
.section-svc-ads .section-header:after {
    position: absolute;
    top: 55px;

    width: 50px;
    height: 2px;

    content: '';

    border-radius: 10em;
    background: #111;
}
.section-svc-ads .section-header.text-left:after {
    left: 0;
}
.section-svc-ads .section-header.text-right:after {
    right: 0;
}
@media (max-width: 1000px) and (min-width: 1px) {
    .section-svc-ads .section-header:after {
        top: 70px;
    }
    .section-svc-ads .section-header.text-left:after {
        right: 0;
    }
}

.section-svc-ads .container .row img {
    /*transition: transform 1s cubic-bezier(.3,-.41,.19,1.44), opacity .6s ease .3s;*/
    -webkit-transition: opacity .6s ease .3s, -webkit-transform .7s ease;
    transition: opacity .6s ease .3s, -webkit-transform .7s ease;
    transition: transform .7s ease, opacity .6s ease .3s;
    transition: transform .7s ease, opacity .6s ease .3s, -webkit-transform .7s ease;
    opacity: 0;
}
.section-svc-ads .container .row:first-child img {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
}
.section-svc-ads .container .row:last-child img {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
}
.section-svc-ads .container .row.start-animate img {
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

/* .section-svc-comp
 * ============================================== */
.section-svc-comp .container .row:nth-child(2) > div {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform: translateX(3px);
            transform: translateX(3px);

    opacity: 0;
}
.section-svc-comp.start-animate .container .row:nth-child(2) > div {
    -webkit-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}
.section-svc-comp.start-animate .container .row:nth-child(2) > div:nth-child(1) {
    -webkit-transition-delay: 0;
            transition-delay: 0;
}
.section-svc-comp.start-animate .container .row:nth-child(2) > div:nth-child(2) {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}
.section-svc-comp.start-animate .container .row:nth-child(2) > div:nth-child(3) {
    -webkit-transition-delay: .4s;
            transition-delay: .4s;
}
.section-svc-comp.start-animate .container .row:nth-child(2) > div:nth-child(4) {
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
}

/* .section-customers
 * ============================================== */
.section-customers .icon-box .icon-box-icon i {
    color: #fff;
}
@media (max-width: 480px) {
    .client-lists.six-col li.item-2x {
        width: 100%;
    }
}

/* .section-partner
 * ============================================== */

.section-partner {
    /*background-color: #e7e7e9;*/
    background-image: url('./assets/images/partner-bg.png');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
}

@media screen and (max-width: 767px){
    .section-partner h3 {
        font-size: 26px ;
    }
}

.section-partner .astan-quds {
    position: relative;
}
.section-partner .astan-quds:after {
    position: absolute;
    top: 25%;
    left: 0;

    width: 2px;
    height: 70%;

    content: '';
    /*border-left: 1px dashed #757575;*/
}
.section-partner .partner-logo {
    max-height: 150px;
}
.section-partner .icon-box .icon-box-content {
    margin-top: 1em!important;
}
.section-partner h3, .section-partner h5 {
    color: #757575!important;
}

/* .section-blog
 * ============================================== */

.section-blog .view-all {
    padding: 70px 0;
}
@media (max-width: 767px) and (min-width: 1px) {
    .row [class*="col-sm"]:nth-child(-n+2) {
        margin-top: 25px!important;
    }
}
@media (max-width: 1000px) and (min-width: 1px) {
    .row [class*="col-sm"]:nth-child(-n+2) {
        margin-top: 25px!important;
    }
}

/* Styling page.php's global elements
 * ============================================== */

.current-menu-subitems ul li {
    display: inline-block;

    margin-left: 10px;

    list-style: none;
}
.current-menu-subitems ul li a {
    padding-bottom: 5px;

    color: #777;
    border-bottom: 1px dotted transparent;
}
.current-menu-subitems ul li a:hover {
    color: #333;
    border-color: #333;
}

/* Visual Composer Specific Styles
 * ============================================== */

.vc_row.auto-height {
    height: auto;
    min-height: 0!important;
    padding: 80px 0;
}
.vc_row> .vc_column_container.vertical-middle .vc_column-inner {
    display: table;

    height: 100%!important;
}
.vc_row> .vc_column_container.vertical-middle .vc_column-inner > .wpb_wrapper {
    display: table-cell;

    vertical-align: middle;
}
.vc_row> .vc_column_container.vertical-middle .vc_column-inner > .wpb_wrapper h2 {
    font-size: 22px;
}
.wpb_column.vc_column_container.background-center .vc_column-inner {
    min-height: 500px;
    margin-top: 0!important;

    background-position: center center;
    background-size: cover;
}
.background-size-initial .vc_parallax-inner {
    background-size: initial!important;
}
.background-size-opacity-2 .vc_parallax-inner {
    opacity: .2!important;
}
.vc_row .btn-cta a {
    background: none;

    font-family: inherit;
}
.vc_row .btn-cta a:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}
.vc_row .sep-low-margin {
    margin-top: -20px;
    margin-bottom: 15px;
}
.vc_row .bg-white-opacity-80 {
    background-color: rgba(255, 255, 255, .8) !important;
}
@media (max-width: 1100px) {
    .vc_row .responsive-padding .vc_column-inner {
        padding: 60px 40px!important;
    }
}
@media (max-width: 767px) and (min-width:1px) {
    .row [class*="col-sm"]:nth-child(-n+2) {
        margin-top: 0em;
    }
    .sm-no-pb .vc_column-inner {
        padding-bottom: 0px !important;
    }
    .sm-no-pt .vc_column-inner {
        padding-top: 0px !important;
    }
}

/* Page Blog
 * ============================================== */

.hero-parallax.height-600 {
    min-height: 600px;
}
@media (max-width: 1000px) {
    .single-post:not(body) {
        width: 100%;
        padding-right: 5%;
        padding-left: 5%;
    }
}


/* Section CTA
* ============================================== */
.section-cta .parallax-content {
    background-color: #ed1c24;
}
.section-cta .parallax-image {
    opacity: .3;
    background-size: initial!important;

}
.section-cta .cta-btn a {
    margin-left: 30px;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    color: #ed1c24;
    border: 1px solid transparent;
    background: #fff;

    font-family: inherit;
}

@media screen and (max-width:767px){
    .section-cta .cta-btn a {
        margin-left: 0px;
    }
}

.section-cta .cta-btn a:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);

    color: #ed1c24;
    /*border-color: #fff;*/
    /*background: #ed1c24;*/
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

/* svc-ads-outdoor-portfolio
 * ============================================== */
.svc-ads-outdoor-portfolio .portfolio-filter {
    float: right;

    font-family: inherit;
}
.svc-ads-outdoor-portfolio .portfolio-filter .filter-by {
    text-transform: capitalize;

    font-family: inherit;
    font-size: 0.8em;
    font-weight: normal;
}
.svc-ads-outdoor-portfolio .filter-items {
    float: left;
}
.svc-ads-outdoor-portfolio .filter-items li::after {
    border-top-color: #ededef;
}
.svc-ads-outdoor-portfolio .style-2 .portfolio-item .portfolio-info {
    text-align: left;
}

/* WordPress Contact Form 7
 * ============================================== */
div.wpcf7-validation-errors {
    clear: both;

    color: #d29d00;
    border: none;
}
span.wpcf7-form-control-wrap {
    display: block;
}
span.wpcf7-form-control-wrap:focus ~ label {
    position: relative;
    top: 20px;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: -8px;

    font-size: .8em;
}
div.wpcf7-mail-sent-ok {
    clear: both;

    border: none;
}

/* Single Post Content
 * ============================================== */
.single-post .post-content h2 {
    /*font-size: 24px;
    line-height: 2;*/
}
.comment-form-maininfo > p {
}
.comment-form-maininfo > p > label {
    float: right;

    opacity: .4;
}

/* Page About
 * ============================================== */
@media (max-width: 1200px) {
    body.page-about .responsive-border,
    body.page-about .responsive-border .vc_column-inner {
        border: none!important;
    }
}

/* Page Pricing
 * ============================================== */
.pricing-box {
    margin-top: 50px;
    /*padding: 0!important;*/

    text-align: center;
}
@media (min-width: 1500px) {
    .pricing-box {
        padding-right: 3%!important;
        padding-left: 3%!important;
    }
}
.pricing-box-inner {
    position: relative;

    min-height: 390px;

    -webkit-transition: border-color .2s ease .1s, box-shadow .2s ease, -webkit-transform .2s ease;
    transition: border-color .2s ease .1s, box-shadow .2s ease, -webkit-transform .2s ease;
    transition: border-color .2s ease .1s, transform .2s ease, box-shadow .2s ease;
    transition: border-color .2s ease .1s, transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease;

    color: #676767;
    border: 1px solid #ddd;
    border-radius: 2em;
}
.pricing-box:hover .pricing-box-inner {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);

    box-shadow: 0px 15px 50px -15px rgba(0, 0, 0, .3);
}
.pricing-box:hover .pricing-box-inner,
.pricing-box:hover .motivation span {
    border-color: #ed1c24;
}
.pricing-box .motivation {
    position: relative;
    top: -15px;

    color: #ed1c24;
}
.pricing-box .motivation span {
    padding: 5px 20px;

    -webkit-transition: border-color .2s ease .2s;
    transition: border-color .2s ease .2s;

    border: 1px solid #ddd;
    border-radius: 2em;

    background: #fff;
}
.pricing-box .info {
    padding: 10px 0 20px 0;
}
.pricing-box .info strong {
    font-family: inherit;

    font-size: 22px;
}
.pricing-box .info small {
    font-size: 18px;
}
.pricing-box .price {
    margin-bottom: 20px;
    padding: 20px 0;

    background: #f2f3f5;

    font-family: inherit;
    font-size: 36px;
}
.pricing-box .price > span {
    position: relative;
}
.pricing-box .price .currency {
    position: absolute;
    top: -8px;
    right: 0;

    opacity: .5;

    font-family: inherit;
    font-size: 18px;
}
.pricing-box .gifts {
    margin-bottom: 20px;
}
.pricing-box .gifts > span {
    position: relative;

    display: block;
}
.pricing-box .gifts > span:before {
    /*content: '*';*/
}
.pricing-box .cta {
    position: absolute;
    bottom: 0;

    display: block;

    width: 100%;
    height: 50px;
    padding: 5px 0;
    padding-top: 10px;

    border-top: 1px solid #ddd;
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
    background: #f2f3f5;
}
.pricing-box .pricing-box-inner:hover .cta {
    color: #fff;
    background: #ed1c24;
}
.pricing-box .cta span {
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
}
.pricing-box .cta span:nth-child(1) {
    margin-right: -5px;
}
.pricing-box .cta span:nth-child(2):before {
    position: relative;
    left: 0;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.pricing-box .pricing-box-inner:hover .cta span {
    margin-right: 0px;
}
.pricing-box .pricing-box-inner:hover .cta span:nth-child(2):before {
    left: -5px;
}

/* Styling Google's Pricing Table ================ */
.dataTables_wrapper {
    overflow-x: auto;

    margin-top: 50px!important;
}
table.tablepress thead,
.table-style-2 thead,
.tablepress thead th,
table.tablepress tbody,
.table-style-2 tbody,
table.tablepress tbody tr,
.table-style-2 tbody tr,
.tablepress tbody td,
.tablepress tfoot th {
    border-top: none!important;

    border-bottom: none!important;
}
.tablepress td {
    min-width: 90px;
}
.tablepress .row-1 td, .tablepress .row-1 th,
.tablepress .row-2 td, .tablepress .row-2 th,
.tablepress .row-3 td, .tablepress .row-3 th {
    padding-top: 0;
    padding-bottom: 0;

    border-right: 4px solid #fff!important;
    border-left: 4px solid #fff!important;
}
.tablepress .row-1 .column-1,
.tablepress .row-2 .column-1,
.tablepress .row-3 .column-1 {
    visibility: hidden;
}
.tablepress .row-7 td:not(.column-1),
.tablepress .row-8 td:not(.column-1),
.tablepress .row-11 td:not(.column-1),
.tablepress .row-12 td:not(.column-1),
.tablepress .row-16 td:not(.column-1) {
    padding-right: 0;
    padding-left: 0;

    font-size: 12px;
}
.tablepress .even td {
    background-color: #f2f3f5!important;
}
.tablepress tr:last-child td {
    padding: 0;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    color: #fff;

    background-color: #aaa!important;
}
.tablepress tr:last-child td a {
    display: block;

    color: #fff;
}
.tablepress .row-hover tr:last-child:hover td {
    background-color: #aaa!important;
}
.tablepress .row-hover tr:last-child td:hover {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);

    background-color: #ed1c24!important;
}
.tablepress tr:last-child .column-1 {
    visibility: hidden;
}
.tablepress .row-hover tr:hover td {
    background-color: #d7d8da!important;
}
.tablepress tr:not(.row-1):not(.row-2):not(.row-3) td {
    border: 4px solid #fff!important
}
.tablepress tbody td {
    vertical-align: middle!important;
}
.tablepress tr td {
    text-align: center;
}
.tablepress tr .column-1 {
    min-width: 280px;

    font-family: inherit;
}
.tablepress .row-hover .row-1:hover th,
.tablepress .row-hover .row-2:hover td,
.tablepress .row-hover .row-3:hover td {
    color: #eee;

    background-color: #ed1c24!important;
}
.tablepress .row-1 th {
    text-align: right;

    color: #eee;
    background: #ed1c24!important;

    font-family: inherit;
    font-size: 14px;
}
.tablepress .row-2 td {
    text-align: center;

    color: #fff;
    background: #ed1c24!important;

    font-family: inherit;
}
.tablepress .row-3 td {
    text-align: left;

    color: #eee;
    background: #ed1c24!important;

    font-family: inherit;

    font-size: 14px;
}

/* Page Related Articles
 * ============================================== */
.page-related-articles .article-title {
    position: relative;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    color: #555;

    font-family: inherit;

    font-size: 16px;
    font-weight: normal;
}
.page-related-articles .article-title:hover {
    margin-right: 5px;

    color: #ed1c24;
}

/* Bootstrap Modal
 * ============================================== */
body.modal-open #modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .2 ease;
    transition: all .2 ease;

    background: rgba(0, 0, 0, 0.5);
}
body.modal-open {
    overflow: auto;
}
.modal {
    position: fixed;
    top: 10vh;
}
.modal-dialog {
    width: 140vh;
    max-width: 90vw;
}
.modal-content {
    overflow: hidden;
}
.modal-header .close {
    position: absolute;
    top: 0;
    left: 0;

    margin-top: 0;
    padding: 25px 35px;

    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    opacity: 1;
    color: #fff;
    background: #ed1c24;
    text-shadow: none;
}
.modal-header .close:hover {
    background: #ad1c21;
}
.modal-header .close i {
    -webkit-transition: all .2 ease;
    transition: all .2 ease;
}
.modal-header .close:hover i {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
}
.modal-body {
    position: relative;

    padding: 0;
}
.modal-body .next,
.modal-body .prev {
    position: absolute;
    top: 0;

    width: 50%;
    height: 100%;

    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;

    opacity: 0;
}
.modal-body .prev {
    right: 0;
}
.modal-body .next {
    left: 0;
}
.modal-body .prev:hover {
    opacity: 1;
}
.modal-body .next:hover {
    opacity: 1;
}
.modal-body .next:after,
.modal-body .prev:after {
    position: absolute;
    top: calc(50% - 25px);

    padding: 0 30px;

    -webkit-transition: all .3s ease;
    transition: all .3s ease;

    opacity: 0;
    color: #fff;
    border-radius: 15px;
    /*text-shadow: 1px 1px 8px #333;*/
    background: #333;

    font-family: icomoon;
    font-size: 30px;
}
.modal-body .prev:after {
    right: -100%;

    content: "\e7a2";
}
.modal-body .next:after {
    left: -100%;

    content: "\e7a3";
}
.modal-body .prev:hover:after {
    right: -15px;

    opacity: .8;
}
.modal-body .next:hover:after {
    left: -15px;

    opacity: .8;
}
@media (max-width: 1100px) {
    .modal-header .close {
        padding: 15px;

        color: #ed1c24;
        background: none;
    }

    .modal-title {
        padding-left: 40px;
    }
}


/*festival web and mobile Iran*/
/*.visit_link{*/
    /*position: fixed;*/
    /*bottom: -60px;*/
    /*left: 0px;*/
    /*overflow: hidden;*/
    /*width: 205px;*/
    /*height: 205px;*/
    /*-webkit-transform:rotate(45deg);*/
    /*-moz-transform: rotate(45deg);*/
    /*-ms-transform: rotate(45deg);*/
    /*-o-transform: rotate(45deg);*/
    /*transform: rotate(45deg);*/
    /*-moz-transform-origin: 0px 0px 0px;*/
    /*-ms-transform-origin:0px 0px 0px;*/
    /*-o-transform-origin: 0px 0px 0px;*/
    /*-webkit-transform-origin:0px 0px 0px;*/
    /*transform-origin: 0px 0px 0px;*/
    /*border: none;*/
    /*z-index: 100;*/
/*}*/

/*.visit_link img{*/
    /*vertical-align: bottom;*/
    /*-moz-transform: rotate(-45deg);*/
    /*-ms-transform: rotate(-45deg);*/
    /*-o-transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
    /*transform: rotate(-45deg);*/
    /*-moz-transform-origin: 0px 0px 0px;*/
    /*-ms-transform-origin:0px 0px 0px;*/
    /*-o-transform-origin: 0px 0px 0px;*/
    /*-webkit-transform-origin:0px 0px 0px;*/
    /*transform-origin: 0px 0px 0px;*/
    /*position: absolute;*/
    /*left: 0px;*/
    /*top: 0px;*/
/*}*/

/*.visit_link img.visit_link_image_desc{*/
    /*width: 145px;*/
    /*height: 145px;*/
/*}*/

/*.visit_link img.visit_link_image_mobile{*/
    /*width: 92px;*/
    /*height: 92px;*/
/*}*/

/*@media all and (max-width: 767px){*/
    /*.visit_link{*/
        /*height: 130px;*/
        /*width: 130px;*/
        /*bottom: -38px;*/
    /*}*/
/*}*/