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

    Theme Name: AZ_Alice
    Theme URI: http://www.demo.az-themes.com/alice/
    Description: Alice Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. WPML Supported.
    Author: Alessio Atzeni
    Author URI: http://www.alessioatzeni.com
    Version: 2.0.4.2
    Tags: left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

    License: GNU General Public License version 3.0 & Envato Regular/Extended License
    License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses

    Text Domain: az_alice

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

/* STYLES GUIDE
-------------------------------------------------------------------------------------

    1. Font-Family Elements Setup

    2. Document Setup - Main Style
        2.1 Typography
        2.2 Various Special Classes
            2.2.1 Font Style
            2.2.2 Padding
            2.2.3 Margin
        2.3 Columns Full-Width
        2.4 Equals Column Height
        2.5 Back to Top

    3. Header Setup
        3.1 Scrollable FX
        3.2 Logo
        3.3 Menu
            3.3.1 Menu Trigger
            3.3.2 Navigation
        3.4 Search & Share Buttons
            3.4.1 Modal Share
            3.4.2 Modal Search
        3.5 Dots Menu Navigation

    4. Sliders Setup
        4.1 Revolution Slider
        4.2 AZ Slider
            4.2.1 AZ Slider Title Header
            4.2.2 AZ Slider Shortcode

    5. Preloader Setup

    6. Main Content Setup
        6.1 Section Page/Post
    
    7. Title Header + Section Full Area
        7.1 Video Setup
        7.2 Animated Pattern Bg
        7.3 Mask & Pattern Overlay
        7.4 Title & Subheading
            7.4.1 Big Format Heading
        7.5 Scroll Button Area

    8. Team Setup
        8.1 Team Creative Modal
            8.1.1 Modal Animation

    9. Portfolio Setup
        9.1 Filter/Sortable
        9.2 Portfolio Creative Modal
            9.2.1 Modal Animation
            9.2.2 Modal Slider

    10. Clients Setup
    
    11. Testimonial Setup

    12. Footer Setup
        12.1 Credits Area
        12.2 Widgets Area
            12.2.1 Widgets Setup
        12.3 Social Area

    13. Blog Setup
        13.1 Wide Layout
        13.2 Grid Layout
        13.3 Meta Single Post

    14. Pagination Setup
        14.1 Normal Pagination
        14.2 Infinite Scroll Pagination
        14.3 Numberic Pagination

    15. Comments Setup
        15.1 Reply Comments
        15.2 Submit
        15.3 Toggle Comments
        15.4 Paginate Comments

    16. Error Page Setup

    17. Search Page Setup
    
    18. Shortcodes Setup
        18.1 Buttons
        18.2 Box Icon
        18.3 Divider
        18.4 Social Profiles
        18.5 Gallery Images
            18.5.1 Zoom Hover FX
        18.6 Lightbox
            18.6.1 Zoom Hover FX
            18.6.2 Fancybox Setup
        18.7  Google Maps
        18.8  Twitter Feed
        18.9  MediaElements Setup
        18.10 Dropcaps
        18.11 Highlights
        18.12 Tooltips
        18.13 Accordions
        18.14 Contact Forms
        18.15 Special Heading
        18.16 Related Custom Post Type

    19. Animations Module Setup
        19.1 FadeIn
        19.2 MoveLeft
        19.3 MoveRight
        19.4 MoveUp
        19.5 ScaleUp
        19.6 LittleBounce
        19.7 Creative Modal Animation

    20. MediaQueries Setup

    21. Retina Display Setup

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

/* 1. Font-Family Elements Setup
-------------------------------------------------------------------------------------*/

body,
input,
button,
select,
textarea,
.fancy-counter,
.fancy-caption-title,
.comment-author .comment-title {
    font-family: 'Source Sans Pro', 'HelveticaNeue', helvetica, arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.menu-share,
.menu-search,
.logo-setup.logo-text,
.mm-panel ul li a,
.mm-panel .sub-menu li a,
.mm-classic-panel ul li a,
.mm-classic-panel .sub-menu li a,
.box-content-titles .subheading,
.big-format-heading .box-content-titles .subheading,
#title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title,
#title-header-flexslider.flexslider .slider-content .slide-subtitle,
.az-divider,
.form-submit #submit,
.team-navi-popup .counter-team, 
.portfolio-navi-popup .counter-portfolio,
#error-page .box-content-titles .error-title,
#error-page .box-content-titles .error-subheading,
.footer .credits,
.footer .share-footer,
.share-btn-footer > span,
#blog .post-creative .post-link .post-naming .post-title,
#blog .post-creative .post-link .post-naming .post-date,
.normal-pagination .prev-post a .pagination-inner,
.normal-pagination .next-post a .pagination-inner,
.infinite-scroll p,
.modal-search form#searchform input[type="text"],
.modal-search .search-subtitle,
.big-format-heading .box-content-titles .title,
.az-button,
.entry-meta-area,
.dots-menu-navigation .dots-menu-label,
#az_header_language_list .lang {
    font-family: 'Montserrat', 'HelveticaNeue', helvetica, arial, sans-serif;
}


blockquote,
.wp-caption,
.bg-slogan-content .slogan-text,
.box-content-titles .title,
#title-header-flexslider.flexslider .slider-content .slide-title,
#blog.grid .count-number-post {
    font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif;
}

.ce-banner{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #dedede;
    padding: 1em;
    color: #232323;
    font-size: 1em;
}

.ce-accept, .ce-dismiss, .ce-disable{
    background-color: #333;
    color: #fff;
    text-decoration: none;
    padding: .6em 1em;
    display: inline-block;
    margin: 0 .5em;
}

.ce-disable{
    background-color: #aaa;
}

.ce-accept:hover,
.ce-dismiss:hover,
.ce-disable:hover{
    background-color: #666;
    color: white;
}

.ce-accept{
    background-color: #48ea6b;
    color: #111;
}

.ce-dismiss{
    position: absolute;

    font-size: .8em;

    right: 1em;
    top: 1em;

    background-color: #ccc;
    color: #333;
}

.ce-iframe-placeholder{
    padding: 1em;
    background-color: #eee;
    margin: 1em 0;
}


/* 2. Document Setup - Main Style
-------------------------------------------------------------------------------------*/

::selection { background: #EF4135; color: #FFFFFF; }
::-moz-selection { background: #EF4135; color: #FFFFFF; }

html {
    position: relative;
    width: 100%;
    font-size: 10px; /* 10px = 1rem */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-x: hidden;

    background-color: #FFFFFF;
}

body {
    position: relative;
    float: left;
    width: 100%;
    overflow-x: hidden;

    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.75em;
    color: #5D556F;

    background-color: #FFFFFF;
}

/* block scroll page */
.block-scroll {
    overflow-y: hidden;
}

/* Default Settings */
.container,
.container-fluid {
    position: relative;
    z-index: 20;
}

[class^="col-"],
[class*=" col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

#main {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.wrap_all {
    position: relative;
    float: left;
    width: 100%;
    overflow-x: hidden;
}

a,
a:visited {
    color: #28282e;
    text-decoration: none !important;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: color 0.215s ease-in-out;
            transition: color 0.215s ease-in-out;
}

/* .no-touch control to prevent hover behaviors for touch devices */

a:active,
a:focus,
.no-touch a:hover,
.no-touch a:focus,
.no-touch a:active {
    outline: 0;
    color: #EF4135;
    text-decoration: none;
}

a, a:focus { outline: none !important; }

a img {
    border: none;
}

b, strong {
    font-weight: bold;
}

p {
    margin: 0 0 0.85em 0;
}

ul, ol {
    margin: 0 0 20px 30px;
    padding: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

li {
    line-height: 30px;
}

.hidden {
    display: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.textalignleft {
    text-align: left;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

img.full-image-responsive {
    width: 100%;
}

img.alignleft {
    float: left;
    margin: 20px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 20px 0 20px 25px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    margin: 20px 0;
}

.img-full-responsive {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}

.wp-caption {
    margin: 10px 20px 20px 20px;
    max-width: 100%;
    text-align: center;
    font-style: italic;
}

.wp-caption.aligncenter {
    margin: 20px auto;
}

.wp-caption.alignleft {
    margin-left: 0;
}

.wp-caption.alignright {
    margin-right: 0;
}

.wp-caption.alignnone {
    margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption-text {
    font-size: 1.6rem;
    margin: 0;
    padding: 5px;
    color: #9993A8;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 13px;
}

blockquote {
    padding: 30px;
    font-size: 3rem;
    line-height: 1.2em;
    font-style: italic;
    font-weight: normal;
    color: #9993A8;
    border: none;
    margin: 0 0 10px;
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.through {
    text-decoration: line-through;
}

input, 
button, 
select, 
textarea,
input:focus, 
textarea:focus {
    outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto !important;
}

input::input-placeholder,
textarea::input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #BCBCC4;
    opacity: 1;
}

code,
pre {
    padding: 0 3px 2px;
    border-radius: 3px;
    color: #232527;
    font-size: 12px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    border: 1px solid #dde4e9;
    background-color: #F6F6F6;
    color: #232527;
    white-space: nowrap;
}

pre {
    display: block;
    margin: 30px;
    padding: 15px;
    border: 1px solid #dde4e9;
    border-radius: 4px;
    background-color: #FCFCFC;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
}

pre code {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
}

table {
   width: 100%;
   border: 1px solid #e9e9e9;
   text-align: left;
}

table thead h4 {
   font-size: 10px;
   line-height: 18px;
   text-transform: uppercase;
   margin-bottom: 0;
}

table tr {
   border-top: 1px solid #e9e9e9;
}

table thead tr {
   border-top: none;
}

table th, table td {
   min-height: 41px;
   padding: 10px 14px 8px;
   border-right: 1px solid #e9e9e9;
}

.pre-scrollable {
    overflow-y: scroll;
    max-height: 340px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
    margin-left: 0;
    font-style: italic;
}

iframe, object, embed {
    max-width: 100%;
    border: none;
}

.modal {
    z-index: 13000;
}


/* 2.1 Typography
-------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;
    color: #28282E;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: -1px;
}

h1 {
    font-size: 6rem;
}

h2 {
    font-size: 5.2rem;
}

h3 {
    font-size: 4.8rem;
}

h4 {
    font-size: 3.0rem;
}

h5 {
    font-size: 2.4rem;
}

h6 {
    font-size: 1.8rem;
}


/* 2.2 Various Special Classes
-------------------------------------------------------------------------------------*/

/* 2.2.1 Font Style
--------------------------------*/
.text-ultra-light > * {
    font-weight: 100 !important;
}

.text-light > * {
    font-weight: 200 !important;
}

.text-book > * {
    font-weight: 300 !important;
}

.text-normal > * {
    font-weight: 400 !important;
}

.text-medium > * {
    font-weight: 500 !important;
}

.text-semi-bold > * {
    font-weight: 600 !important;
}

.text-bold > * {
    font-weight: 700 !important;
}

.text-extra-bold > * {
    font-weight: 800 !important;
}

.text-ultra-bold > * {
    font-weight: 900 !important;
}

.italic {
    font-style: italic !important;  
}

.uppercase {
    text-transform: uppercase !important;
}

.text-normal-size {
    text-transform: none !important;
}

/* 2.2.2 Padding
--------------------------------*/
.no-padding {
    padding: 0;
}

.small-padding {
    padding: 40px 0 40px;
}

.default-padding {
    padding: 70px 0 70px;
}

.large-padding {
    padding: 100px 0 100px;
}

/* 2.2.3 Margin
--------------------------------*/
.margin-0 {
    margin-bottom: 0 !important;
}

.margin-10 {
    margin-bottom: 10px !important;
}

.margin-15 {
    margin-bottom: 15px !important;
}

.margin-20 {
    margin-bottom: 20px !important;
}

.margin-30 {
    margin-bottom: 30px !important;
}

.margin-40 {
    margin-bottom: 40px !important;
}

.margin-50 {
    margin-bottom: 50px !important;
}

.margin-60 {
    margin-bottom: 60px !important;
}

.margin-70 {
    margin-bottom: 70px !important;
}

.margin-80 {
    margin-bottom: 80px !important;
}

.margin-90 {
    margin-bottom: 90px !important;
}

.margin-100 {
    margin-bottom: 100px !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-and-padding .row {
    margin: 0 -2px;
}

.no-margin-and-padding .container-fluid,
.no-margin-and-padding .col-md-1,
.no-margin-and-padding .col-md-2,
.no-margin-and-padding .col-md-3,
.no-margin-and-padding .col-md-4,
.no-margin-and-padding .col-md-5,
.no-margin-and-padding .col-md-6,
.no-margin-and-padding .col-md-7,
.no-margin-and-padding .col-md-8,
.no-margin-and-padding .col-md-9,
.no-margin-and-padding .col-md-10,
.no-margin-and-padding .col-md-11,
.no-margin-and-padding .col-md-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 2.3 Columns Full Width
--------------------------------*/

.az-col-full-width-1 {
    width: 16.6667%;
}

.az-col-full-width-2 {
    width: 20%;
}

.az-col-full-width-3 {
    width: 25%;
}

.az-col-full-width-4 {
    width: 33.333%;
}

.az-col-full-width-6 {
    width: 50%;
}

.az-col-full-width-12 {
    width: 100%;
}

/* 2.4 Equals Column Height
--------------------------------*/
.main-content .column-overlay-mask + div,
.equals-col-height .column-overlay-mask + .vertical-text,
.equals-col-height .column-overlay-mask + .no-vertical-text {
    position: relative;
    z-index: 2;
}

.column-overlay-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

[class^="col-"].equals-col-height, 
[class*=" col-"].equals-col-height {
    position: relative;
    padding: 5% !important;
}

[class^="col-"].equals-col-height.no-padding-columns, 
[class*=" col-"].equals-col-height.no-padding-columns {
    padding: 0 !important;
}

.equals-col-height.mobile-off-text .vertical-text.mobile-off-text,
.equals-col-height.mobile-on-text .vertical-text.mobile-on-text {
    position: relative;
    width: 100%;
    top: 50%;

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

.equals-col-height .vertical-text h1:last-child,
.equals-col-height .vertical-text h2:last-child,
.equals-col-height .vertical-text h3:last-child,
.equals-col-height .vertical-text h4:last-child,
.equals-col-height .vertical-text h5:last-child,
.equals-col-height .vertical-text h6:last-child, 
.equals-col-height .vertical-text p:last-child {
    margin-bottom: 0;
}


/* 2.5 Back to Top
--------------------------------*/
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background: rgba(40,40,46,0.55);
    border-radius: 50%;
    border: 2px solid #FFF;
    z-index: 20;
    opacity: 0;
    visibility: hidden;

    -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out 0.001s, visibility 0.3s ease-in-out 0.001s;
            transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out 0.001s, visibility 0.3s ease-in-out 0.001s;
}

.no-touch .back-to-top:hover {
    background: rgba(40,40,46,0.95);
}

.back-to-top i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -8px;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 1;
}

.wrap_all.menu-is-open .back-to-top {
    opacity: 0 !important;
    visibility: hidden !important;
}


/* 3. Header Setup
-------------------------------------------------------------------------------------*/
#header {
    position: fixed;
    top: 0px;
    width: 100%;
    max-height: 100px;
    z-index: 8500;
}

/* 3.1 Scrollable FX
--------------------------------*/
#header.is-container.above-offset,
#header.is-not-container.below-offset.scrollUp {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
        
    -webkit-transition: -webkit-transform 0.315s ease-in-out;
            transition: transform 0.315s ease-in-out;
}

#header.scrollable,
#header.is-container.below-offset.scrollUp,
#header.is-not-container.below-offset.scrollDown {
    -webkit-transform: translateY(-150px);
            transform: translateY(-150px);

    -webkit-transition: -webkit-transform 0.315s ease-in-out;
            transition: transform 0.315s ease-in-out;


}

#header.is-not-container.below-offset {

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

    -webkit-transition: none;
            transition: none;
}

#header.is-container.above-offset > #nav-wrapper,
#header.is-container.below-offset.scrollDown > #nav-wrapper,
.dark-type #header.is-container.above-offset > #nav-wrapper,
.dark-type #header.is-container.below-offset.scrollDown > #nav-wrapper {
    background: transparent;
}

#header.is-container.below-offset > #nav-wrapper,
#header.is-not-container.below-offset > #nav-wrapper {
    background-color: rgba(40,40,46,0.95);
}

.dark-type #header.is-container.below-offset > #nav-wrapper,
.dark-type #header.is-not-container.below-offset > #nav-wrapper {
    background-color: rgba(255,255,255,0.95);
}

/* 3.2 Logo
--------------------------------*/
.logo-setup {
    position: absolute;
    left: 30px;
    top: 3px;
    display: block;
    z-index: 10001;
}

/* Logo Image/Retina Setup */
.logo-setup.logo-img {
    top: 2px;
}

.light-type .logo-setup.logo-img img.standard,
.dark-type .logo-setup.logo-img img.standard.dark-mod {
    display: inline-block;
}

.light-type .logo-setup.logo-img img.standard.dark-mod,
.light-type .logo-setup.logo-img img.retina.dark-mod,
.light-type .logo-setup.logo-img img.retina,
.dark-type .logo-setup.logo-img img.standard,
.dark-type .logo-setup.logo-img img.retina,
.dark-type .logo-setup.logo-img img.retina.dark-mod {
    display: none;
}

/* Logo Text Setup */
.logo-setup.logo-text {
    color: #FFFFFF;
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.dark-type .logo-setup.logo-text {
    color: #28282e;
}

.no-touch .dark-type .logo-setup.logo-text:hover {
    color: #EF4135;
}

/* 3.3 Menu
--------------------------------*/
#nav-wrapper {
    position: absolute;
    width: 100%;
    height: 94px;
    padding: 0;
    background: transparent;
    z-index: 100;

    opacity: 1;
    
    -webkit-transition: opacity 0.515s ease-in-out;
            transition: opacity 0.515s ease-in-out;
}

body.creative-header .menu-nav {
    overflow: hidden;
}

#header.menu-open #nav-wrapper {
    opacity: 0;

    -webkit-transition: opacity 0.315s ease-in-out;
            transition: opacity 0.315s ease-in-out;
}

#nav-wrapper .wrap-position {
    position: relative;
    top: 28px;
}

/* 3.3.1 Menu Trigger
--------------------------------*/
.menu-nav {
    position: absolute;
    top: 0;
    right: 22px;
    width: 34px;
    height: 34px;
    display: block;
    z-index: 100001;
    opacity: 1;

    -webkit-transition: opacity 0.115s ease-in-out;
            transition: opacity 0.115s ease-in-out;
}

body.classic-header .menu-nav {
    visibility: hidden;
    display: none;
}

.menu-nav .bars .top, 
.menu-nav .bars .middle, 
.menu-nav .bars .bottom {
    background: #FFFFFF;
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -8.5px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 17px;
}

.dark-type .menu-nav .bars .top, 
.dark-type .menu-nav .bars .middle, 
.dark-type .menu-nav .bars .bottom {
    background: #28282e;
}

.menu-nav .bars .top {
    margin-top: -6px;
}

.menu-nav .bars .bottom {
    margin-top: 4px;
}

.menu-trigger-close {
    position: absolute;
    top: 30px;
    right: 22px;
    width: 34px;
    height: 34px;
    display: block;
    z-index: 100001;
}

.menu-trigger-close .bars .top, 
.menu-trigger-close .bars .bottom {
    background: #28282E;
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -8.5px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 17px;
    opacity: 1;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.menu-trigger-close .bars .top {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.menu-trigger-close .bars .bottom {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

/* 3.3.2 Navigation
--------------------------------*/
#blocker {
    display: none;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0,0,0,0.05);
    position: absolute;
    width: 100%;
    z-index: 9999;
    cursor: pointer;
}

#my-menu {
    background: #FFFFFF;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    width: 66.6%;
    opacity: 0;
    z-index: 0;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: opacity 0.60s ease-in-out;
            transition: opacity 0.60s ease-in-out;
}

body.classic-header #my-menu {
    display: none;
    visibility: hidden;
}

/*-- Slogan Box Disabled --*/
#my-menu.slogan-disabled {
    width: 33.3%;
}

/*-- Menu Opacity Animation --*/
#my-menu.menu-visible {
    opacity: 1;
    z-index: 10;
}

#my-menu.menu-not-visible {
    opacity: 0;
    z-index: 0;
}

#my-menu .optional-menu {
    display: none;
}

.mm-panel {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    padding: 30px;
    overflow: hidden;
    text-align: right;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.mm-panel ul {
    margin: 0;
    padding: 0;
}

.mm-panel ul li {
    position: relative;
    line-height: normal;
    list-style: none;
    margin-bottom: 0px;
}

.mm-panel ul li a {
    color: #28282E;
    font-size: 2.5rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    display: inline-block;
    letter-spacing: -1px;
}

.no-touch .mm-panel ul li a:hover,
.mm-panel li.current a,
.mm-panel li.current-cat a,
.mm-panel li.current_page_item a,
.mm-panel li.current-menu-item a,
.mm-panel li.current-page-ancestor a,
.mm-panel li.current-menu-ancestor a {
    color: #EF4135;
}

.mm-panel .sub-menu {
    margin: 0 2px 0 0;
}

.mm-panel .sub-menu li {
    margin-bottom: 0;
}

.mm-panel .sub-menu li a {
    color: #B7B7B7 !important;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0; 
}

.no-touch .mm-panel .sub-menu li a:hover,
.mm-panel .sub-menu li.current a,
.mm-panel .sub-menu li.current-cat a,
.mm-panel .sub-menu li.current_page_item a,
.mm-panel .sub-menu li.current-menu-item a,
.mm-panel .sub-menu li.current-page-ancestor a,
.mm-panel .sub-menu li.current-menu-ancestor a {
    color: #EF4135 !important;
}

.bg-slogan-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.bg-slogan-menu.bg-solid-color-slogan {
    background: #EF4135;
}

.bg-image-slogan-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bg-slogan-content {
    position: relative;
    top: 50%;
    padding: 40px;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.bg-slogan-content .slogan-logo {
    display: block;
    margin-bottom: 12px;
}

.bg-slogan-content .slogan-text {
    font-size: 1.5rem;
    color: #FFFFFF;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: none;
}

.credits-social {
    display: block;
    position: absolute;
    left: 50%;
    width: 50%;
    bottom: 30px;
    text-align: right;
    z-index: 100001;
}

.credits-social ul {
    margin: 0;
    padding: 0 30px;
}

.credits-social ul li {
    position: relative;
    display: inline-block;
    line-height: normal;
    list-style: none;
    margin-left: 10px;
}

.credits-social ul li a {
    color: #28282E;
}

.no-touch .credits-social ul li a:hover {
    color: #EF4135;
}

.credits-social ul li a i {
    font-size: 16px;
}

.wrap_all.menu-is-open {
    z-index: 0;
}

/* Classic Header/Menu */
.mm-classic-panel {
    position: relative;
    float: right;
    margin-top: -28px;
}

.mm-classic-panel ul {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
}

.mm-classic-panel ul li {
    position: relative;
    float: left;
    line-height: normal;
    list-style: none;
    margin-bottom: 0px;
}

.mm-classic-panel ul li a {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-right: 25px;
    letter-spacing: 2px;
    line-height: 90px;
}

.dark-type .mm-classic-panel ul li a {
    color: #28282e;
}

.dark-type .mm-classic-panel ul li::before {
    background: rgba(40,40,46,0.35);
}

.mm-classic-panel ul li a i {
    position: relative;
    top: 3px;
    font-size: 16px;
}

.mm-classic-panel ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 13px;
    width: 1px;
    height: 8px;
    margin-top: -4px;
    background: rgba(255,255,255,0.35);
    pointer-events: none;
}

.mm-classic-panel ul li:last-child::before {
    display: none;
}

.no-touch .mm-classic-panel ul li a:hover,
.mm-classic-panel li.current > a,
.mm-classic-panel li.current-cat > a,
.mm-classic-panel li.current_page_item > a,
.mm-classic-panel li.current-menu-item > a,
.mm-classic-panel li.current-page-ancestor > a,
.mm-classic-panel li.current-menu-ancestor > a {
    color: #EF4135 !important;
}

.mm-classic-panel .sub-menu {
    position: absolute;
    display: none;
    width: 230px;
    background: #000000;
    padding: 15px 20px;
    left: -20px;
    top: 70px;
}

.mm-classic-panel .sub-menu li {
    position: relative;
    width: 100%;
    display: block;
    float: left;
}

.mm-classic-panel .sub-menu li::before {
    display: none;
}

.no-touch .mm-classic-panel .sub-menu li a:hover,
.mm-classic-panel .sub-menu li.current > a,
.mm-classic-panel .sub-menu li.current-cat > a,
.mm-classic-panel .sub-menu li.current_page_item > a,
.mm-classic-panel .sub-menu li.current-menu-item > a,
.mm-classic-panel .sub-menu li.current-page-ancestor > a,
.mm-classic-panel .sub-menu li.current-menu-ancestor > a {
    color: #EF4135 !important;
}

.mm-classic-panel .sub-menu li a {
    color: #FFFFFF !important;
    line-height: 28px !important;
}

/* 3.4 Search & Share Buttons
--------------------------------*/
.optional-menu {
    position: absolute;
    top: 1px;
    right: 64px;
    opacity: 1;

    -webkit-transition: opacity 0.115s ease-in-out;
            transition: opacity 0.115s ease-in-out;
}

.optional-menu[data-menu="scroll"] {
    opacity: 0;
    visibility: hidden;
}

#header.is-not-container.below-offset .optional-menu[data-menu="scroll"],
#header.is-not-container.below-offset.scrollDown .optional-menu[data-menu="scroll"],
#header.is-not-container.below-offset.scrollUp .optional-menu[data-menu="scroll"],
#header.is-container.below-offset.scrollUp .optional-menu[data-menu="scroll"] {
    opacity: 1;
    visibility: visible;
}

.optional-menu a:last-child {
    margin-right: 15px;
}

.optional-menu .menu-share::before,
.optional-menu .menu-search::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    width: 1px;
    height: 8px;
    margin-top: -4px;
    background: rgba(255,255,255,0.35);
    pointer-events: none;
}

.menu-share,
.menu-search {
    position: relative;
    font-weight: 400;
    font-size: 1.1rem;
    text-transform: uppercase;
    margin-right: 25px;
    letter-spacing: 2px;
}

.optional-menu a,
.no-touch .optional-menu a:hover {
    color: #FFFFFF;
}

.optional-menu a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 1px;
    background: #EF4135;

    -webkit-transition: width 0.115s ease-in-out;
            transition: width 0.115s ease-in-out;
}

.no-touch .optional-menu a:hover::after {
    width: 100%;
}

.dark-type .optional-menu .menu-share::before,
.dark-type .optional-menu .menu-search::before {
    background: rgba(40,40,46,0.35);
}

.dark-type .optional-menu a,
.no-touch .dark-type .optional-menu a:hover {
    color: #28282E;
}

/* Language Switcher */
#az_header_language_list {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

#az_header_language_list::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    width: 1px;
    height: 8px;
    margin-top: -3px;
    background: rgba(255,255,255,0.35);
    pointer-events: none;
}

#az_header_language_list .lang {
    position: relative;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 2px;
    color: #EF4135;
}

#az_header_language_list .lang a {
    color: #FFFFFF;
    margin: 0;
}

#az_header_language_list .lang a::after {
    display: none;
}

.dark-type #az_header_language_list::before {
    background: rgba(40,40,46,0.35);
}

.dark-type #az_header_language_list .lang a {
    color: #28282E;
}

.mm-classic-panel ul li.lang_switch #az_header_language_list {
    margin-right: 25px;
}

.mm-classic-panel ul li.lang_switch #az_header_language_list::before {
    display: none;
    visibility: hidden;
}

/* 3.4.1 Modal Share
--------------------------------*/
.modal-container-share {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(40,40,46,0.95);
    z-index: 12000;
    display: none;
}

.header-share {
    position: fixed;
    width: 100%;
    height: 94px;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.1);
    z-index: 13000;
}

.close-modal-share {
    position: absolute;
    top: 30px;
    right: 22px;
    width: 34px;
    height: 34px;
    display: block;
    opacity: 0.75;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .close-modal-share:hover {
    opacity: 1;
}

.close-modal-share .bars .top, 
.close-modal-share .bars .bottom {
    background: #FFFFFF;
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -8.5px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 17px;
    opacity: 1;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.close-modal-share .bars .top {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.close-modal-share .bars .bottom {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.modal-share .share-btn-footer {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0%;
    margin: 0;
}

/* Size */
.modal-share.five > a {
    width: 20%;
}

.modal-share.four > a {
    width: 25%;
}

.modal-share.three > a {
    width: 33.333%;
}

.modal-share.two > a {
    width: 50%;
}

.modal-share.one > a {
    width: 100%;
}

/* Position */
.modal-share.two a + a {
    left: 50%;
}

.modal-share.three > a + a {
    left: 33.333%;
}

.modal-share.three > a + a + a {
    left: 66.666%;
}

.modal-share.four > a + a {
    left: 25%;
}

.modal-share.four > a + a + a {
    left: 50%;
}

.modal-share.four > a + a + a + a {
    left: 75%;
}

.modal-share.five > a + a {
    left: 20%;
}

.modal-share.five > a + a + a {
    left: 40%;
}

.modal-share.five > a + a + a + a {
    left: 60%;
}

.modal-share.five > a + a + a + a + a {
    left: 80%;
}

/* Brand Color */
.az-share-twitter.share-btn-footer {
    background: #55acee;
}

.az-share-facebook.share-btn-footer {
    background: #3b5998;
}

.az-share-google.share-btn-footer {
    background: #dd4b39;
}

.az-share-pinterest.share-btn-footer {
    background: #c8232c;
}

.az-share-linkedin.share-btn-footer {
    background: #0976b4;
}

.share-btn-footer > i {
    color: #FFFFFF;
    font-size: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    opacity: 0;

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

    -webkit-transition: -webkit-transform 0.215s ease-in-out;
            transition: transform 0.215s ease-in-out;
}

.no-touch .share-btn-footer:hover > i {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);

    -webkit-transition: -webkit-transform 0.215s ease-in-out;
            transition: transform 0.215s ease-in-out;
}

.share-btn-footer > span {
    position: absolute;
    color: #FFFFFF;
    font-size: 1.4rem;
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
    bottom: 30px;
    left: 0%;
    opacity: 0;
    text-align: center;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .share-btn-footer:hover > span {
    opacity: 1;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

/* 3.4.2 Modal Search
--------------------------------*/
.modal-container-search {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 105%;
    background: rgba(40,40,46,0.95);
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
}

.modal-container-search-fake {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    opacity: 0 !important;
    z-index: 100;
}

.close-modal-search {
    position: absolute;
    top: 30px;
    right: 22px;
    width: 34px;
    height: 34px;
    display: block;
    opacity: 0.75;
    z-index: 120;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .close-modal-search:hover {
    opacity: 1;
}

.close-modal-search .bars .top, 
.close-modal-search .bars .bottom {
    background: #FFFFFF;
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -8.5px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 17px;
    opacity: 1;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.close-modal-search .bars .top {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.close-modal-search .bars .bottom {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.modal-search {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    height: auto;
    z-index: 150;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.modal-search-wrap {
    padding: 100px 0;
    margin-top: -48px;
}

.modal-search form#searchform::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: rgba(255,255,255,0.35);
    width: 0%;

    -webkit-transition: width 0.215s ease-in-out;
            transition: width 0.215s ease-in-out;
}

.modal-search form#searchform.ole::before {
    width: 100%;
}

.modal-search form#searchform {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

.modal-search form#searchform input[type="text"] {
    width: 100%;
    border: 0 none;
    background: transparent;
    color: #FFFFFF;
    font-size: 7rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: left;
    padding: 0 30px;
}

.modal-search form#searchform input::input-placeholder {
    color: #5b5b5f;
    opacity: 1;
}

.modal-search form#searchform input:-moz-placeholder {
    color: #5b5b5f;
    opacity: 1;
}

.modal-search form#searchform input::-moz-placeholder {
    color: #5b5b5f;
    opacity: 1;
}

.modal-search form#searchform input:-ms-input-placeholder {
    color: #5b5b5f;
    opacity: 1;
}

.modal-search form#searchform input::-webkit-input-placeholder {
    color: #5b5b5f;
    opacity: 1;
}

.modal-search .search-subtitle {
    color: #DADADE;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 16px 0 0 0;
    padding: 0 33px; 
}


/* 3.5 Dots Menu Navigation
--------------------------------*/
.dots-menu-navigation {
    position: fixed;
    right: 31px;
    top: 50%;
    bottom: auto;

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

    -webkit-transition: opacity 0.615s ease-in-out 0s;
            transition: opacity 0.615s ease-in-out 0s;

    z-index: 30;
}

.wrap_all.menu-is-open .dots-menu-navigation {
  opacity: 0 !important;
  visibility: hidden !important;
}

.dots-menu-navigation ul {
    list-style: none;
    margin: 0;
}

.dots-menu-navigation li {
    text-align: right;
    line-height: 1;
}

.dots-menu-navigation a {
    display: inline-block;
    margin: 2px 0;
}

.dots-menu-navigation a span {
    display: inline-block;
    float: right;
}

.dots-menu-navigation .dots-menu-dot {
    position: relative;
    top: 4px;
    right: 2px;
    width: 12px;
    height: 12px;
    border: 0px solid #FFFFFF;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.35);

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

    -webkit-transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, -webkit-transform 0.215s ease-in-out 0s;
            transition: background 0.215s ease-in-out 0s, border 0.215s ease-in-out 0s, transform 0.215s ease-in-out 0s;
}

.dots-menu-navigation.dark .dots-menu-dot {
    border-color: #28282E;
    background-color: rgba(40,40,46,0.35);
}

.dots-menu-navigation a.is-selected .dots-menu-dot,
.no-touch .dots-menu-navigation a:hover .dots-menu-dot,
.dots-menu-navigation.dark a.is-selected .dots-menu-dot,
.no-touch .dots-menu-navigation.dark a:hover .dots-menu-dot {
    background-color: transparent;
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
}

.dots-menu-navigation .dots-menu-label {
    position: relative;
    margin-right: 5px;
    padding: 5px;
    color: #FFFFFF;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0;

    -webkit-transition: opacity 0.215s ease-in-out 0s;
            transition: opacity 0.215s ease-in-out 0s;
}

.dots-menu-navigation.dark .dots-menu-label {
    color: #28282E;
}

.no-touch .dots-menu-navigation a:hover .dots-menu-label {
    opacity: 1;
}


/* 4. Sliders Setup
-------------------------------------------------------------------------------------*/

/* 4.1 Revolution Slider
--------------------------------*/
#slider-header-revolution.rev_slider {
    overflow: hidden;
}

.main-content .container-fluid .wpb_revslider_element {
    margin-right: 0;
    margin-left: 0;
}

.fullwidthbanner ul li {
    list-style: none;
}

/* Revolution Slider */
.no-touch .rev_slider_wrapper:hover .tparrows {
    opacity: 0.8;
}

.wpb_heading.wpb_revslider_heading {
    display: none;
}

.tp-bullets {
    background: rgba(0,0,0,0.45);
    padding: 7px 10px;
    border-radius: 20px;
}

.tp-bullets.simplebullets.round .bullet {
    margin-top: 0;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    border: 2px solid #FFFFFF;
    border-radius: 999px;
    background-color: transparent;
    background-image: none;
    
    -webkit-transition: background 0.215s ease-in-out;
            transition: background 0.215s ease-in-out;
}

.tp-bullets.simplebullets.round .bullet.first {
    margin-left: 0 !important;
}
.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 0 !important;
}

.no-touch .tp-bullets.simplebullets.round .bullet:hover,
.no-touch .tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet.selected {
    background-color: #FFFFFF;
}

.tparrows::before {
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
    width: 48px;
    text-align: center;
    text-decoration: inherit;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-family: 'Icons';
}

.tparrows::before {
    margin-top: 12px;
}

.tp-leftarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tp-rightarrow.default {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;
}

.tparrows {
    position: relative;
    top: 50% !important;
    z-index: 100;
    width: 48px;
    height: 48px;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
    color: #FFFFFF;
    cursor: pointer;

    -webkit-transition: background 0.215s ease-in-out;
            transition: background 0.215s ease-in-out;
}

.tp-leftarrow::before {
    content: "\e1c8";
}

.tp-rightarrow::before {
    content: "\e1cb";
}

.tparrows:hover {
    background-color: rgba(0,0,0,0.45);
    opacity: 1 !important;
}

.tp-bannertimer {
    z-index: 20;    
}

.tp-caption.fullscreenvideo iframe {
    border: none;   
}


/* 4.2 AZ Slider
--------------------------------*/
.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0}.flexslider .slides>li{display:none}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{position:relative;zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;transition:all 1s ease}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;cursor:pointer;text-indent:-9999px}.flex-control-paging li a.flex-active{opacity:1}


/* 4.2.1 AZ Slider Title Header
--------------------------------*/
#title-header-flexslider.flexslider {
    margin: 0;
    background: transparent;
    border: 0 none;
    width: 100%;
    height: 100%;
}

#title-header-flexslider.flexslider .slides {
    width: 100%;
    height: 100%;
}

#title-header-flexslider.flexslider .slides > li {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#title-header-flexslider.flexslider .flex-viewport {
    height: 100%;
}

#title-header-flexslider.flexslider .flex-direction-nav .flex-disabled {
    visibility: hidden;
}

#title-header-flexslider.flexslider .flex-control-nav {
    width: auto !important;
    position: absolute;
    right: 30px;
    top: 50%;
    bottom: auto;
    z-index: 2;

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

#title-header-flexslider.flexslider .flex-control-nav li {
    display: block;
    height: 13px;
    margin: 7px;
    position: relative;
    width: 14px;
}

#title-header-flexslider.flexslider .flex-control-nav li {
    height: 14px;
    margin: 1px 0 25px 0;
    width: 14px;
}

#title-header-flexslider.flexslider .flex-control-nav li:last-child {
    margin: 0;
}

#title-header-flexslider.flexslider .flex-control-nav li a {
    position: relative;
    background: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    display: block;
    width: 13px;
    height: 13px;
    margin: 0;
    text-indent: -9999;
}

#title-header-flexslider.flexslider .flex-control-nav li a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    z-index: 1;

    -webkit-transition: background 0.315s ease-in-out;
            transition: background 0.315s ease-in-out;
}

#title-header-flexslider.flexslider .flex-control-nav li a::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 4px;
    width: 1px;
    height: 28px;
    background: rgba(255,255,255,0.6);
    z-index: 1;
}

#title-header-flexslider.flexslider .flex-control-nav li:last-child a::before {
    display: none;
}

#title-header-flexslider.flexslider .flex-control-nav li a.flex-active,
.no-touch #title-header-flexslider.flexslider .flex-control-nav li a:hover::after {
    background: rgba(255,255,255,0.6);
}

#title-header-flexslider.flexslider .overlay-bg {
    z-index: 3;
}

#title-header-flexslider.flexslider .slider-content {
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 30px;
    z-index: 4;

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

#title-header-flexslider.flexslider .slider-content .slide-title {
    font-style: italic;
    font-size: 3.3rem;
    font-weight: 400;
    line-height: 3.8rem;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: none;
    margin: 0;
}

#title-header-flexslider.flexslider .slider-content .slide-subtitle {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 5px 0 0 0; 
}

.dark-type #title-header-flexslider.flexslider .flex-control-nav li a {
    border-color: #28282e;
}

.dark-type #title-header-flexslider.flexslider .flex-control-nav li a::before,
.no-touch .dark-type #title-header-flexslider.flexslider .flex-control-nav li a:hover::after,
.dark-type #title-header-flexslider.flexslider .flex-control-nav li a.flex-active {
    background-color: rgba(40,40,40,0.6);
}

.dark-type #title-header-flexslider.flexslider .slider-content .slide-title,
.dark-type #title-header-flexslider.flexslider .slider-content .slide-subtitle {
    color: #28282e;
}

#title-header-flexslider.flexslider .slider-content.big-format-heading {
    width: 100%;
    text-align: center;
    padding: 0 120px;
}

#title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title {
    font-size: 17rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    letter-spacing: 10px;
    text-transform: uppercase;
}

#title-header-flexslider.flexslider .slider-content.big-format-heading .slide-subtitle {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 8px;
    margin-top: 15px;
}

/* 4.2.2 AZ Slider Shortcode
--------------------------------*/
.az-slider-output.flexslider {
    margin: 0;
    background: transparent;
    border: 0 none;
    width: 100%;
}

.az-slider-output.flexslider .slides {
    width: 100%;
    height: 100%;
}

.az-slider-output.flexslider .slides > li {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.az-slider-output.flexslider .flex-viewport {
    height: 100%;
}

.az-slider-output.flexslider .flex-direction-nav .flex-disabled {
    visibility: hidden;
}

.az-slider-output .flex-control-nav {
    bottom: 5px;
    z-index: 30;
}

.az-slider-output .flex-control-paging li a {
    border-radius: 100%;
    border: 2px solid transparent;
    background: transparent;

    -webkit-transition: background 0.315s ease-in-out;
            transition: background 0.315s ease-in-out;
}

.az-slider-output.white-mode .flex-control-paging li a {
    border-color: #FFFFFF;
}

.no-touch .az-slider-output.white-mode .flex-control-paging li a:hover {
    background-color: rgba(255,255,255,0.6);
}

.az-slider-output.white-mode .flex-control-paging li a.flex-active,
.no-touch .az-slider-output.white-mode .flex-control-paging li a.flex-active:hover {
    background-color: #FFFFFF;
}

.az-slider-output.dark-mode .flex-control-paging li a {
    border-color: #28282e;
}

.no-touch .az-slider-output.dark-mode .flex-control-paging li a:hover {
    background-color: rgba(40,40,40,0.6);
}

.az-slider-output.dark-mode .flex-control-paging li a.flex-active,
.no-touch .az-slider-output.dark-mode .flex-control-paging li a.flex-active:hover {
    background-color: #28282e;
}

.az-slider-overlay-mask {
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}


/* 5. Preloader Setup
-------------------------------------------------------------------------------------*/
#preloader-container {
    position: fixed;
    z-index: 19999999 !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

#preloader-container .preloader-page,
#preloader-container .pre-background-bar, 
#preloader-container .pre-progress-bar {
    height: 1px;
    left: 50%;
    margin-left: -54px;
    position: absolute;
    top: 50%;
    width: 108px;
}

#preloader-container .pre-background-bar {
    background: #BBBBBB;
    z-index: 1;
}

#preloader-container .pre-progress-bar {
    background: #EF4135;
    width: 0;
    z-index: 2;
}


/* 6. Main Content Setup
-------------------------------------------------------------------------------------*/
#content {
    position: relative;
    float: left;
    width: 100%;

}

.wrap_content {
    position: relative;
    width: 100%;
    float: left;
    background: #FFFFFF;
    z-index: 10;
    overflow: hidden;

    -webkit-transform: translateZ(0);
}

/* 6.1 Section Page/Post
--------------------------------*/
.main-content {
    position: relative;
}

.section-overlay-mask,
.section-video-overlay-mask {
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.section-video-overlay-mask {
    z-index: 3;
}

.section-overlay-pattern {
    background-repeat: repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}

.main-content.image-parallax-cont {
    overflow: hidden;
}

.main-content.image-parallax-cont .img-parallax-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 1;

    background-position: center top;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Fix if Visual Composer is Active */
body.page.wpb-js-composer .wrap_content,
body.single-post.wpb-js-composer .wrap_content .single-post .post {
    padding: 0;
}

body.page .wrap_content,
body.single-post .wrap_content .single-post .post {
    padding: 70px 30px;
}


/* 7. Title Header + Section Full Area
-------------------------------------------------------------------------------------*/
.container-fluid.full-screen.with-content {
    position: relative;
    text-align: center;
    top: 50%;
    padding: 0 70px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.container-fluid.full-screen.no-content > .row.content-full-screen > div {
    padding: 0;
}

.normal-container,
.full-container,
.main-content.section-full-area {
    width: 100%;
    position: relative;
}

.fake-layer-spacer {
    z-index: 0;
}

.normal-container{
    height: 600px;
}

.full-container,
.main-content.section-full-area {
    height: 100vh;
}

.title-header-container {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 100%;
    z-index: 0;
    background: #28282E;

    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.title-header-spacer {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Full-Height */
.fake-layer-spacer.full-height,
.title-header-container.full-height {
    height: 100vh;
}

.fake-layer-spacer.normal-height,
.title-header-container.normal-height {
    height: 600px;
}
    
/* No Page Header */
.no-page-header {
    width: 100%;
    height: 94px;
}

.no-page-header.colorful-version {
    position: relative;
    background: #28282E;
}

.no-page-header.transparent-version {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
}

.dark-type .no-page-header {
    background: #FFFFFF;
}

/* Image */
#image-header .title-header-container.imagize {
    background-attachment: scroll;
}

/* Image Parallax */
#image-parallax-header .title-header-container.imagize-parallax {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

/* 7.1 Video Setup
--------------------------------*/
/*-- For YouTube Background Video --*/
.mb_YTPlayer :focus {
    outline: 0;
}

.mb_YTPlayer{
    display:block;
    transform:translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform:translate3d(0,0,0);
    animation-timing-function: linear;
    box-sizing: border-box;
}

.mbYTP_wrapper {
    z-index: 2 !important;
}

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

/*-- Video Button For Big Format Heading, Sections and without heading --*/
.video-status-self,
.video-header-status-self,
.video-status-self-decorative,
.video-status-youtube,
.video-header-status-youtube,
.video-status-vimeo,
.video-header-status-vimeo,
.video-status-vimeo-decorative {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.mobile_video_button,
.self_player_button,
.self_player_section_button,
.player_YT_Mod_button,
.player_YT_Mod_Section_button,
.vimeo_player_button,
.vimeo_player_Section_button {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;

    border: 3px solid #FFF;
    border-radius: 50%;
    background: rgba(38,38,44,0.75);
    z-index: 6;

    opacity: 1;

    box-shadow: 0 0 0 0 rgba(38,38,44,0.35);

    -webkit-transition: box-shadow 0.115s ease-in-out;
            transition: box-shadow 0.115s ease-in-out;

    -webkit-animation-duration: 0.55s;
            animation-duration: 0.55s;

    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.mobile_video_button.inside,
.self_player_button.inside,
.player_YT_Mod_button.inside,
.vimeo_player_button.inside {
    position: relative;
    margin-top: 50px;
}

.no-touch .mobile_video_button:hover,
.no-touch .self_player_button:hover,
.no-touch .self_player_section_button:hover,
.no-touch .player_YT_Mod_button:hover,
.no-touch .player_YT_Mod_Section_button:hover,
.no-touch .vimeo_player_button:hover,
.no-touch .vimeo_player_Section_button:hover {
    box-shadow: 0 0 0 9px rgba(38,38,44,0.35);
}

.mobile_video_button i,
.self_player_button i,
.self_player_section_button i,
.player_YT_Mod_button i,
.player_YT_Mod_Section_button i,
.vimeo_player_button i,
.vimeo_player_Section_button i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -17px;
    font-size: 32px;
    color: #FFFFFF;
    line-height: 1;
}

.playButtonAnimation {
    opacity: 1;

    -webkit-animation-name: playButton;
            animation-name: playButton;
}

@-webkit-keyframes playButton {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    99% {
        -webkit-transform: scale(2);
        opacity: 0;
    }   

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes playButton {
    0% {
        transform: scale(1);
        opacity: 1;
        visibility: visible;
    }

    99% {
        transform: scale(2);
        opacity: 0;
    }   

    100% {
        transform: scale(2);
        opacity: 0;
        visibility: hidden;
    }
}

.playButtonAnimationReverse {
    -webkit-animation-name: playButtonReverse;
            animation-name: playButtonReverse;
}

@-webkit-keyframes playButtonReverse {
    0% {
        -webkit-transform: scale(2);
        opacity: 0;
        visibility: visible;
    }

    1% {
        -webkit-transform: scale(2);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes playButtonReverse {
    0% {
        transform: scale(2);
        opacity: 0;
        visibility: visible;
    }

    1% {
        transform: scale(2);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/*-- Video Button For Normal Format Heading --*/
.mobile_video_button.normal-inside,
.self_player_button.normal-inside,
.player_YT_Mod_button.normal-inside,
.vimeo_player_button.normal-inside {
    position: relative;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    box-shadow: none;
    display: inline-block;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.35);
    color: #28282e;
    border-radius: 0;
    padding: 0;
    margin: 15px 0 0 0;

    -webkit-transition: background 0.115s ease-in-out;
            transition: background 0.115s ease-in-out;
}

.mobile_video_button.normal-inside:hover,
.self_player_button.normal-inside:hover,
.player_YT_Mod_button.normal-inside:hover,
.vimeo_player_button.normal-inside:hover {
    background: rgba(255,255,255,0.175);
    box-shadow: none;
}

.mobile_video_button.normal-inside i,
.self_player_button.normal-inside i,
.player_YT_Mod_button.normal-inside i,
.vimeo_player_button.normal-inside i {
    font-size: 16px;
    color: #FFFFFF;
    margin: -8px 0 0 -9px;
}

.dark-type .mobile_video_button.normal-inside,
.dark-type .self_player_button.normal-inside,
.dark-type .player_YT_Mod_button.normal-inside,
.dark-type .vimeo_player_button.normal-inside {
    border-color: rgba(40,40,46,0.35);
}

.dark-type .mobile_video_button.normal-inside:hover,
.dark-type .self_player_button.normal-inside:hover,
.dark-type .player_YT_Mod_button.normal-inside:hover,
.dark-type .vimeo_player_button.normal-inside:hover {
    background-color: rgba(40,40,46,0.175);
}

.dark-type .mobile_video_button.normal-inside i,
.dark-type .self_player_button.normal-inside i,
.dark-type .player_YT_Mod_button.normal-inside i,
.dark-type .vimeo_player_button.normal-inside i {
    color: #28282e;
}

.normal-inside.playButtonAnimation {
    opacity: 1;

    -webkit-animation-name: playButtonN;
            animation-name: playButtonN;
}

@-webkit-keyframes playButtonN {
    0% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        opacity: 0;
    }   

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes playButtonN {
    0% {
        opacity: 1;
        visibility: visible;
    }

    99% {
        opacity: 0;
    }   

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.normal-inside.playButtonAnimationReverse {
    -webkit-animation-name: playButtonReverseN;
            animation-name: playButtonReverseN;
}

@-webkit-keyframes playButtonReverseN {
    0% {
        opacity: 0;
        visibility: visible;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes playButtonReverseN {
    0% {
        opacity: 0;
        visibility: visible;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*-- For Vimeo/Self-Hosted Video --*/
.video-section-container {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
    background-color: #000000;
}

.video-section-container .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
}

.video-section-container .video-embed-wrap {
    position: absolute;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    left: 0px;
    top: 0px;
    overflow: hidden;
    opacity: 1;
}

iframe.vimeo.video-header,
iframe.vimeo.video-section {
    max-width: 4000px !important;
}

.video-section-container .video-wrap .mejs-container {
    height: auto !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
}

.video-section-container .video-wrap .mejs-overlay-button {
    display: none;
}

.mobile-video-fallback-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-autoplay-video-fallback-image,
.no-autoplay-video-fallback-image-self {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.no-autoplay-video-fallback-image-self {
    z-index: 2;
    opacity: 1;
    visibility: visible;

    -webkit-transition: opacity 0.315s ease-in-out, visibility 0.315s ease-in-out 0.1s;
            transition: opacity 0.315s ease-in-out, visibility 0.315s ease-in-out 0.1s;
}

.no-autoplay-video-fallback-image-self.played {
    opacity: 0;
    visibility: hidden;

    -webkit-transition: opacity 0.315s ease-in-out, visibility 0.315s ease-in-out;
            transition: opacity 0.315s ease-in-out, visibility 0.315s ease-in-out;
}


/* 7.2 Animated Pattern Bg
--------------------------------*/
.title-header-container.animate-bg-scroll {
    background-repeat: repeat;
    background-position: 0 0;
    background-attachment: scroll;
    
    -webkit-animation: bgscroll 20s infinite linear;
            animation: bgscroll 20s infinite linear;
}

body.block-scroll .title-header-container.animate-bg-scroll,
.title-header-container.animate-bg-scroll.paused {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}


/* 7.3 Mask & Pattern Overlay
--------------------------------*/
.overlay-bg {
    background: rgba(0,0,0,0.5);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.overlay-pattern {
    background-repeat: repeat;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}


/* 7.4 Title & Subheading
--------------------------------*/
.box-content {
    position: relative;
    display: table;
    height: 100%;
    left: 0;
    z-index: 8;
}

.box-content.not-visible {
    opacity: 0;
    visibility: hidden;
}

.box-content-titles {
    text-align: left;
    padding: 0 30px;
    display: table-cell;
    vertical-align: middle;
}

.box-content-titles .title {
    font-style: italic;
    font-size: 3.3rem;
    font-weight: 400;
    line-height: 3.8rem;
    letter-spacing: 0;
    color: #FFFFFF;
    text-transform: none;
    margin-bottom: 0px;
}

.box-content-titles .subheading {
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 0px;
}

.dark-type .box-content-titles .title,
.dark-type .box-content-titles .subheading {
    color: #28282e;
}

/* 7.4.1 Big Format Heading
--------------------------------*/
.box-content.big-format-heading {
    width: 100%;
}

.big-format-heading .box-content-titles {
    text-align: center;
    padding: 0 120px;
}

.big-format-heading .box-content-titles .title {
    font-size: 17rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    letter-spacing: 10px;
    text-transform: uppercase;
}

.big-format-heading .box-content-titles .subheading {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 8px;
    margin-top: 15px;
}


/* 7.5 Scroll Button Area
--------------------------------*/
.scroll-btn-full-area,
.scroll-btn-full-area-title-header {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    left: 50%;
    bottom: 12px;
    margin-left: -16px;
    border: 0 none !important;
    z-index: 25;
}

.scroll-btn-full-area i,
.scroll-btn-full-area-title-header i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    color: #FFFFFF;
    font-size: 24px;
}

.dark-type .scroll-btn-full-area-title-header i {
    color: #28282e;
}

.scroll-btn-full-area i.animated-opacity,
.scroll-btn-full-area-title-header i.animated-opacity {
    opacity: 1;

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

    -webkit-animation: bounceArrow 0.35s ease 0s alternate infinite;
            animation: bounceArrow 0.35s ease 0s alternate infinite;
}

@-webkit-keyframes bounceArrow {
    0% {
        -webkit-transform: translateY(0px);
    }

    100% { 
        -webkit-transform: translateY(7px);
    }
}

@keyframes bounceArrow {
    0% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }

    100% { 
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
    }
}


/* 8. Team Setup
-------------------------------------------------------------------------------------*/
#team-people-section {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}

#team-people-section .single-team-item {
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
}

#team-people-section .single-team-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;

    z-index: 2;

    background: rgba(255,255,255,0.9);
    opacity: 0;

    -webkit-transition: opacity 0.225s ease-in-out;
            transition: opacity 0.225s ease-in-out;
}

.no-touch #team-people-section .single-team-item:hover a {
    opacity: 1;
}

#team-people-section .single-team-item img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.175s ease;
            transition: transform 0.175s ease;
}

.no-touch #team-people-section .single-team-item:hover img  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

#team-people-section .team-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

#team-people-section .team-box .team-naming .team-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

#team-people-section .team-box .team-naming .team-attributes {
    font-size: 1.5rem;
    color: #B7B7B7;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
    margin: 7px 0 0 1px;
}

/* For Touch Devices */
.touch #team-people-section .single-team-item a {
    background: rgba(0,0,0,0.3);
    opacity: 1;
}

.touch #team-people-section .team-box .team-naming .team-title,
.touch #team-people-section .team-box .team-naming .team-attributes {
    color: #FFFFFF;
}


/* 8.1 Team Creative Modal
--------------------------------*/
.modal-team-divs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.modal-team-divs .modal {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto; 
}

.modal-team-divs .mask-team {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40,40,46,0.95);
    display: none;
}

.modal-team-divs .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 30px;
}

.modal-team-divs .modal-content {
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.modal-team-divs .modal-body {
    padding: 0;
    width: 100%;
    min-height: 100%;
}

.modal-team-divs .team-modal-container {
    position: relative;
    width: 100%;
    height: auto;
    background: #FFF;
    margin: 0;
}

.modal-team-divs .team-modal-image {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-team-divs .team-modal-description {
    width: 50%;
    margin-left: 50%;
    padding: 50px 110px 50px 50px;
}

.modal-team-divs .team-modal-description p {
    text-align: justify;
}

.modal-team-divs .team-modal-description h1,
.modal-team-divs .team-modal-description h2,
.modal-team-divs .team-modal-description h3,
.modal-team-divs .team-modal-description h4,
.modal-team-divs .team-modal-description h5,
.modal-team-divs .team-modal-description h6 {
    font-size: 2.2rem;
    font-weight: 400;
}


.modal-team-divs .team-modal-description .team-modal-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

.modal-team-divs .team-modal-description .team-modal-attributes {
    font-size: 1.5rem;
    color: #B7B7B7;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
    margin: 7px 0 30px 0;
}

.team-navi-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    border-left: 1px solid #efefef;
    z-index: 9;
}

.team-navi-popup a {
    position: relative;
    width: 100%;
    height: 60px;
    top: 0;
    right: 0;
    display: block;
    background: #FFFFFF;
    color: #B7B7B7;
    border-bottom: 1px solid #efefef;

    -webkit-transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
}

.no-touch .team-navi-popup a:hover {
    background: #EF4135;
    border-color: #EF4135;
    color: #FFFFFF;
}

.team-navi-popup a i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    margin: -13px 0 0 -13px;
}

.team-navi-popup a.close-team-modal i {
    font-size: 22px;
    margin: -11px 0 0 -11px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.team-navi-popup .counter-team {
    position: absolute;
    width: 100%;
    height: 60px;
    border-top: 1px solid #efefef;
    right: 0;
    bottom: 0;
    line-height: 60px;
    text-align: center;
    background: #FFFFFF;
    color: #B7B7B7;

    font-size: 13px;
    font-weight: 400;
}

.modal-team-divs .modal {
    left: -105%;
}


/* 8.1.1 Modal Animation
--------------------------------*/
.team-modal-entranceAnimation {
    -webkit-animation: entranceAnimation 0.375s ease-in-out both;
            animation: entranceAnimation 0.375s ease-in-out both;
}

.team-modal-entranceAnimationReverse {
    -webkit-animation: entranceReverseAnimation 0.375s ease-in-out both;
            animation: entranceReverseAnimation 0.375s ease-in-out both;
}

.team-modal-nextAnimation {
    -webkit-animation: nextAnimation 0.375s ease-in-out both;
            animation: nextAnimation 0.375s ease-in-out both;
}

.team-modal-prevAnimation {
    -webkit-animation: prevAnimation 0.375s ease-in-out both;
            animation: prevAnimation 0.375s ease-in-out both;
}


/* 9. Portfolio Setup
-------------------------------------------------------------------------------------*/
.grid-sizer {
    height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
}

#portfolio-item-section {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

#portfolio-item-section .single-portfolio-item {
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
}

#portfolio-item-section .single-portfolio-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;

    z-index: 2;

    background: rgba(255,255,255,0.9);
    opacity: 0;

    -webkit-transition: opacity 0.225s ease-in-out;
            transition: opacity 0.225s ease-in-out;
}

.no-touch #portfolio-item-section .single-portfolio-item:hover a {
    opacity: 1;
}

#portfolio-item-section .single-portfolio-item img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.175s ease;
            transition: transform 0.175s ease;
}

.no-touch #portfolio-item-section .single-portfolio-item:hover img  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

#portfolio-item-section .portfolio-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

#portfolio-item-section .portfolio-box .portfolio-naming .portfolio-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

#portfolio-item-section .portfolio-box .portfolio-naming .portfolio-attributes {
    font-size: 1.5rem;
    color: #B7B7B7;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
    margin: 7px 0 0 1px;
}

#portfolio-item-section .colorize-portfolio-item .portfolio-naming .portfolio-title,
#portfolio-item-section .colorize-portfolio-item .portfolio-naming .portfolio-attributes {
    color: #FFFFFF;
}

/* For Touch Devices */
.touch #portfolio-item-section .single-portfolio-item a {
    background: rgba(0,0,0,0.3);
    opacity: 1;
}

.touch #portfolio-item-section .portfolio-box .portfolio-naming .portfolio-title,
.touch #portfolio-item-section .portfolio-box .portfolio-naming .portfolio-attributes {
    color: #FFFFFF;
}

/* 9.1 Filter/Sortable
--------------------------------*/
.portfolio-filter {
    position: relative;
    width: 100%;
    float: left;
    min-height: 80px;
    padding: 30px 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.portfolio-filter::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 25%;
    width: 1px;
    height: 100%;
    background: #efefef;
    margin-left: -1px;
}

.portfolio-filter #count-projects {
    float: left;
    width: 25%;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    padding: 0 30px;
    text-transform: uppercase;
}

.portfolio-filter #count-projects .current-number {
    position: relative;
    font-size: 2.5rem;
    font-weight: 300;

    -webkit-transition: top 0.215s cubic-bezier(0.5, -0.8, 0.5, 1.5), opacity 0.215s cubic-bezier(0.5, 0, 0.5, 1);
            transition: top 0.215s cubic-bezier(0.5, -0.8, 0.5, 1.5), opacity 0.215s cubic-bezier(0.5, 0, 0.5, 1);
}

#count-projects .current-number.present {
    opacity: 1;
    top: 0;
}

#count-projects .current-number.no-present {
    opacity: 0;
    top: -50px;
}

.portfolio-filter ul {
    max-width: 75%;
    margin: 0;
    padding: 0 30px;
    list-style: none;
    float: right;
}

.portfolio-filter li {
    display: inline;
    font-size: 1.3rem;
    line-height: normal;
    text-transform: uppercase;
}

.portfolio-filter li a {
    display: none;
    margin-right: 20px;
    color: #5D556F;
}

.portfolio-filter li a.has-items {
    display: inline-block;
}

.portfolio-filter li:last-child a {
    margin-right: 0px;
}

.no-touch .portfolio-filter li a:hover,
.portfolio-filter li a.selected {
    color: #EF4135;
}


/* 9.2 Portfolio Creative Modal
--------------------------------*/
.modal-portfolio-divs {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
}

.modal-portfolio-divs .modal {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto; 
}

.modal-portfolio-divs .mask-portfolio {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(40,40,46,0.95);
    display: none;
}

.modal-portfolio-divs .modal-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 30px;
}

.modal-portfolio-divs .modal-content {
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.modal-portfolio-divs .modal-body {
    padding: 0;
    width: 100%;
    height: 100%;
}

.modal-portfolio-divs .portfolio-modal-container {
    position: relative;
    width: 100%;
    height: auto;
    background: #FFF;
    margin: 0;
}

.modal-portfolio-divs .portfolio-modal-image {
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.modal-portfolio-divs .portfolio-modal-description {
    width: 50%;
    margin-left: 50%;
    padding: 50px 110px 50px 50px;
}

.modal-portfolio-divs .portfolio-modal-description p {
    text-align: justify;
}

.modal-portfolio-divs .portfolio-modal-description h1,
.modal-portfolio-divs .portfolio-modal-description h2,
.modal-portfolio-divs .portfolio-modal-description h3,
.modal-portfolio-divs .portfolio-modal-description h4,
.modal-portfolio-divs .portfolio-modal-description h5,
.modal-portfolio-divs .portfolio-modal-description h6 {
    font-size: 2.2rem;
    font-weight: 400;
}

.modal-portfolio-divs .portfolio-modal-description .portfolio-modal-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

.modal-portfolio-divs .portfolio-modal-description .portfolio-modal-attributes {
    font-size: 1.5rem;
    color: #B7B7B7;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
    letter-spacing: 0;
    margin: 7px 0 30px 0;
}

.portfolio-navi-popup {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    border-left: 1px solid #efefef;
    z-index: 9;
}

.portfolio-navi-popup a {
    position: relative;
    width: 100%;
    height: 60px;
    top: 0;
    right: 0;
    display: block;
    background: #FFFFFF;
    color: #B7B7B7;
    border-bottom: 1px solid #efefef;

    -webkit-transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
}

.no-touch .portfolio-navi-popup a:hover {
    background: #EF4135;
    border-color: #EF4135;
    color: #FFFFFF;
}

.portfolio-navi-popup a i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 26px;
    margin: -13px 0 0 -13px;
}

.portfolio-navi-popup a.close-portfolio-modal i {
    font-size: 22px;
    margin: -11px 0 0 -11px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.portfolio-navi-popup .counter-portfolio {
    position: absolute;
    width: 100%;
    height: 60px;
    border-top: 1px solid #efefef;
    right: 0;
    bottom: 0;
    line-height: 60px;
    text-align: center;
    background: #FFFFFF;
    color: #B7B7B7;

    font-size: 13px;
    font-weight: 400;
}

.modal-portfolio-divs .modal {
    left: -105%;
}


/* 9.2.1 Modal Animation
--------------------------------*/
.portfolio-modal-entranceAnimation {
    -webkit-animation: entranceAnimation 0.375s ease-in-out both;
            animation: entranceAnimation 0.375s ease-in-out both;
}

.portfolio-modal-entranceAnimationReverse {
    -webkit-animation: entranceReverseAnimation 0.375s ease-in-out both;
            animation: entranceReverseAnimation 0.375s ease-in-out both;
}

.portfolio-modal-nextAnimation {
    -webkit-animation: nextAnimation 0.375s ease-in-out both;
            animation: nextAnimation 0.375s ease-in-out both;
}

.portfolio-modal-prevAnimation {
    -webkit-animation: prevAnimation 0.375s ease-in-out both;
            animation: prevAnimation 0.375s ease-in-out both;
}


/* 9.2.2 Modal Slider
--------------------------------*/
.portfolio-creative-slider.flexslider {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

.portfolio-creative-slider.flexslider .slide {
    position: absolute !important;
}

.portfolio-creative-slider .flex-direction-nav {
    position: absolute;
    width: 100%;
    height: 60px;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.portfolio-creative-slider .flex-direction-nav li a {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 0;
    font-size: 0;
    display: block;
    background: #FFFFFF;
    color: #B7B7B7;
    border: 1px solid #efefef;
    border-bottom: 0 none;

    -webkit-transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
}

.portfolio-creative-slider .flex-direction-nav li .flex-prev {
    right: 60px;
    border-right: 0 none;
}

.no-touch .portfolio-creative-slider .flex-direction-nav li a:hover {
    background: #EF4135;
    border-color: #EF4135;
    color: #FFFFFF;
}

.portfolio-creative-slider .flex-direction-nav li .flex-prev i, 
.portfolio-creative-slider .flex-direction-nav li .flex-next i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -13px;
    font-size: 26px;
}


/* 10. Clients Setup
-------------------------------------------------------------------------------------*/
#client-section {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}

#client-section .single-client-item {
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
}

#client-section .single-client-item a.no-link {
    cursor: default;
}

#client-section .single-client-item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;

    opacity: 1;
    padding: 5%;
}


/* 11. Testimonial Setup
-------------------------------------------------------------------------------------*/
.az-testimonial-output.flexslider {
    overflow: visible !important;
}

.az-testimonial-output .testimonial-wrap {
    width: 86%;
    margin: 0 auto;
    padding: 3% 3% 1% 3%;
}

.az-testimonial-output .author-image img {
    border-radius: 50%;
    display: block;
    margin: 20px auto;
    width: 75px;
}

.az-testimonial-output .quote-text {
    font-size: 1.9rem;
    line-height: 1.6em;
    text-align: center;
    color: #28282e;
}

.az-testimonial-output .author-info {
    text-align: center;
}

.az-testimonial-output .testimonial-title,
.az-testimonial-output .testimonial-caption {
    display: block;
    color: #BBBBBB;
}

.az-testimonial-output .testimonial-title {
    margin-top: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.az-testimonial-output .testimonial-caption {
    margin-top: 0;
    font-size: 1.3rem;
    font-style: italic;
}

.az-testimonial-output .flex-direction-nav {
    position: absolute;
    width: 80px;
    height: 40px;
    left: 50%;
    margin-left: -40px;
    bottom: -40px;
    z-index: 50;
}

.az-testimonial-output .flex-direction-nav li {
    float: left;
}

.az-testimonial-output .flex-direction-nav li a {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}

.az-testimonial-output .flex-direction-nav li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    color: #28282e;
    margin: -10px 0 0 -10px;

    opacity: 1;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .az-testimonial-output .flex-direction-nav li a:hover i {
    opacity: 0.5;
}

.az-testimonial-output.white-mode .quote-text,
.az-testimonial-output.white-mode .testimonial-title,
.az-testimonial-output.white-mode .testimonial-caption,
.az-testimonial-output.white-mode .flex-direction-nav li a i {
    color: #FFFFFF;
}


/* 12. Footer Setup
-------------------------------------------------------------------------------------*/
.footer {
    position: relative;
    float: left;
    width: 100%;
    z-index: 11;
    
    -webkit-transform: translateZ(0);
}

/* 12.1 Credits Area
--------------------------------*/
.footer-bottom-area {
    position: relative;
    float: left;
    background: #FFF;
    border-top: 1px solid #efefef;
    width: 100%;
    padding: 40px 30px;
}

.footer .credits {
    position: relative;
    float: left;
    width: 100%;
    color: #BBBBBB;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 18px;
}

.footer .credits p {
    margin: 8px 0;
}

.footer .credits a {
    color: #BBBBBB;
    font-weight: 400;
}

.no-touch .footer .credits a:hover {
    color: #EF4135;
}

/* 12.1 Widgets Area
--------------------------------*/
.footer-widget-area {
    position: relative;
    display: table;
    background: #FFFFFF;
    border-top: 1px solid #efefef;
    width: 100%;
    font-size: 1.5rem;
}

.footer-widget-area .item-footer-widget-area {
    display: table-cell;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #efefef;
}

.footer-widget-area .item-footer-widget-area:last-child,
.dark-type.footer-widget-area .item-footer-widget-area:last-child {
    border-right: 0 none;
}

.footer-widget-area h3 {
    font-size: 1.9rem;
    text-transform: uppercase;
}

.footer-widget-area .item-footer-widget-area .widget {
    padding: 40px 30px;
    border-bottom: 1px solid #efefef;
}

.footer-widget-area .item-footer-widget-area .widget:last-child,
.dark-type.footer-widget-area .item-footer-widget-area .widget:last-child {
    border: 0 none;
}

/* Columns Size */
.footer-widget-area[data-cols="2"] .item-footer-widget-area {
    width: 50%;
}

.footer-widget-area[data-cols="3"] .item-footer-widget-area {
    width: 33.333%;
}

.footer-widget-area[data-cols="4"] .item-footer-widget-area {
    width: 25%;
}

.dark-type.footer-widget-area {
    background: #28282e;
    color: #A5A7AE;
    border-top: 0 none;
}

.dark-type.footer-widget-area .item-footer-widget-area {
    border-right: 1px dashed #42444A;
}

.dark-type.footer-widget-area .item-footer-widget-area .widget {
    border-bottom: 1px dashed #42444A;
}

.dark-type.footer-widget-area h3 {
    color: #E4E4E4;
    letter-spacing: 0;
}

.dark-type.footer-widget-area a {
    color: #FFFFFF;
}

.no-touch .dark-type.footer-widget-area a:hover {
    color: #EF4135;
}

/* 12.2.1 Widgets Setup
--------------------------------*/
.widget ul {
    margin: 0;
    padding: 0;
}

.widget ul li {
    list-style: none;
}

.widget ul.children,
.widget ul.sub-menu {
    padding-left: 20px;
}

.widget .textwidget img {
    max-width: 100%;
    height: auto;
}

.widget .textwidget p:last-child {
    margin-bottom: 0;
}

/* Calendar */
.widget_calendar {
    position: relative;
}

.widget_calendar caption {
    padding: 0;
    margin-bottom: 15px;
}

.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget_calendar table td {
    text-align: center;
}

.widget_calendar table tbody td {
    padding: 4px;
    border: 0px;
    color: #999999;
    font-size: 11px;
    border-right: 1px solid;
}

.widget_calendar table tbody tr td:first-child {
    border-left: 0px;
}

.widget_calendar table th {
    padding-bottom: 10px;
    border-bottom: 0px;
    color: #28282e;
    text-align: center!important;
}

.widget_calendar table,
.widget_calendar table th,
.widget_calendar table tr,
.widget_calendar table td,
.widget_calendar table tbody td {
    border-color: #efefef;
}

.widget_calendar table #prev {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: left;
}

.widget_calendar table #next {
    position: relative;
    z-index: 2;
    padding: 10px 0px 0px 0px;
    text-align: right;
}


.dark-type.footer-widget-area .widget_calendar table th {
    color: #A5A7AE;
}

.dark-type.footer-widget-area .widget_calendar table,
.dark-type.footer-widget-area .widget_calendar table th,
.dark-type.footer-widget-area .widget_calendar table tr,
.dark-type.footer-widget-area .widget_calendar table td,
.dark-type.footer-widget-area .widget_calendar table tbody td {
    border-color: #42444A;
}

/* Search */
.widget_search .screen-reader-text {
    display: none;
}

#searchform input[type="text"],
.widget_search form input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    margin: 0;
    height: auto;
    background: transparent;
    border: 1px solid #EFEFEF;
    box-shadow: none;
    resize: none;

    font-size: 1.6rem;
    color: #BCBCC4;

    -webkit-transition: border 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: border 0.215s ease-in-out, color 0.215s ease-in-out;

    -webkit-appearance: none;
}

#searchform input[type="text"]:focus,
.widget_search form input[type="text"]:focus {
    border-color: #EF4135;
    color: #28282E;
}

.dark-type.footer-widget-area #searchform input[type="text"],
.dark-type.footer-widget-area .widget_search form input[type="text"] {
    background: transparent;
    border-color: #42444A;

    -webkit-transition: color 0.215s ease-in-out, background 0.215s ease-in-out;
            transition: color 0.215s ease-in-out, background 0.215s ease-in-out;
}

.dark-type.footer-widget-area #searchform input[type="text"]:focus,
.dark-type.footer-widget-area .widget_search form input[type="text"]:focus {
    background: #FFFFFF;
    color: #28282E;
}

/* RSS Widget */
.rsswidget img {
    display: none;
}

/* Tag Cloud */
.tagcloud a {
    display: inline-block;
    background: #28282e;
    color: #FFFFFF;
    font-size: 1.3rem !important;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 16px;
    margin: 7px 0;

    -webkit-transition: background 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, color 0.215s ease-in-out;
}

.no-touch .tagcloud a:hover,
.tagcloud a:active,
.tagcloud a:focus {
    background: #EF4135;
    color: #FFFFFF;
}

.dark-type.footer-widget-area .tagcloud a {
    background: transparent;
    border: 2px solid #42444A;

    -webkit-transition: background 0.215s ease-in-out, border 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, border 0.215s ease-in-out;
}

.no-touch .dark-type.footer-widget-area .tagcloud a:active,
.dark-type.footer-widget-area .tagcloud a:focus,
.dark-type.footer-widget-area .tagcloud a:hover {
    background: #EF4135;
    border-color: #EF4135;
    color: #FFFFFF;
}

/* 12.3 Social Area
--------------------------------*/
.footer .credits-social {
    position: relative;
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    margin-bottom: 15px;
}

.footer .credits-social ul {
    padding: 0;
}

.footer .credits-social ul li a {
    color: #BBBBBB;
}

.no-touch .footer .credits-social ul li a:hover {
    color: #EF4135;
}


/* 13. Blog Setup
-------------------------------------------------------------------------------------*/

/* 13.1 Wide Layout
--------------------------------*/
#blog.wide .item-blog {
    border-top: 1px solid #efefef;
}

#blog.wide .item-blog:first-child {
    border-top: 0 none;
}

#blog.wide .post-creative {
    position: relative;
    width: 100%;
}

#blog.wide .post-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#blog.wide .post-creative > .post-link {
    background: rgba(255,255,255,1);
    display: block;
    padding: 50px 30px;

    -webkit-transition: padding 0.150s linear, background 0.150s linear;
            transition: padding 0.150s linear, background 0.150s linear;
}

.no-touch #blog.wide .post-creative:hover > .post-link {
    background: rgba(0,0,0,0.3);
    padding-top: 100px;
    padding-bottom: 100px;
}

#blog.wide .post-creative .post-link .post-naming .post-title,
#blog.wide .post-creative .post-link .post-naming .post-date {
    -webkit-transition: color 0.150s ease-in-out;
            transition: color 0.150s ease-in-out;
}

.no-touch #blog.wide .post-creative:hover .post-link .post-naming .post-title,
.no-touch #blog.wide .post-creative:hover .post-link .post-naming .post-date {
    color: #FFFFFF;
}

#blog.wide .post-creative .post-link .post-naming .post-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

#blog.wide .post-creative .post-link .post-naming .post-date {
    font-size: 1.5rem;
    color: #b7b7b7;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 7px;
    margin-left: 1px;
}

/* 13.2 Grid Layout
--------------------------------*/
#blog.grid {
    position: relative;
    float: left;
    width: 100%;
    background: #F9F9F9;
}

#blog-posts-container {
    position: relative;
    width: 100%;
    float: left;
}

#blog.grid .item-blog {
    float: left;
    overflow: hidden;
    position: relative;
    background: #FFFFFF;
}

#blog.grid .post-container {
    position: relative;
    width: 100%;
    height: 100%;
}

#blog.grid .post-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#blog.grid .post-creative > .post-link {
    background: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    display: block;

    -webkit-transition: background 0.150s linear;
            transition: background 0.150s linear;
}

.no-touch #blog.grid .post-creative:hover > .post-link {
    background: rgba(0,0,0,0.3);
} 

#blog.grid .post-creative .post-link .post-naming .post-title,
#blog.grid .post-creative .post-link .post-naming .post-date {
    -webkit-transition: color 0.150s ease-in-out;
            transition: color 0.150s ease-in-out;
}

.no-touch #blog.grid .post-creative:hover .post-link .post-naming .post-title,
.no-touch #blog.grid .post-creative:hover .post-link .post-naming .post-date {
    color: #FFFFFF;
}

#blog.grid .post-creative .post-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

#blog.grid .post-creative .post-link .post-naming .post-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

#blog.grid .post-creative .post-link .post-naming .post-date {
    float: left;
    font-size: 1.5rem;
    color: #B7B7B7;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 5px 0 0 1px;
}

/* Count Post Number */
#blog.grid .post-creative .count-number-post {
    position: absolute;
    top: 30px;
    left: 30px;

    color: #DFDFDF;
    font-size: 3.5rem;
    font-style: italic;
    font-weight: normal;
    line-height: 1;

    -webkit-transition: color 0.150s ease-in-out;
            transition: color 0.150s ease-in-out;
}

.no-touch #blog.grid .post-creative:hover .count-number-post {
    color: #FFFFFF;
}

#blog.grid[data-cols="3"] .post-creative .post-link .post-naming .post-title {
    font-size: 2.4rem;
    line-height: 3.0rem;
}

#blog.grid[data-cols="4"] .post-creative .post-link .post-naming .post-title {
    font-size: 2.1rem;
    line-height: 2.8rem;
}

/* Columns Size */
#blog.grid[data-cols="1"] .item-blog {
    width: 100%;
    height: 750px;
}

#blog.grid[data-cols="2"] .item-blog {
    width: 50%;
    height: 750px;
}

#blog.grid[data-cols="3"] .item-blog {
    width: 33.333%;
    height: 550px;
}

#blog.grid[data-cols="4"] .item-blog {
    width: 25%;
    height: 450px;
}


#blog.grid[data-cols="1"] .item-blog,
#blog.grid[data-cols="2"] .item-blog,
#blog.grid[data-cols="3"] .item-blog,
#blog.grid[data-cols="4"] .item-blog {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

#blog.grid[data-cols="1"] .item-blog:first-child,
#blog.grid[data-cols="2"] .item-blog:first-child,
#blog.grid[data-cols="2"] .item-blog:nth-child(2),
#blog.grid[data-cols="3"] .item-blog:first-child,
#blog.grid[data-cols="3"] .item-blog:nth-child(2),
#blog.grid[data-cols="3"] .item-blog:nth-child(3),
#blog.grid[data-cols="4"] .item-blog:first-child,
#blog.grid[data-cols="4"] .item-blog:nth-child(2),
#blog.grid[data-cols="4"] .item-blog:nth-child(3),
#blog.grid[data-cols="4"] .item-blog:nth-child(4) {
    border-top: 0 none;
}

#blog.grid[data-cols="1"] .item-blog:nth-child(1n),
#blog.grid[data-cols="2"] .item-blog:nth-child(2n),
#blog.grid[data-cols="3"] .item-blog:nth-child(3n),
#blog.grid[data-cols="4"] .item-blog:nth-child(4n) {
    border-right: 0 none;
}

/* For Touch Devices */
.touch #blog.wide .item-blog,
.touch #blog.grid .item-blog,
.touch #blog.grid[data-cols="1"] .item-blog, 
.touch #blog.grid[data-cols="2"] .item-blog, 
.touch #blog.grid[data-cols="3"] .item-blog, 
.touch #blog.grid[data-cols="4"] .item-blog {
    border: 0 none !important;
}

.touch #blog.wide .post-creative > .post-link,
.touch #blog.grid .post-creative > .post-link {
    background: rgba(0,0,0,0.3);
}

.touch #blog.wide .post-creative > .post-link {
    padding-top: 100px;
    padding-bottom: 100px;
}

.touch #blog.wide .post-creative .post-link .post-naming .post-title,
.touch #blog.grid .post-creative .post-link .post-naming .post-title,
.touch #blog.wide .post-creative .post-link .post-naming .post-date,
.touch #blog.grid .post-creative .post-link .post-naming .post-date,
.touch #blog.grid .post-creative .count-number-post {
    color: #FFFFFF;
}

/* 13.3 Meta Single Post
--------------------------------*/
.entry-meta-area {
    position: relative;
    width: 100%;
    display: table;
    background: #F9F9F9;
    border-top: 1px solid #efefef;
    font-size: 1.4rem;
}

.entry-meta-area .left-div,
.entry-meta-area .right-div {
    display: table-cell;
    overflow: hidden;
    position: relative;
    padding: 40px 30px;
    width: 50%;
}

.entry-meta-area .left-div {
    text-align: right;
}

.entry-meta-area .left-div  {
    border-right: 1px solid #efefef;
}


/* 14. Pagination Setup
-------------------------------------------------------------------------------------*/

/* 14.1 Normal Pagination
--------------------------------*/
.normal-pagination {
    position: relative;
    float: left;
    width: 100%;
    height: 165px;
    background: #F9F9F9;
    border-top: 1px solid #efefef;
}

.normal-pagination .back-post {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    display: block;
    z-index: 2;
}

.normal-pagination .back-post a {
    background: #FFFFFF;
    border: 1px solid #efefef;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 50%;

    -webkit-transition: background 0.210s ease-in-out;
            transition: background 0.210s ease-in-out;
}

.normal-pagination .back-post a .icon-back-pag {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    margin: -12px 0 0 -12px;
    color: #B7B7B7;

    -webkit-transition: color 0.210s ease-in-out;
            transition: color 0.210s ease-in-out;
}

.no-touch .normal-pagination .back-post a:hover .icon-back-pag {
    color: #FFFFFF;
}  

.normal-pagination .prev-post, 
.normal-pagination .next-post {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 50%;
    height: 100%;
}

.normal-pagination .next-post {
    float: right;
}

.normal-pagination .prev-post a,
.normal-pagination .next-post a {
    background: #FFFFFF;
    display: block;
    height: 100%;
    text-align: right;
    width: 100%;

    border-right: 1px solid #efefef;

    -webkit-transition: background 0.210s ease-in-out;
            transition: background 0.210s ease-in-out;
}

.normal-pagination .next-post a {
    border-right: 0 none;
}

.normal-pagination .next-post:first-child {
    border-left: 1px solid #efefef;
}

.normal-pagination .prev-post a .pagination-inner,
.normal-pagination .next-post a .pagination-inner {
    position: relative;
    text-align: left;
    top: 50%;
    padding: 0 30px;

    font-size: 1.5rem;
    color: #b7b7b7;
    font-weight: 400;

    opacity: 1;

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

    -webkit-transition: opacity 0.210s ease-in-out, -webkit-transform 0.210s ease-in-out;
            transition: opacity 0.210s ease-in-out, transform 0.210s ease-in-out;
}

.normal-pagination .next-post a .pagination-inner {
    text-align: right;
}

.no-touch .normal-pagination .back-post a:hover,
.no-touch .normal-pagination .prev-post a:hover,
.no-touch .normal-pagination .next-post a:hover {
    background: #EF4135;
}

.no-touch .normal-pagination .prev-post a:hover .pagination-inner {
    opacity: 0;

    -webkit-transform: translate(-150px, -50%);
            transform: translate(-150px, -50%);
}

.no-touch .normal-pagination .next-post a:hover .pagination-inner {
    opacity: 0;

    -webkit-transform: translate(150px, -50%);
            transform: translate(150px, -50%);
}

.normal-pagination .prev-post a .icon-arrow-pag,
.normal-pagination .next-post a .icon-arrow-pag {
    position: absolute;
    font-size: 36px;
    top: 50%;
    margin-top: -18px;
    left: 18px;
    color: #b7b7b7;
    opacity: 0;

    -webkit-transform: translate(30px, 0);
            transform: translate(30px, 0);

    -webkit-transition: opacity 0.210s ease-in-out, color 0.210s ease-in-out, -webkit-transform 0.210s ease-in-out;
            transition: opacity 0.210s ease-in-out, color 0.210s ease-in-out,transform 0.210s ease-in-out;
}

.normal-pagination .next-post a .icon-arrow-pag {
    right: 18px;
    left: auto;

    -webkit-transform: translate(-30px, 0);
            transform: translate(-30px, 0);
}

.no-touch .normal-pagination .prev-post a:hover .icon-arrow-pag,
.no-touch .normal-pagination .next-post a:hover .icon-arrow-pag {
    color: #FFFFFF;
    opacity: 1;

    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}


/* 14.2 Infinite Scroll
--------------------------------*/
#infinite-link {
    display: none;
}

.infinite-scroll {
    float: left;
    text-align: center;
    width: 100%;
    padding: 50px 30px;
    background: #FFFFFF;
    border-top: 1px solid #efefef;
    display: none;
}

.infinite-scroll p {
    color: #b7b7b7;
    font-size: 1.1rem;
    font-weight: 700;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    display: none;
}

.preloader {
    width: 32px;
    height: 32px;
    border: 3px solid #EF4135;
    border-radius: 999px;
    display: inline-block;
    
    -webkit-animation:pulsecircle .7s linear infinite;
            animation:pulsecircle .7s linear infinite;
}

@-webkit-keyframes pulsecircle {
    0% {
        -webkit-transform: scale(0.4,.4);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% { 
        -webkit-transform: scale(1.2,1.2);
        opacity: 0;
    }
}

@keyframes pulsecircle {
    0% {
        transform: scale(0.1,.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2,1.2);
        opacity: 0;
    }
}


/* 14.3 Numeric Pagination
--------------------------------*/
.normal-pagination.numbers-only {
    height: 80px;
    background: #FFFFFF;
    text-align: center;
}

.normal-pagination.numbers-only a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 80px;
    height: 100%;
    line-height: 78px;
    color: #b7b7b7;
    border-right: 1px solid #efefef;

    -webkit-transition: background 0.210s ease-in-out, color 0.210s ease-in-out;
            transition: background 0.210s ease-in-out, color 0.210s ease-in-out;
}

.normal-pagination.numbers-only a:first-child {
    border-left: 1px solid #efefef;
}

.no-touch .normal-pagination.numbers-only a:hover {
    background: #EF4135;
    color: #FFFFFF;
}

.normal-pagination.numbers-only a.active,
.normal-pagination.numbers-only a.nothing-dot {
    color: #EF4135;
    cursor: default;
    pointer-events: none;
}

.normal-pagination.numbers-only a.nothing-dot {
    color: #B7B7B7;
}


/* 15. Comments Setup
-------------------------------------------------------------------------------------*/
.screen-reader {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.comment-area,
.comment-header,
.az-respond-form {
    position: relative;
    float: left;
    width: 100%;
    background: #FFFFFF;
}

.comment-header {
    padding: 70px 30px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}

.comment-header-inner,
.comment-content,
.comment-respond {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
}

.comment-header {
    padding-bottom: 70px;
}

#comments-title {
    margin: 0;
    font-size: 3.2rem;
    line-height: 1;
}

#comments-title .comment-count {
    position: relative;
    font-size: 6rem;
    line-height: 1;
    font-weight: 400;
    color: #BBBBBB;
    letter-spacing: -3px;
    margin-right: 8px;
}

#comments {}

.comments-list, 
.comments-list ol, 
.comments-list ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-list li .comment-wrap-inner {
    float: left;
    width: 100%;
    padding: 70px 30px;
    display: block;
}

.comments-list li.even .comment-wrap-inner,
.comments-list .children li.even .comment-wrap-inner {
    background: #F9F9F9;
}

.comments-list li.odd .comment-wrap-inner,
.comments-list .children li.odd.comment-wrap-inner {
    background: #F5F5F5;
}

.comments-list li .comment-wrap-inner {
    border-bottom: 1px solid #EFEFEF;
}

.comments-list .children li .comment-wrap-inner {
    padding-left: 100px;
}

.comment-avatar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 92px;
    height: 92px;
    
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.comment-avatar .avatar {
    position: relative;
    display: block;
    border-radius: 50%;
    top: 50%;
    margin: 0 auto;
    box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 0.15);

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

.bypostauthor .comment-avatar .avatar {
    box-shadow: 0px 0px 0px 5px rgba(239, 65, 53, 0.175);
}

.comment-inner {
    border-left: 1px solid #e6e6e6;
    margin-left: 135px;
    padding: 50px 0 40px 45px;
}

.comment-author .comment-title {
    font-size: 2rem;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    margin: 0;
}

.comment-author .comment-title a {
    font-weight: 400;
}

.comment-misc, 
.comment-misc a {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.comment-misc {
    color: #B0B0B0;
    margin-bottom: 15px;
}

.comment-misc a {
    color: #28282e;
}

#cancel-comment-reply-link {
    font-weight: 400;
    margin-left: 10px;
    color: #B0B0B0;
}

.no-touch #cancel-comment-reply-link:hover {
    color: #EF4135;
}

.comment-reply-title {
    font-size: 2.6rem;
    line-height: normal;
    letter-spacing: 0;
    padding: 0 20px 25px 20px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #efefef;
}

.respond-field input,
.respond-comment textarea {
    width: 100%;
    padding: 0 20px 25px 20px;
    margin: 0 0 25px 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #efefef;
    box-shadow: none;
    resize: none;

    font-size: 2rem;
    font-weight: 400;
    line-height: normal;

    color: #BCBCC4;


    -webkit-transition: color 0.215s ease-in-out, border 0.215s ease-in-out;
            transition: color 0.215s ease-in-out, border 0.215s ease-in-out;

    -webkit-appearance: none;
}

.respond-field input:focus,
.respond-comment textarea:focus {
    border-color: #EF4135;
    color: #28282E;
    border-radius: 0;
}

.respond-comment textarea {
    overflow: auto;
}

.comment-respond .logged-in-as,
.comment-respond .must-log-in {
    font-style: italic;
    margin-bottom: 30px;
    padding: 0 20px 5px;
    border-bottom: 1px dashed #efefef;
}

/* 15.1 Reply Comments
--------------------------------*/
.comment-respond {
    padding: 70px 30px;
}

.comments-list li + .comment-respond {
    max-width: none;
    border-bottom: 1px solid #efefef;
    padding: 70px 30px;
}

.comments-list > .comment-respond:last-child {
    border-bottom: none;
}

.comments-list li + .comment-respond #reply-title,
.comments-list li + .comment-respond #comment-form {
    max-width: 1140px;
    margin: 0 auto;
}

.comments-list li + .comment-respond #reply-title {
    margin: 0 auto 30px auto;
}


/* 15.2 Submit
--------------------------------*/
.form-submit {
    position: relative;
    max-width: 200px;
    margin: 30px auto 0px;
    text-align: center;
}

.form-submit::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 1px;
    background: #EF4135;

    opacity: 0;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.form-submit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 1px;
    background: #EF4135;

    opacity: 0;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .form-submit:hover::after,
.no-touch .form-submit:hover::before {
    opacity: 1;
}

.form-submit #submit {
    width: 100%;
    background-color: transparent;
    border: 0 none;
    padding: 16px 20px;
    color: #bcbcc4;
    display: block;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.3rem;
    letter-spacing: 1px;
    cursor: pointer;

     -webkit-transition: color 0.215s ease-in-out;
             transition: color 0.215s ease-in-out;

    -webkit-appearance: none;
}

.no-touch .form-submit:hover #submit {
    color: #28282e;
}


/* 15.3 Toggle Comments
--------------------------------*/
.comments-list.no-paginate-comments {
    display: none;
}

.comments-list.yes-paginate-comments {
    display: block;
}

#comments-title {
    float: left;
}

.toggle-comment {
    position: absolute;
    top: 16px;
    right: -6px;
    width: 30px;
    height: 30px;
    display: block;
    color: #28282e !important;
}

.toggle-comment i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    font-size: 20px;
    line-height: 1;

    -webkit-transition: -webkit-transform 0.255s ease-in-out;
            transition: transform 0.255s ease-in-out;
}

.toggle-comment.active i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}


/* 15.4 Paginate Comments
--------------------------------*/
.paginate-comments {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #efefef;
    padding: 30px 0;
}

.paginate-comments-inner {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    text-align: right;
}


/* 16. Error Page Setup
-------------------------------------------------------------------------------------*/
body.error404 .logo-setup,
body.error404 .menu-share,
body.error404 .no-page-header {
    display: none;
}

#error-page .fake-block-title-header {
    background: #FFFFFF;
    height: 100%;
}

#error-page .title-header-container {
    height: 100%;
}

#error-page .box-content {
    float: left;
    width: 50%;
    height: 100%;
    background: #FFFFFF;
    border-right: 1px solid #D9D9D9;
    display: block;
}

#error-page .box-content-link {
    float: right;
    background: #28282E;
    height: 100%;
    opacity: 1;
    position: relative;
    width: 50%;
    z-index: 4;
}

#error-page .box-content-titles,
#error-page .box-content-titles-link {
    display: block;
    padding: 0 30px;
    position: relative;
    text-align: center;
    top: 50%;

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

#error-page .box-content-titles {
    text-align: left;
}

#error-page .back-home {
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 3.8rem;
    color: #FFFFFF;
}

.no-touch #error-page .back-home:hover {
    color: #EF4135;
}

#error-page .box-content-titles .error-title,
#error-page .box-content-titles .error-subheading {
    text-transform: none;
    letter-spacing: -1px;
}

#error-page .box-content-titles .error-title {
    font-size: 3.3rem;
    font-weight: 400;
    line-height: 3.8rem;
    color: #28282E;
}

#error-page .box-content-titles .error-subheading {
    color: #B7B7B7;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 2.2rem;
    margin-top: 7px;
}

#error-page .box-content-titles .back-home {
    display: none;
}


/* 17. Search Page Setup
-------------------------------------------------------------------------------------*/
.no-results {
    width: 100%;
    margin: 0 auto;
    padding: 100px 30px;
    text-align: center;
}

.no-results h3 {
    font-size: 3.5rem;
    margin-bottom: 10px;
}

.no-results .az-button {
    margin-top: 30px;
}


/* 18. Shortcodes Setup
-------------------------------------------------------------------------------------*/

/* 18.1 Buttons
--------------------------------*/
a.az-button {
    display: inline-block;
    background: #28282e;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 6px 16px;
    margin: 7px 0;

    -webkit-transition: background 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, color 0.215s ease-in-out;
}

a.az-button:active,
a.az-button:focus,
.no-touch a.az-button:hover {
    background: #EF4135;
    color: #FFFFFF;
}

a.az-button i {
    position: relative;
    top: -2px;
    font-size: 16px;
    vertical-align: middle;
}

a.az-button i + span {
    margin-left: 10px;
}

a.az-button.inverted-mode {
    background: transparent;
    border: 2px solid #28282e;
    color: #28282e;

    -webkit-transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
            transition: background 0.215s ease-in-out, border 0.215s ease-in-out, color 0.215s ease-in-out;
}

a.az-button.inverted-mode:active,
a.az-button.inverted-mode:focus,
.no-touch a.az-button.inverted-mode:hover {
    background: #EF4135;
    border-color: #EF4135;
    color: #FFFFFF;
}


/* 18.2 Box Icon
--------------------------------*/
.az-box-icon-table {
    width: 100%;
    display: table;
}

.az-box-icon-table [class^="col-"], 
.az-box-icon-table [class*=" col-"] {
    float: none;
    display: table-cell;

    border-right: 1px solid #efefef;
}

.az-box-icon-table [class^="col-"]:last-child,
.az-box-icon-table [class*=" col-"]:last-child {
    border-right: 0 none;
}

.box-icon-section,
.box-icon-section.the-first + .box-icon-section.the-last {
    border-top: 1px solid #efefef;
}

.box-icon-section.the-last {
    border-bottom: 1px solid #efefef;
}

.az-box-icon {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding: 10%;
}

.az-box-icon .box-title {
    font-size: 1.8rem;
    text-transform: uppercase;

    -webkit-transition: color 0.215s ease-in-out;
            transition: color 0.215s ease-in-out;
}

.az-box-icon .box-title,
.az-box-icon .az-box-icon-media {
    margin-bottom: 50px;
}

.az-box-icon .az-box-icon-media i {
    color: #5D556F;
}

.az-box-icon.box-default .box-title {
    color: #28282e;
    margin-bottom: 30px;
}

.az-box-icon .box-text p:last-child {
    margin-bottom: 0;
}

.az-box-icon .box-wrapper-link,
.az-box-icon .box-wrapper-link .box-text {
    color: #5D556F;
}

.no-touch .az-box-icon .box-wrapper-link:hover .box-title {
    color: #EF4135;
}


/* 18.3 Divider
--------------------------------*/
.blank-divider {
    position: relative;
    width: 100%;
}

.az-divider {
    position: relative;
    width: 60%;
    max-width: 460px;
    min-width: 230px;
    margin: 60px auto;
    font-size: 1.3rem;
    font-weight: 400;
    color: #28282e;
    text-align: center;
    border-color: #28282e;
    border-style: solid;
    border-width: 0;
}
.az-divider::before, 
.az-divider::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    display: block;
    border-color: inherit;
    border-style: solid;
    border-width: 2px 0 0;
    margin-top: -1px;
    opacity: 0.2;
}

.az-divider::before {
    right: 50%;
    margin-right: 30px;
}

.az-divider::after {
    left: 50%;
    margin-left: 30px;
}

.az-divider span {
    position: relative;
    width: 32px;
    height: 15px;
    margin: auto;
    line-height: 15px;
    display: block;
    border-color: inherit;
    border-style: solid;
    border-width: 0 2px;
}


/* 18.4 Social Profiles
--------------------------------*/
.az-social-profiles {
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.az-social-profiles ul.az-social-profiles-link {
    margin: 0;
    padding: 0;
}

.az-social-profiles ul.az-social-profiles-link li {
    position: relative;
    display: inline-block;
    line-height: normal;
    list-style: none;
    margin: 0 10px 7px 0;
}

.az-social-profiles ul.az-social-profiles-link li a {
    position: relative;
    display: block;
    color: #B7B7B7;
}

.no-touch .az-social-profiles ul.az-social-profiles-link li a:hover {
    color: #EF4135;
}

.az-social-profiles ul.az-social-profiles-link li a i {
    font-size: 20px;
    vertical-align: middle;
}


/* 18.5 Gallery Images
--------------------------------*/
#gallery-images-section {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

#gallery-images-section .single-gallery-item {
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
}

#gallery-images-section .single-gallery-item img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}

#gallery-images-section .single-gallery-item .gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: rgba(255,255,255,0.9);
    opacity: 0;

    z-index: 2;

    -webkit-transition: opacity 0.225s ease-in-out;
            transition: opacity 0.225s ease-in-out;
}

.no-touch #gallery-images-section .single-gallery-item:hover .gallery-overlay {
    opacity: 1;
}

#gallery-images-section .single-gallery-item .gallery-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin: -14.5px 0 0 -14.5px;
    background-image: url('_include/img/sprite.png');
    background-repeat: no-repeat;
}

.gallery-overlay i.icon-plus {
    background-position: -1px -1px;
}


/* 18.5.1 Zoom Hover FX
--------------------------------*/
#gallery-images-section.zoom-hover-fx .single-gallery-item img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.175s ease;
            transition: transform 0.175s ease;
}

.no-touch #gallery-images-section.zoom-hover-fx .single-gallery-item:hover img  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}


/* 18.6 Lightbox
--------------------------------*/
.lightbox {
    position: relative;
    overflow: hidden;
}

.lightbox.not-full-responsive {
    float: left;
}

.lightbox.yes-full-responsive {
    width: 100%;
}

.lightbox a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.lightbox .lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background: rgba(255,255,255,0.9);
    opacity: 0;

    z-index: 2;

    -webkit-transition: opacity 0.225s ease-in-out;
            transition: opacity 0.225s ease-in-out;
}

.no-touch .lightbox:hover .lightbox-overlay {
    opacity: 1;
}

.lightbox .lightbox-overlay i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 29px;
    height: 29px;
    margin: -14.5px 0 0 -14.5px;
    background-image: url('_include/img/sprite.png');
    background-repeat: no-repeat;
}

.lightbox-overlay i.icon-plus {
    background-position: -1px -1px;
}

.lightbox-overlay i.icon-play {
    background-position: -1px -30px;
}


/* 18.6.1 Zoom Hover FX
--------------------------------*/
.lightbox.zoom-hover-fx img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.175s ease;
            transition: transform 0.175s ease;
}

.no-touch .lightbox.zoom-hover-fx:hover img  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}


/* 18.6.2 Fancybox
--------------------------------*/
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    margin: 0;
    padding: 0;
    outline: none;
    border: 0;
    vertical-align: top;
}

.fancybox-lock {
    overflow: hidden;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9020;
}

.fancybox-skin {
    position: relative;
    background: transparent;
    color: #FFFFFF;
    text-shadow: none;
}

.fancybox-opened {
    z-index: 9030;
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    margin: 0;
    padding: 15px;
    color: #444;
    white-space: nowrap;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    overflow: visible !important;
    max-width: 99999px;
    max-height: 99999px;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    display: none;
    overflow: hidden;
    background: rgba(40,40,46,0.95);
}

.fancybox-overlay-fixed {
    position: fixed;
    right: 0;
    bottom: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow-x: hidden;
    overflow-y: scroll;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    border-radius: 50%;
    background-color: #171717;
    box-shadow: 0 0 0 3px rgba(255,255,255,0.09);
    z-index: 9060;
}

#fancybox-loading div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
    background: url('_include/img/fancy_loading.gif') center center no-repeat;
}

.fancybox-close::before,
.fancybox-prev span::before,
.fancybox-next span::before {
    font-family: 'Icons';
    font-style: normal;
    line-height: normal;
    -webkit-font-smoothing: antialiased;    
    -moz-osx-font-smoothing: grayscale;

    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;

    color: #DADAE5;
    text-shadow: 0 1px 2px rgba(0,0,0,0.99);

    -webkit-transition: color 0.255s ease-in-out;
            transition: color 0.255s ease-in-out;
}

.no-touch .fancybox-close:hover::before,
.no-touch .fancybox-prev:hover span::before,
.no-touch .fancybox-next:hover span::before {
    color: #FFFFFF;
}

.fancybox-close {
    position: absolute;
    top: -36px;
    right: -8px;
    z-index: 9040;
    width: 36px;
    height: 36px;
    cursor: pointer;

    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}

.fancybox-nav {
    position: fixed;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    cursor: pointer;
    text-decoration: none;
    background: transparent;

    z-index: 9040;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-close::before {
    content: '\e173';
    font-size: 20px;
}

.fancybox-prev span::before {
    content: '\e1c8';
    font-size: 20px;
}

.fancybox-next span::before {
    content: '\e1cb';
    font-size: 20px;
}

/* Title helper */
.fancybox-title {
    z-index: 9050;
}

.fancy-caption-title {
    position: absolute;
    left: 0px;
    bottom: -34px;
    width: 100%;
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 1px;
    line-height: normal;
    text-align: center;
    color: #DADAE5;
    text-shadow: 0 1px 2px rgba(0,0,0,0.99);
}

.fancy-counter {
    position: absolute;
    top: -30px;
    left: 4px;
    color: #DADAE5;
    text-shadow: 0 1px 2px rgba(0,0,0,0.99);
    font-size: 11px;
    font-weight: 400;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

/* 18.7 Google Maps
--------------------------------*/
.map-module {
    position: relative;
    width: 100%;
    height: 100%;
}

.zoom-controls {
    right: 30px !important;
}

#cd-zoom-in,
#cd-zoom-out {
    position: relative;
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin: 1px 0 0 0; 
    background-color: rgba(255, 255, 255, 0.5);

    opacity: 0.3;

    -webkit-transition: opacity 0.215s ease-in-out, background 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out, background 0.215s ease-in-out;
}

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}

#cd-zoom-in i,
#cd-zoom-out i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    margin: -9px 0 0 -9px;
    color: #28282E;

    -webkit-transition: color 0.215s ease-in-out;
            transition: color 0.215s ease-in-out;
}

.no-touch #cd-zoom-in:hover i,
.no-touch #cd-zoom-out:hover i {
    color: #EF4135;
}

.az-map {
    width: 100%;
}

.az-map img {
    max-width: none !important;
}

.main-content .container-fluid .az-map {
    margin-right: 0px;
    margin-left: 0px;
    width: auto !important;
}


/* 18.8 Twitter Feed
--------------------------------*/
.az-twitter-feed.flexslider {
    overflow: visible !important;
}

.az-twitter-feed.flexslider li.error {
    padding-right: 30px;
    padding-left: 30px;
}

.az-twitter-feed .twitter-wrap {
    width: 86%;
    margin: 0 auto;
    padding: 3% 3% 1% 3%;
    text-align: center;
}

.az-twitter-feed .tweet_text {
    font-size: 1.9rem;
    line-height: 1.6em;
    color: #28282e;
}

.az-twitter-feed .tweet_text a {
    color: #BBBBBB;
    font-weight: normal;
}

.no-touch .az-twitter-feed .tweet_text a:hover {
    color: #EF4135;
}

.az-twitter-feed .flex-direction-nav {
    position: absolute;
    width: 80px;
    height: 40px;
    left: 50%;
    margin-left: -40px;
    bottom: -40px;
    z-index: 50;
}

.az-twitter-feed .flex-direction-nav li {
    float: left;
}

.az-twitter-feed .flex-direction-nav li a {
    position: relative;
    width: 40px;
    height: 40px;
    display: block;
}

.az-twitter-feed .flex-direction-nav li a i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    color: #28282e;
    margin: -10px 0 0 -10px;

    opacity: 1;

    -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
}

.no-touch .az-twitter-feed .flex-direction-nav li a:hover i {
    opacity: 0.5;
}

.az-twitter-feed.white-mode .tweet_text,
.az-twitter-feed.white-mode .tweet_text a,
.az-twitter-feed.white-mode .flex-direction-nav li a i {
    color: #FFFFFF;
}

.az-twitter-feed.white-mode .tweet_text a {
    border-bottom: 1px dotted rgba(255,255,255,0.3);
    padding-bottom: 2px;
}


/* 18.9 MediaElements Setup
--------------------------------*/
.video-player-builder {
    position: relative;
    width: 100%;
}

audio, canvas, video {
    outline: none;
}

.mejs-container {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    font-size: 100%;
    background: transparent;
    border: none;
    text-decoration: none;
}
.mejs-container.mejs-audio {
    width: 100% !important;
}
.mejs-fullscreen {
    overflow: hidden!important;
}
.mejs-container-fullscreen {
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}
.me-plugin {
    position: absolute;
}
.mejs-embed,
.mejs-embed body {
    overflow: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}
.me-cannotplay a {
    color: #fff;
}
.me-cannotplay span {
    display: block;
    padding: 15px;
}
.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
:root .mejs-poster img {
    display: none;
}
.mejs-poster img {
    margin: 0;
    padding: 0;
    border: none;
}
.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}
.mejs-overlay-play {
    cursor: pointer;
}
.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    background-color: rgba(0,0,0,0.5);
    background-image: url(_include/img/mediaelement/bigplay.png);
    background-position: center center;
    background-repeat: no-repeat;

    -webkit-transition: background-color 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out;
}
.no-touch .mejs-overlay:hover .mejs-overlay-button {
    background-color: #EF4135;
}
.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -40px 0 0 -40px;
    width: 80px;
    height: 80px;
}
.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #3A3C3D url(_include/img/mediaelement/loading.gif) 50% 50% no-repeat;
}
.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
}
.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}
.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}
.mejs-captions-position-hover {
    bottom: 45px;
}
.mejs-captions-text {
    padding: 3px 5px;
    background: #141414;
    background: rgba(20, 20, 20, 0.8);
}
.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    width: 10000px;
    z-index: 1;
    -xborder-right: solid 1px #fff;
}
.mejs-chapter {
    overflow: hidden;
    position: absolute;
    float: left;
    background: #222;
    border: none;
}
.mejs-chapter-block {
    display: block;
    padding: 5px;
    color: #fff;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}
.mejs-chapter-block-last {
    border-right: none;
}
.mejs-chapter-block:hover {
    background: #666;
}
.mejs-chapter-block .ch-title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px;
}
.mejs-chapter-block .ch-timespan {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 3px 0 4px;
}
.mejs-postroll-layer {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #323232;
    background: rgba( 50, 50, 50, 0.7);
    z-index: 1000;
}
.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}
.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px;
    color: #fff;
    background: #323232;
    background: rgba( 50, 50, 50, 0.7);
    cursor: pointer;
    z-index: 100;
}
.mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #171717;
}
.mejs-controls > div,
.mejs-controls > a {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    border: none;
    font-size: 11px;
    line-height: 11px;
}
.mejs-button button {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 7px 5px;
    padding: 0;
    cursor: pointer;
    border: none;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    background: transparent url(_include/img/mediaelement/controls.png) no-repeat;
}
.mejs-playpause-button button {} .mejs-play button {
    background-position: 0 0;
}
.mejs-pause button {
    background-position: 0 -16px;
}
.mejs-stop button {
    background-position: -112px 0;
}
.mejs-controls .mejs-time {
    overflow: hidden;
    display: block;
    width: auto;
    height: 17px;
    padding: 8px 3px 0;
    color: #fff;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.mejs-time span {
    display: block;
    float: left;
    width: auto;
    margin: 2px 2px 0 0;
    color: #fff;
}
.mejs-time .mejs-currenttime {} .mejs-time .mejs-duration {}
.mejs-controls .mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding: 5px 5px 0;
}
.mejs-controls .mejs-time-slider {}
.mejs-controls .mejs-time-slider:focus {
    outline: 0 none;
}
.mejs-time-rail span,
.mejs-time-rail > a {
    display: block;
    position: absolute;
    height: 10px;
    cursor: pointer;
}
.mejs-time-rail .mejs-time-total {
    position: relative;
    margin: 5px 0;
    background: #222;
}
.mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background: #373A3A;
}
.mejs-time-rail .mejs-time-loaded {
    width: 0;
    background: #373A3A;
}
.mejs-time-rail .mejs-time-current {
    width: 0;
    background: #EF4135;
}
.mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    top: -2px;
    width: 10px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    text-align: center;
}
.mejs-time-rail .mejs-time-float {
    display: none;
    position: absolute;
    top: -26px;
    width: 36px;
    height: 17px;
    margin-left: -18px;
    color: #111;
    background: #eee;
    border: solid 1px #333;
    text-align: center;
}
.mejs-long-video .mejs-time-rail .mejs-time-float {
    width: 48px;
}
.mejs-time-rail .mejs-time-float-current {
    display: block;
    left: 0;
    margin: 2px;
    width: 30px;
    text-align: center;
}
.mejs-long-video .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}
.mejs-time-rail .mejs-time-float-corner {
    display: block;
    position: absolute;
    top: 15px;
    left: 13px;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mejs-long-video .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}
.mejs-fullscreen-button button {
    background-position: -32px 0;
}
.mejs-unfullscreen button {
    background-position: -32px -16px;
}
.mejs-controls .mejs-volume-button {
    position: relative;
}
.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}
.no-touch .mejs-controls .mejs-mute button:hover {
    background-position: -16px -48px;
}
.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}
.no-touch .mejs-controls .mejs-unmute button:hover {
    background-position: -16px -32px;
}
.mejs-volume-button .mejs-volume-slider {
    display: none;
    position: absolute;
    top: -115px;
    left: 0;
    width: 25px;
    height: 115px;
    margin: 0;
    background: #323232;
    background: rgba( 50, 50, 50, 0.7);
    z-index: 1;
}
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    top: 8px;
    left: 11px;
    width: 2px;
    height: 100px;
    margin: 0;
    background: #ddd;
}
.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    top: 8px;
    left: 11px;
    width: 2px;
    height: 100px;
    margin: 0;
    background: #ddd;
}
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    top: -3px;
    left: 4px;
    width: 16px;
    height: 6px;
    margin: 0;
    background: #ddd;
    cursor: N-resize;
}

.mejs-controls .mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
    display: table;
}
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background: #373A3A;
}

.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    background: #EF4135;
}
.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-loop-off {} .mejs-controls .mejs-loop-on {} .mejs-loop-off button {
    background-position: -64px -16px;
}
.mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off {} .mejs-controls .mejs-backlight-on {} .mejs-backlight-off button {
    background-position: -80px -16px;
}
.mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}
.mejs-captions-button button {
    background-position: -48px 0;
}
.mejs-captions-button .mejs-captions-selector {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    padding: 10px;
    background: #323232;
    background: rgba( 50, 50, 50, 0.7);
}
.mejs-captions-button .mejs-captions-selector ul {
    list-style-type: none;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.mejs-captions-button .mejs-captions-selector li {
    list-style-type: none;
    overflow: hidden;
    display: block;
    margin: 0 0 6px;
    padding: 0;
    color: #fff;
}
.mejs-captions-button .mejs-captions-selector input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}
.mejs-captions-button .mejs-captions-selector label {
    float: left;
    width: 100px;
    padding: 4px 0 0;
}
.mejs-captions-button .mejs-captions-translations {
    margin: 0 0 5px;
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}
.mejs-sourcechooser-button button {
    background-position: -128px 0;
}
.mejs-sourcechooser-selector {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    padding: 10px;
    background: #323232;
    background: rgba( 50, 50, 50, 0.7);
    border: solid 1px transparent;
}
.mejs-sourcechooser-selector ul {
    list-style-type: none;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.mejs-sourcechooser-selector li {
    list-style-type: none;
    overflow: hidden;
    display: block;
    margin: 0 0 6px;
    padding: 0;
    color: #fff;
}
.mejs-sourcechooser-selector li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}
.mejs-sourcechooser-selector li label {
    float: left;
    width: 100px;
    padding: 4px 0 0;
    font-size: 10px;
    line-height: 15px;
}
.mejs-clear,
.wp-playlist-item {
    clear: both;
}
.mejs-offscreen {
    position: absolute;
    top: -9999em;
}
.ltr .mejs-offscreen {
    left: -9999em;
}
.rtl .mejs-offscreen {
    right: -9999em;
}
.wp-playlist {
    margin: 0 0 1.5rem;
    padding: 1.5rem;
    border: 1px solid #999;
}
.wp-playlist video {
    display: inline-block;
    max-width: 100%;
}
.wp-playlist audio {
    display: none;
    max-width: 100%;
    width: 100%;
}
.wp-playlist .mejs-container {
    margin: 0;
    width: 100%;
}
.wp-playlist .mejs-controls .mejs-button button {
    outline: 0;
}
.wp-playlist-caption {
    max-width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wp-playlist-item-title {} .wp-playlist-item-artist {}

.wp-playlist-current-item {
    margin-bottom: 1.5rem;
}
.wp-playlist-current-item img {
    max-width: 60px;
    height: auto;
}
.ltr .wp-playlist-current-item img {
    float: left;
    margin-right: 1.5rem;
}
.rtl .wp-playlist-current-item img {
    float: right;
    margin-left: 1.5rem;
}
.wp-playlist-item-meta {
    display: block;
}
.wp-playlist-item-album {}

.wp-playlist-tracks {
    margin-top: 1.5rem;
}
.wp-playlist-item {
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0.75rem;
}
.wp-playlist-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.wp-playlist-light .wp-playlist-item {} .wp-playlist-dark .wp-playlist-item {}

.wp-playlist-playing {
    font-weight: bold;
}
.wp-playlist-light .wp-playlist-playing {} .wp-playlist-dark .wp-playlist-playing {}

.wp-playlist-item .wp-playlist-caption {} .ltr .wp-playlist-item .wp-playlist-caption {
    float: left;
}
.rtl .wp-playlist-item .wp-playlist-caption {
    float: right;
}
.ltr .wp-playlist-item .wp-playlist-item-length {
    float: right;
}
.rtl .wp-playlist-item .wp-playlist-item-length {
    float: left;
}
.mejs-contextmenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    padding: 10px;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}
.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    margin: 5px 6px;
    font-size: 0;
    background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
    padding: 4px 6px;
    font-size: 12px;
    color: #333;
    cursor: pointer;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
    color: #fff;
    background: #2C7C91;
}

/* 18.10 Dropcaps
--------------------------------*/
.dropcap {
    display: block;
    float: left;
    margin: -6px 6px 0 0;
    color: #28282e;
    font-weight: 600;
    font-size: 3rem;
    line-height: 3rem;
    text-transform: uppercase;
}

.dropcap-color {
    display: block;
    float: left;
    margin: -6px 6px 0 0;
    color: #EF4135;
    font-weight: 600;
    font-size: 3rem;
    line-height: 3rem;
    text-transform: uppercase;
}

/* 18.11 Highlight
--------------------------------*/
.highlight-normal-text {
    color: #EF4135;
}

.highlight-color-text {
    padding: 0 4px;
    background-color: #EF4135;
    color: #FFFFFF;
}

/* 18.12 Tooltips
--------------------------------*/
.tooltip {
    position: absolute;
    z-index: 999;
    display: block;
    visibility: visible;
    font-weight: 500;
    font-size: 14px;
    opacity: 0;
}

.tooltip.in {
    opacity: 1;
}

.tooltip.top {
    margin-top: -5px;
}

.tooltip.right {
    margin-left: 15px;
}

.tooltip.bottom {
    margin-top: 5px;
}

.tooltip.left {
    margin-left: -15px;
}

.tooltip-inner {
    padding: 12px;
    max-width: 300px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #1C2222;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 10px 10px 0;
    border-top-color: #1C2222;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -10px;
    border-width: 10px 10px 10px 0;
    border-right-color: #1C2222;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -10px;
    border-width: 10px 0 10px 10px;
    border-left-color: #1C2222;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 0 10px 10px;
    border-bottom-color: #1C2222;
}

/* 18.13 Accordions
--------------------------------*/
.panel-group,
.panel-group .panel + .panel {
    margin: 0px;
}

.panel {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.panel-heading,
.panel-group .panel {
    border-radius: 0;
}

.panel-default > .panel-heading {
    color: #28282e;
    background: transparent;
    border: 1px solid #efefef;
    border-top: 0 none;
    padding: 0;
}

.az-accordion.panel-group > .panel-default:first-child > .panel-heading {
    border-top: 1px solid #efefef;
}

.panel-group .panel-heading + .panel-collapse > .list-group, 
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid #efefef;
    border-top: 0 none;
}

.panel-title > a {
    display: block;
    padding: 15px 20px;
}

.panel-body p:last-child {
    margin-bottom: 0;
}

.panel-title > a:active,
.panel-title > a:focus,
.no-touch .panel-title > a:focus,
.no-touch .panel-title > a:active {
    color: #28282e;
}

.no-touch .panel-title > a:hover {
    color: #EF4135;
}


/* 18.14 Contact Forms
--------------------------------*/

.wpcf7 {
    border-top: 1px dashed #efefef;
}

.wpcf7-form {
    margin: 25px 0 0 0;
}

.wpcf7-form p {
    margin: 0;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.wpcf7 .wpcf7-response-output {
    margin: 5px 0 0 0;
    padding: 0;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng,
.wpcf7 .wpcf7-mail-sent-ok {
    border: none;
    font-style: italic;
    font-size: 1.2rem;
}

.wpcf7 img.ajax-loader {
    margin-left: 15px !important;
    width: auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
    width: 100%;
    padding: 0 20px 25px 20px;
    margin: 0 0 25px 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #efefef;
    box-shadow: none;
    resize: none;

    font-size: 2rem;
    font-weight: 400;
    line-height: normal;

    color: #BCBCC4;


    -webkit-transition: color 0.215s ease-in-out, border 0.215s ease-in-out;
            transition: color 0.215s ease-in-out, border 0.215s ease-in-out;

    -webkit-appearance: none;
}

.wpcf7 textarea {
    resize: vertical;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus, 
.wpcf7 textarea:focus {
    border-color: #EF4135;
    color: #28282E;
    border-radius: 0;
}

.wpcf7-form.invalid input[type="text"].wpcf7-not-valid,
.wpcf7-form.invalid input[type="email"].wpcf7-not-valid,
.wpcf7-form.invalid textarea.wpcf7-not-valid,
.wpcf7-form input[type="text"]:focus:invalid:focus,
.wpcf7-form input[type="email"]:focus:invalid:focus,
.wpcf7-form textarea:focus:invalid:focus {
    border-color: #FF0000;
    border-radius: 0;
}

/* Checkbox / Radio */
.wpcf7-checkbox,
.wpcf7-radio {
    display: block;
    margin-bottom: 25px;
    padding-top: 20px;
}

/* Submit */
.wpcf7 .wpcf7-submit {
    max-width: 200px;
    display: inline-block;
    background: #28282e;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 35px;
    text-transform: uppercase;
    border: 0 none;
    border-radius: 3px;
    padding: 6px 16px;
    margin: 7px 0;
    
    -webkit-transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
            transition: background 0.215s ease-in-out 0s, color 0.215s ease-in-out 0s;
}

.no-touch .wpcf7 .wpcf7-submit:hover {
    background: #EF4135;
    color: #FFFFFF;
    border-radius: 3px;
    border: 0 none;
}

.wpcf7 .wpcf7-submit:focus,
.wpcf7 .wpcf7-submit:active {
    background: #28282e;
    color: #FFFFFF;
    border-radius: 3px;
    border: 0 none;
}


/* 18.15 Special Heading
--------------------------------*/
.az-special-heading {
    position: relative;
    width: 100%;
    text-align: center;
}

.az-special-heading-title {
    font-size: 17rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1em;
    letter-spacing: 10px;
    text-transform: uppercase;
}

.az-special-heading-subtitle {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 8px;
    margin-top: 15px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.az-special-heading-box-link {
    display: inline-block;
}

/* 18.16 Related Custom Post Types
--------------------------------*/

#az-related-posts-section {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

#az-related-posts-section .single-related-item {
    position: relative;
    float: left;
    overflow: hidden;
    display: block;
}

#az-related-posts-section .single-related-item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;

    z-index: 2;

    background: rgba(255,255,255,0.9);
    opacity: 0;

    -webkit-transition: opacity 0.225s ease-in-out;
            transition: opacity 0.225s ease-in-out;
}

.no-touch #az-related-posts-section .single-related-item:hover a {
    opacity: 1;
}

#az-related-posts-section .single-related-item img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

    -webkit-transition: -webkit-transform 0.175s ease;
            transition: transform 0.175s ease;
}

.no-touch #az-related-posts-section .single-related-item:hover img  {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}

#az-related-posts-section .related-post-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

#az-related-posts-section .related-post-box .related-post-naming .related-post-title {
    font-size: 2.7rem;
    line-height: 3.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    text-transform: none;
    margin-bottom: 0;
}

/* For Touch Devices */
.touch #az-related-posts-section .single-related-item a {
    background: rgba(0,0,0,0.3);
    opacity: 1;
}

.touch #az-related-posts-section .related-post-box .related-post-naming .related-post-title {
    color: #FFFFFF;
}


/* 19. Animation Module Setup
-------------------------------------------------------------------------------------*/
.js .start-animated-content {
    opacity: 0;
}

.no-js .start-animated-content,
.no-csstransitions .start-animated-content {
    opacity: 1; 
}

.lt-ie9 .start-animated-content {
    opacity: 1 !important;

    -webkit-animation: none !important;
        -ms-transform: none !important;
            transform: none !important;

    -webkit-animation: none !important;
        -ms-animation: none !important;
            animation: none !important;
}

/* 19.1 FadeIn
--------------------------------*/
.az-fade-in {
    opacity: 0;
}

.az-fade-in.animate-now {
    -webkit-animation: azFadeIn 0.65s ease forwards;
            animation: azFadeIn 0.65s ease forwards;
}

@-webkit-keyframes azFadeIn {
    0% {
        opacity: 0;
    }

    100% { 
        opacity: 1;
    }
}

@keyframes azFadeIn {
    0% {
        opacity: 0;
    }

    100% { 
        opacity: 1;
    }
}


/* 19.2 MoveLeft
--------------------------------*/
.az-move-left {
    -webkit-transform: translateX(-200px);
            transform: translateX(-200px);

    opacity: 0;
}

.az-move-left.animate-now {
    -webkit-animation: azMoveLeft 0.65s ease forwards;
            animation: azMoveLeft 0.65s ease forwards;
}

@-webkit-keyframes azMoveLeft {
    0% {
        -webkit-transform: translateX(-200px);
        opacity: 0;
    }

    100% { 
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes azMoveLeft {
    0% {
        transform: translateX(-200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px); 
        opacity: 1;
    }
}


/* 19.3 MoveRight
--------------------------------*/
.az-move-right {
    -webkit-transform: translateX(200px);
            transform: translateX(200px);

    opacity: 0;
}

.az-move-right.animate-now {
    -webkit-animation: azMoveRight 0.65s ease forwards;
            animation: azMoveRight 0.65s ease forwards;
}

@-webkit-keyframes azMoveRight {
    0% {
        -webkit-transform: translateX(200px);
        opacity: 0;
    }

    100% { 
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes azMoveRight {
    0% {
        transform: translateX(200px);
        opacity: 0;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}


/* 19.4 MoveUp
--------------------------------*/
.az-move-up {
    -webkit-transform: translateY(200px);
            transform: translateY(200px);

    opacity: 0;
}
.az-move-up.animate-now {
    -webkit-animation: azMoveUp 0.65s ease forwards;
            animation: azMoveUp 0.65s ease forwards;
}

@-webkit-keyframes azMoveUp {
    0% {
        -webkit-transform: translateY(200px);
        opacity: 0;
    }

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

@keyframes azMoveUp {
    0% {
        transform: translateY(200px);
        opacity: 0;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}


/* 19.5 ScaleUp
--------------------------------*/
.az-scale-up {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);

    opacity: 0;
}

.az-scale-up.animate-now {
    -webkit-animation: azScaleUp 0.65s ease-in-out forwards;
            animation: azScaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes azScaleUp {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes azScaleUp {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}


/* 19.6 LittleBounce
--------------------------------*/
.az-little-bounce {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
    
    opacity: 0;
}

.az-little-bounce.animate-now {
    -webkit-animation: azLittleBounce 0.8s ease-in forwards;
            animation: azLittleBounce 0.8s ease-in forwards;
}

@-webkit-keyframes azLittleBounce {
    0% { 
        -webkit-transform: scale(0.4); 
        -webkit-animation-timing-function: ease-in; 
        opacity: 0; 
    }

    70% { 
        -webkit-transform: scale(1.1); 
        -webkit-animation-timing-function: ease-out; 
        opacity: 0.8; 
    }
    
    100% { 
        -webkit-transform: scale(1); 
        opacity: 1; 
    }
}

@keyframes azLittleBounce {
    0% { 
        transform: scale(0.4); 
        animation-timing-function: ease-in; 
        opacity: 0; 
    }

    70% { 
        transform: scale(1.1); 
        animation-timing-function: ease-out; 
        opacity: 0.8; 
    }
    
    100% { 
        transform: scale(1); 
        opacity: 1; 
    }
}

/* 19.7 Creative Modal Animation
--------------------------------*/
@-webkit-keyframes entranceAnimation {
    from { 
        left: -105%; 
    }

    to { 
        left: 0; 
    }
}
@keyframes entranceAnimation {
    from { 
        left: -105%; 
    }

    to { 
        left: 0;
    }
}

@-webkit-keyframes entranceReverseAnimation {
    from { 
        left: 105%; 
    }

    to { 
        left: 0; 
    }
}
@keyframes entranceReverseAnimation {
    from { 
        left: 105%; 
    }

    to { 
        left: 0; 
    }
}

@-webkit-keyframes nextAnimation {
    from { 
        left: 0; 
    }

    to { 
        left: 105%; 
    }
}
@keyframes nextAnimation {
    from { 
        left: 0; 
    }

    to { 
        left: 105%; 
    }
}

@-webkit-keyframes prevAnimation { 
    from { 
        left: 0; 
    }

    to { 
        left: -105%;
    }
}
@keyframes prevAnimation { 
    from { 
        left: 0; 
    }
    
    to { 
        left: -105%; 
    }
}

/* 20. MediaQueries Setup
-------------------------------------------------------------------------------------*/
@-ms-viewport{
    width:device-width;
}
@-o-viewport{
    width:device-width;
}
@viewport{
    width:device-width;
}

@media (min-width: 1401px) and (max-width: 1699px) {

    /* 0.00 Columns
    --------------------------------*/
    .az-col-full-width-1 {
        width: 20%;
    }

}

@media (min-width: 1200px) and (max-width: 1400px) {

    /* 0.00 Columns
    --------------------------------*/
    .az-col-full-width-1,
    .az-col-full-width-2 {
        width: 25%;
    }

    /* 0.00 Blog
    --------------------------------*/
    #blog.grid[data-cols="3"] .item-blog,
    #blog.grid[data-cols="4"] .item-blog {
        width: 50%;
        height: 550px;
        border-right: 1px solid #efefef !important;
    }

    #blog.grid[data-cols="3"] .item-blog:nth-child(2n),
    #blog.grid[data-cols="4"] .item-blog:nth-child(2n) {
        border-top: 1px solid #efefef !important;
        border-right: 0 none !important;   
    }

    #blog.grid[data-cols="3"] .item-blog:nth-child(3),
    #blog.grid[data-cols="4"] .item-blog:nth-child(3) {
        border-top: 1px solid #efefef !important;
    }

    #blog.grid[data-cols="3"] .item-blog:first-child,
    #blog.grid[data-cols="3"] .item-blog:nth-child(2),
    #blog.grid[data-cols="4"] .item-blog:first-child,
    #blog.grid[data-cols="4"] .item-blog:nth-child(2) {
        border-top: 0 none !important;
    }

}

@media (min-width: 1024px) and (max-width: 1440px) { 

    /* 0.00 Title Header / AZ Slider / Special Heading
    --------------------------------*/
    .big-format-heading .box-content-titles .title,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title,
    .az-special-heading-title {
        font-size: 12rem;
        letter-spacing: 7px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    /* 0.00 Columns
    --------------------------------*/
    .az-col-full-width-1,
    .az-col-full-width-2,
    .az-col-full-width-3 {
        width: 33.333%;
    }

}

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

    /* 0.00 Columns
    --------------------------------*/
    .az-col-full-width-1,
    .az-col-full-width-2,
    .az-col-full-width-3,
    .az-col-full-width-4 {
        width: 50%;
    }

}

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

    /* 0.00 Title Header / Special Heading
    --------------------------------*/
    .big-format-heading .box-content-titles .title,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title,
    .az-special-heading-title {
        font-size: 9rem;
        letter-spacing: 4px;
    }

    .big-format-heading .box-content-titles .subheading,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-subtitle,
    .az-special-heading-subtitle {
        letter-spacing: 5px;
    }

}

@media (min-width: 1024px) and (max-width: 1199px) {

    /* 0.00 Modal Share
    --------------------------------*/
    .share-btn-footer > i {
        font-size: 32px;
        margin: -16px 0 0 -16px;
    }

}

@media (min-width: 320px) and (max-width: 1199px) {

    /* 0.00 Footer Widgets
    --------------------------------*/
    .footer-widget-area {
        float: left;
        display: block;
    }

    .footer-widget-area .item-footer-widget-area {
        display: block;
        float: left;
        border-right: 0 none !important;
    }

    .footer-widget-area[data-cols="2"] .item-footer-widget-area,
    .footer-widget-area[data-cols="3"] .item-footer-widget-area,
    .footer-widget-area[data-cols="4"] .item-footer-widget-area {
        width: 100%;
    }

    .footer-widget-area .item-footer-widget-area .widget:last-child {
        border-bottom: 1px solid #efefef;
    } 

    .dark-type.footer-widget-area .item-footer-widget-area .widget:last-child {
        border-bottom: 1px dashed #42444A;
    }

    .footer-widget-area .item-footer-widget-area:last-child .widget:last-child,
    .dark-type.footer-widget-area .item-footer-widget-area:last-child .widget:last-child {
        border-bottom: 0 none;
    }

    /* 0.00 Creative Modal
    --------------------------------*/
    .modal-team-divs .team-modal-image,
    .modal-portfolio-divs .portfolio-modal-image,
    .portfolio-creative-slider.flexslider {
        position: relative;
        width: 100%;
        height: 550px;
    }

    .portfolio-creative-slider .flex-direction-nav {
        width: 120px;
        left: 0;
    }

    .portfolio-creative-slider .flex-direction-nav li a {
        border-bottom: 1px solid #efefef;
    }

    .modal-team-divs .team-modal-description,
    .modal-portfolio-divs .portfolio-modal-description {
        width: 100%;
        margin: 0;
        padding: 30px 30px 70px 30px;
    }

    .team-navi-popup,
    .portfolio-navi-popup {
        position: absolute;
        width: 100%;
        height: 60px;
        top: auto;
        bottom: 0;
        border-left: 0 none;
        border-top: 1px solid #efefef;
        overflow: hidden;
    }

    .team-navi-popup a,
    .portfolio-navi-popup a,
    .team-navi-popup .counter-team,
    .portfolio-navi-popup .counter-portfolio {
        width: 25%;
        border: 0 none;
        float: left;
        display: inline-block;
        border-left: 1px solid #efefef;
    }

    .team-navi-popup a:first-child,
    .portfolio-navi-popup a:first-child {
        border-left: 0 none;
    }

    /* 0.00 Blog
    --------------------------------*/
    #blog.grid .group-post {
        float: none;
    }

    #blog.grid[data-cols="3"] .post-creative .post-link .post-naming .post-title,
    #blog.grid[data-cols="4"] .post-creative .post-link .post-naming .post-title {
        font-size: 2.7rem;
        line-height: 3.2rem;
    }

    #blog.grid[data-cols="4"] .item-blog,
    #blog.grid[data-cols="3"] .item-blog,
    #blog.grid[data-cols="2"] .item-blog {
        width: 100%;
    }

    #blog.grid[data-cols="1"] .item-blog,
    #blog.grid[data-cols="2"] .item-blog,
    #blog.grid[data-cols="3"] .item-blog,
    #blog.grid[data-cols="4"] .item-blog {
        height: 500px;
    }

    #blog.grid[data-cols="1"] .item-blog,
    #blog.grid[data-cols="2"] .item-blog,
    #blog.grid[data-cols="3"] .item-blog,
    #blog.grid[data-cols="4"] .item-blog {
        border-top: 1px solid #efefef !important;
        border-right: 0 none !important;
    }

    #blog.grid[data-cols="1"] .item-blog:first-child,
    #blog.grid[data-cols="2"] .item-blog:first-child,
    #blog.grid[data-cols="3"] .item-blog:first-child,
    #blog.grid[data-cols="4"] .item-blog:first-child {
        border-top: 0 none!important;
    }

}

@media (min-width: 320px) and (max-width: 1024px) {

    body {
        z-index: 2;
    }

    /* 0.00 Header
    --------------------------------*/
    #my-menu.mobile-menu {
        width: 100%;
        background: rgba(40,40,46,0.95);
        opacity: 0;
        display: none;
        z-index: 9999;

        -webkit-transition: none;
                transition: none;
    }

    #my-menu.mobile-menu .bg-slogan-menu {
        display: none;
    }

    #my-menu.mobile-menu .mm-panel {
        left: 0;
        width: 100%;
    }

    #my-menu.mobile-menu .mm-panel ul li a,
    #my-menu.mobile-menu .credits-social ul li a {
        color: #FFFFFF;
    }

    .no-touch #my-menu.mobile-menu .mm-panel ul li a:hover,
    .no-touch #my-menu.mobile-menu .credits-social ul li a:hover,
    #my-menu.mobile-menu .mm-panel li.current a,
    #my-menu.mobile-menu .mm-panel li.current-cat a,
    #my-menu.mobile-menu .mm-panel li.current_page_item a,
    #my-menu.mobile-menu .mm-panel li.current-menu-item a,
    #my-menu.mobile-menu .mm-panel li.current-page-ancestor a,
    #my-menu.mobile-menu .mm-panel li.current-menu-ancestor a {
        color: #EF4135;
    }

    #my-menu.mobile-menu .mm-panel .sub-menu li a {
        color: #FFFFFF!important;
    }

    .no-touch #my-menu.mobile-menu .sub-menu li a:hover {
        color: #EF4135 !important;
    }

    #my-menu.mobile-menu .menu-trigger-close {
        opacity: 0.75;

        -webkit-transition: opacity 0.215s ease-in-out;
            transition: opacity 0.215s ease-in-out;
    }

    .no-touch #my-menu.mobile-menu .menu-trigger-close:hover {
        opacity: 1;
    }

    #my-menu.mobile-menu .menu-trigger-close .bars .top, 
    #my-menu.mobile-menu .menu-trigger-close .bars .bottom {
        background: #FFFFFF;
    }

    #my-menu.mobile-menu.overflow-height {
        overflow-y: scroll;
    }

    #my-menu.mobile-menu.overflow-height .mm-panel {
        top: 50px;

        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }

    #my-menu.mobile-menu .credits-social {
        display: block;
        left: 0;
        top: 38px;
        width: auto;
        text-align: left;
    }

    #my-menu.mobile-menu .credits-social ul li {
        display: block;
        margin-left: 0;
        margin-bottom: 10px;
    }

    body.classic-header #my-menu {
        visibility: visible;
    }

    body.classic-header #my-menu .optional-menu {
        display: block;
        top: 30px;
    }

    body.classic-header .menu-nav {
        visibility: visible;
        display: block;
    }

    body.classic-header .mm-classic-panel {
        visibility: hidden;
        display: none;
    }

    /* 0.00 AZ Slider
    --------------------------------*/
    #title-header-flexslider.flexslider[data-parallax="true"] .slides > li {
        background-position: center center !important;
    }

    /* 0.00 Portfolio Filter
    --------------------------------*/
    .portfolio-filter::before {
        left: 90px;
    }

    .portfolio-filter #count-projects {
        width: 90px;
        text-align: center;
        padding: 0;
    }

    .portfolio-filter .num-name {
        display: none;
    }

    .portfolio-filter ul {
        max-width: 80%;
    }

    /* 0.00 Blog
    --------------------------------*/
    .entry-meta-area {
        float: left;
        display: block;
    }

    .entry-meta-area .left-div, 
    .entry-meta-area .right-div {
        width: 100%;
        display: block;
    }

    .entry-meta-area .left-div {
        text-align: left;
    }

    .entry-meta-area .right-div {
        border-top: 1px solid #efefef;
    }

    /* 0.00 Content 
    --------------------------------*/
    .main-content.image-parallax-cont .img-parallax-layer {
        height: 100%;
        min-height: 100% !important;
        background-position: center center;

        -webkit-transform: translateY(0px) !important;
                transform: translateY(0px) !important;
    }
    
}

@media (min-width: 320px) and (max-width: 1023px) {

    /* 0.00 Modal Share
    --------------------------------*/
    .header-share {
        left: initial;
        right: 0px;
        width: 60px;
        height: 100%;
        background: transparent;
    }

    .modal-share.five > a,
    .modal-share.four > a,
    .modal-share.three > a,
    .modal-share.two > a,
    .modal-share.one > a {
        width: 100%;
        left: 0;
    }

    /* Size */
    .modal-share.five > a {
        height: 20%;
    }

    .modal-share.four > a {
        height: 25%;
    }

    .modal-share.three > a {
        height: 33.333%;
    }

    .modal-share.two > a {
        height: 50%;
    }

    .modal-share.one > a {
        height: 100%;
    }

    /* Position */
    .modal-share.two a + a {
        top: 50%;
    }

    .modal-share.three > a + a {
        top: 33.333%;
    }

    .modal-share.three > a + a + a {
        top: 66.666%;
    }

    .modal-share.four > a + a {
        top: 25%;
    }

    .modal-share.four > a + a + a {
        top: 50%;
    }

    .modal-share.four > a + a + a + a {
        top: 75%;
    }

    .modal-share.five > a + a {
        top: 20%;
    }

    .modal-share.five > a + a + a {
        top: 40%;
    }

    .modal-share.five > a + a + a + a {
        top: 60%;
    }

    .modal-share.five > a + a + a + a + a {
        top: 80%;
    }

    .modal-share.two a + a,
    .modal-share.three > a + a,
    .modal-share.three > a + a + a,
    .modal-share.four > a + a,
    .modal-share.four > a + a + a,
    .modal-share.four > a + a + a + a,
    .modal-share.five > a + a,
    .modal-share.five > a + a + a,
    .modal-share.five > a + a + a + a,
    .modal-share.five > a + a + a + a + a {
        left: 0;
    } 

    .share-btn-footer > i {
        font-size: 32px;
        margin: -16px 0 0 -16px;
        opacity: 1;
    }

    .share-btn-footer > i,
    .no-touch .share-btn-footer:hover > i {
        opacity: 1;

        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }

    .share-btn-footer > span {
        display: none;
    }

    /* 0.00 Error Page
    --------------------------------*/
    body.error404 .no-page-header,
    #error-page .box-content-titles .back-home {
        display: block;
    }

    body.error404 .back-to-top,
    body.error404 .fake-layer-spacer,
    #error-page .box-content-link {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    #error-page {
        position: relative;
        float: left;
        width: 100%;
    }

    #error-page .fake-block-title-header,
    #error-page .title-header-container {
        float: left;
        position: relative;
        height: auto;
        width: 100%;
    }

    #error-page .box-content {
        float: left;
        width: 100%;
        height: auto;
        display: block;
        padding: 80px 0;
        border: 0 none;
    }

    #error-page .box-content-titles {
        top: 0;
        display: block;
        text-align: center;

        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }

    #error-page .box-content-titles .back-home {
        color: #28282e;
        margin-top: 50px;
    }

}

@media (min-width: 320px) and (max-width: 991px) {

    /* 0.00 Divide Section Mobile
    --------------------------------*/
    .divide-section-mobile {
        border-top: 1px solid #efefef;
    }

    /* 0.00 Equals Columns Height
    --------------------------------*/
    .equals-col-height {
        height: auto !important;
    }

    .equals-col-height.mobile-on-text {
        display: table;
        width: 100%;
        height: 0 !important;
    }

    .equals-col-height.mobile-on-text .vertical-text.mobile-on-text {
        display: table-cell;
        vertical-align: middle;
        top: 0;

        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }

    .equals-col-height.mobile-off-text {
        display: block;
    }

    .equals-col-height.mobile-off-text .vertical-text.mobile-off-text {
        display: block;
        width: 100%;
        top: 0;

        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }


    /* 0.00 Box Icons
    --------------------------------*/
    .az-box-icon-table {
        display: block;
    }

    .az-box-icon-table [class^="col-"],
    .az-box-icon-table [class*=" col-"] {
        display: block;
        border-right: 0 none;
        border-bottom: 1px solid #efefef;
    }

    .az-box-icon-table [class^="col-"]:last-child, 
    .az-box-icon-table [class*=" col-"]:last-child {
        border-bottom: 0 none;
    }

    /* 0.00 Big Title Header
    --------------------------------*/
    .box-content-titles,
    .big-format-heading .box-content-titles,
    #title-header-flexslider.flexslider .slider-content,
    #title-header-flexslider.flexslider .slider-content.big-format-heading {
        padding-left: 40px;
        padding-right: 40px;
    }

}

@media (min-width: 320px) and (max-width: 767px) { 
    blockquote {
        font-size: 2.7rem;
    }

    /* 0.00 Columns
    --------------------------------*/
    [class^="col-"], 
    [class*=" col-"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    [class^="col-"].equals-col-height, 
    [class*=" col-"].equals-col-height {
        padding: 20px !important;
    }

    .az-col-full-width-6,
    .az-col-full-width-4,
    .az-col-full-width-3,
    .az-col-full-width-2,
    .az-col-full-width-1 {
        width: 100%;
    }

    /* 0.00 Header
    --------------------------------*/
    #nav-wrapper {
        height: 60px;
    }

    #nav-wrapper .wrap-position {
        top: 12px;
    }

    .logo-setup {
        left: 20px;
    }

    .menu-nav {
        right: 12px;
    }

    .menu-trigger-close {
        top: 12px;
        right: 12px;
    }

    .optional-menu {
        display: none;
    }

    #my-menu.mobile-menu .optional-menu {
        display: block;
        top: 12px;
        right: 52px;
    }

    body.classic-header #my-menu .optional-menu {
        top: 12px;
    }

    #my-menu.mobile-menu .optional-menu[data-menu="scroll"] {
        opacity: 1;
        visibility: visible;
    }

    #my-menu.mobile-menu .mm-panel,
    #my-menu.mobile-menu .credits-social ul {
        padding-left: 22px;
        padding-right: 22px;
    }

    #my-menu.mobile-menu .credits-social {
        top: 19px;
    }

    .dots-menu-navigation {
        right: 22px;
    }

    /* 0.00 Modal Share
    --------------------------------*/
    .close-modal-share {
        top: 12px; /* ? 50% */
        right: 12px;
        /* margin-top: -17px; /* ? */
    }
    
    .share-btn-footer > i {
        font-size: 16px;
        margin: -8px 0 0 -8px;
    }

    /* 0.00 Modal Search
    --------------------------------*/
    .close-modal-search {
        top: 12px;
        right: 12px;
    }

    .modal-container-search-fake {
        display: none;
    }

    .modal-search-wrap {
        padding: 0;
        margin-top: -16px;
    }

    .modal-search form#searchform input[type="text"] {
        font-size: 3rem;
        margin-bottom: 6px;
    }

    .modal-search .search-subtitle {
        font-size: 1.2rem;
        margin-top: 10px;
    }

    /* 0.00 Title Header / AZ Slider / Special Heading
    --------------------------------*/
    .no-page-header {
        height: 60px;
    }

    .box-content-titles,
    .big-format-heading .box-content-titles,
    #title-header-flexslider.flexslider .slider-content,
    #title-header-flexslider.flexslider .slider-content.big-format-heading {
        padding-left: 18px;
        padding-right: 18px;
    }

    #title-header-flexslider.flexslider .flex-control-nav {
        display: none;
    }

    .box-content-titles .title,
    #title-header-flexslider.flexslider .slider-content .slide-title {
        font-size: 2.8rem;
        line-height: 3.3rem;
    }

    .big-format-heading .box-content-titles .title,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title,
    .az-special-heading-title {
        font-size: 5rem;
        letter-spacing: 2px;
    }

    .big-format-heading .box-content-titles .subheading,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-subtitle,
    .az-special-heading-subtitle {
        letter-spacing: 3px;
    }

    .mobile_video_button.inside, 
    .self_player_button.inside, 
    .player_YT_Mod_button.inside, 
    .vimeo_player_button.inside {
        margin-top: 40px;
    }

    /* 0.00 Footer Widgets
    --------------------------------*/
    .footer-widget-area .item-footer-widget-area .widget {
        padding: 25px 20px;
    }

    /* 0.00 Maps
    --------------------------------*/
    .zoom-controls {
        right: 20px !important;
    }

    /* 0.00 Back to Top
    --------------------------------*/
    .back-to-top {
        right: 20px;
    }

    /* 0.00 Twitter Feed
    --------------------------------*/
    .az-twitter-feed.flexslider li.error {
        padding-right: 20px;
        padding-left: 20px;
    }

    /* 0.00 Creative Modal
    --------------------------------*/
    .modal-team-divs .modal-dialog,
    .modal-portfolio-divs .modal-dialog {
        padding: 20px;
    }

    .modal-team-divs .team-modal-image,
    .modal-portfolio-divs .portfolio-modal-image,
    .portfolio-creative-slider.flexslider {
        height: 250px;
    }

    /* 0.00 Team / Portfolio / Related Posts
    --------------------------------*/
    #team-people-section .team-box,
    #portfolio-item-section .portfolio-box,
    #az-related-posts-section .related-post-box {
        padding: 20px;
    }

    /* 0.00 Portfolio Filter
    --------------------------------*/
    .portfolio-filter::before,
    .portfolio-filter #count-projects {
        display: none;
    }

    .portfolio-filter ul {
        max-width: 100%;
        float: none;
        text-align: center;
    }

    /* 0.00 Blog / Comments
    --------------------------------*/
    #blog.single-post .text-block h1 {
        font-size: 4rem;
    }

    #blog.single-post .text-block h2 {
        font-size: 3.6rem;
    }

    #blog.single-post .text-block h3 {
        font-size: 3.3rem;
    }

    #blog.wide .post-creative > .post-link {
        padding: 100px 20px;
    }

    #blog.grid .post-creative .post-caption {
        padding: 20px;
    }

    #blog.grid .post-creative .count-number-post {
        top: 20px;
        left: 20px;
    }

    .entry-meta-area .left-div,
    .entry-meta-area .right-div {
        padding: 30px 20px;
    }

    .comment-header,
    .comments-list li .comment-wrap-inner,
    .comment-respond,
    .comments-list li + .comment-respond {
        padding: 60px 20px;
    }

    .comments-list .children li .comment-wrap-inner {
        padding-left: 40px;
    }

    #comments-title {
        font-size: 2.6rem;
    }

    #comments-title .comment-count {
        font-size: 5rem;
    }

    .toggle-comment {
        top: 12px;
    }

    .comment-avatar {
        left: 6px;
        width: 62px;
        height: 62px;
    }

    .comment-inner {
        margin-left: 100px;
        padding-left: 30px;
    }

    .comment-reply-title {
        font-size: 2rem;
    }

    /* 0.00 Navigation
    --------------------------------*/
    .normal-pagination {
        height: 100px;
    }

    .normal-pagination .prev-post a .pagination-inner, 
    .normal-pagination .next-post a .pagination-inner {
        display: none;
    }

    .normal-pagination .prev-post a .icon-arrow-pag, 
    .normal-pagination .next-post a .icon-arrow-pag {
        margin: -18px;
        opacity: 1;

        -webkit-transform: translateX(0);
                transform: translateX(0);
    }

    .normal-pagination .prev-post a .icon-arrow-pag {
        left: 50%;
    }

    .normal-pagination .next-post a .icon-arrow-pag {
        right: 50%;
    }

    .normal-pagination .back-post {
        width: 48px;
        height: 48px;
        margin: -24px 0 0 -24px;
    }

    .normal-pagination .back-post a .icon-back-pag {
        font-size: 16px;
        margin: -8px 0 0 -8px;
    }

}

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

    /* 0.00 Title Header
    --------------------------------*/
    .big-format-heading .box-content-titles .title,
    #title-header-flexslider.flexslider .slider-content.big-format-heading .slide-title,
    .az-special-heading-title {
        font-size: 4rem;
        letter-spacing: 1px;
    }

    .mobile_video_button.inside, 
    .self_player_button.inside, 
    .player_YT_Mod_button.inside, 
    .vimeo_player_button.inside {
        margin-top: 30px;
    }

    /* 0.00 Team / Portfolio
    --------------------------------*/
    #team-people-section .team-box .team-naming .team-title,
    #portfolio-item-section .portfolio-box .portfolio-naming .portfolio-title,
    #az-related-posts-section .related-post-box .related-post-naming .related-post-title,
    .modal-team-divs .team-modal-description .team-modal-title,
    .modal-portfolio-divs .portfolio-modal-description .portfolio-modal-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    #team-people-section .team-box .team-naming .team-attributes,
    #portfolio-item-section .portfolio-box .portfolio-naming .portfolio-attributes,
    .modal-team-divs .team-modal-description .team-modal-attributes,
    .modal-portfolio-divs .portfolio-modal-description .portfolio-modal-attributes {
        font-size: 1.2rem;
        margin-top: 3px;
    }

    .modal-team-divs .team-modal-description h1,
    .modal-team-divs .team-modal-description h2,
    .modal-team-divs .team-modal-description h3,
    .modal-team-divs .team-modal-description h4,
    .modal-team-divs .team-modal-description h5,
    .modal-team-divs .team-modal-description h6,
    .modal-portfolio-divs .portfolio-modal-description h1,
    .modal-portfolio-divs .portfolio-modal-description h2,
    .modal-portfolio-divs .portfolio-modal-description h3,
    .modal-portfolio-divs .portfolio-modal-description h4,
    .modal-portfolio-divs .portfolio-modal-description h5,
    .modal-portfolio-divs .portfolio-modal-description h6 {
        font-size: 1.8rem;
    }

    .modal-team-divs .team-modal-description .team-modal-attributes,
    .modal-portfolio-divs .portfolio-modal-description .portfolio-modal-attributes {
        margin-bottom: 15px;
    }

    .modal-team-divs .team-modal-description, 
    .modal-portfolio-divs .portfolio-modal-description {
        font-size: 1.5rem;
        line-height: 1.55em;
    }

    .portfolio-filter li {
        font-size: 1.2rem;
    }

    .portfolio-filter li a {
        margin-right: 10px;
    }


    /* 0.00 Blog
    --------------------------------*/
    #blog.wide .post-creative .post-link .post-naming .post-title,
    #blog.grid .post-creative .post-link .post-naming .post-title,
    #blog.grid[data-cols="3"] .post-creative .post-link .post-naming .post-title,
    #blog.grid[data-cols="4"] .post-creative .post-link .post-naming .post-title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    #blog.wide .post-creative .post-link .post-naming .post-date,
    #blog.grid .post-creative .post-link .post-naming .post-date {
        font-size: 1.2rem;
    }

    #blog.grid[data-cols="1"] .item-blog,
    #blog.grid[data-cols="2"] .item-blog,
    #blog.grid[data-cols="3"] .item-blog {
        height: 400px;
    }

    /* 0.00 Comments
    --------------------------------*/
    .comment-avatar {
        display: none;
    }

    .comment-inner {
        margin-left: 0;
        padding: 0;
        border: 0 none;
    }

    #cancel-comment-reply-link {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .respond-field input, 
    .respond-comment textarea,
    .wpcf7 input, 
    .wpcf7 textarea {
        font-size: 1.7rem;
    }

}

@media (min-width: 320px) and (max-width: 359px) {

    /* 0.00 Title Header Normal
    --------------------------------*/
    .fake-layer-spacer.normal-height, 
    .title-header-container.normal-height {
        height: 350px !important;
    }

}



/* 21. Retina Display Setup
-------------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (-moz-min-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2/1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 2dppx) {

    .light-type .logo-setup.logo-img img.standard,
    .dark-type .logo-setup.logo-img img.standard.dark-mod {
        display: none;
    }
        
    .light-type .logo-setup.logo-img img.retina,
    .dark-type .logo-setup.logo-img img.retina.dark-mod {
        display: inline-block;
    }

    .mejs-overlay-button {
        background-image: url(_include/img/mediaelement/bigplay_@2x.png);
        background-size: 32px 32px;
    }

    .mejs-controls .mejs-button button {
        background-image: url(_include/img/mediaelement/controls_@2x.png);
        background-size: 50px 64px;
    }

    .lightbox .lightbox-overlay i {
        background-image: url('_include/img/sprite.png');
        background-size: 29px 58px; /* based on total height sprite */
    }

    #fancybox-loading div {
        background-image: url('_include/img/fancy_loading@2x.gif');
        background-size: 24px 24px;
    }
}