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; } ::selection { background: #EF4135; color: #FFFFFF; } ::-moz-selection { background: #EF4135; color: #FFFFFF; } html { position: relative; width: 100%; font-size: 10px; -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 { overflow-y: hidden; } .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; } 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; } 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; } .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; } .no-padding { padding: 0; } .small-padding { padding: 40px 0 40px; } .default-padding { padding: 70px 0 70px; } .large-padding { padding: 100px 0 100px; } .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; } .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%; } .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; } .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; } #header { position: fixed; top: 0px; width: 100%; max-height: 100px; z-index: 8500; } #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); } .logo-setup { position: absolute; left: 30px; top: 3px; display: block; z-index: 10001; } .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-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; } #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; } .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); } #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: #999887; 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; } #my-menu.slogan-disabled { width: 33.3%; } #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; } .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; } .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; } #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; } .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; } .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%; } .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%; } .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; } .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; } .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; } #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; } .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; } .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} #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; } .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; } #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: 5px; left: 50%; margin-left: -54px; position: absolute; top: 50%; width: 108px; } #preloader-container .pre-background-bar { background: #af812a; z-index: 1; } #preloader-container .pre-progress-bar { background: #EF4135; width: 0; z-index: 2; } #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); } .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; } 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; } .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; } .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 { 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-header .title-header-container.imagize { background-attachment: scroll; } #image-parallax-header .title-header-container.imagize-parallax { background-position: center top; background-repeat: no-repeat; background-size: cover; background-attachment: scroll; } .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-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; } } .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; } } .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; } .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; } .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; } .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; } .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; } .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); } } #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; } .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; } .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%; } .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; } .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; } .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; } .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; } .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%; } .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; } .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; } #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%; } .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; } .footer { position: relative; float: left; width: 100%; z-index: 11; -webkit-transform: translateZ(0); } .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; } .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; } .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; } .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; } .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; } .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; } .rsswidget img { display: none; } .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; } .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; } #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; } #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; } #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; } #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; } .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; } .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; } .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); } #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; } } .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; } .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; } .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; } .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; } .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); } .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; } 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; } .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; } 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; } .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; } .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; } .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; } #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; } #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); } .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; } .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); } .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; } .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; } .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; } .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; } .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; } .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; } .highlight-normal-text { color: #EF4135; } .highlight-color-text { padding: 0 4px; background-color: #EF4135; color: #FFFFFF; } .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; } .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; } .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; } .wpcf7-checkbox, .wpcf7-radio { display: block; margin-bottom: 25px; padding-top: 20px; } .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; } .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: 800; letter-spacing: 8px; margin-top: 15px; margin-bottom: 0px; text-transform: uppercase; } .az-special-heading-box-link { display: inline-block; } #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; } .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; } .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; } .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; } } .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; } } .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; } } .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; } } .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; } } .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; } } @-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%; } } @-ms-viewport{ width:device-width; } @-o-viewport{ width:device-width; } @viewport{ width:device-width; } @media (min-width: 1401px) and (max-width: 1699px) { .az-col-full-width-1 { width: 20%; } } @media (min-width: 1200px) and (max-width: 1400px) { .az-col-full-width-1, .az-col-full-width-2 { width: 25%; } #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) { .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) { .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) { .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) { .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) { .share-btn-footer > i { font-size: 32px; margin: -16px 0 0 -16px; } } @media (min-width: 320px) and (max-width: 1199px) { .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; } .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; } #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; } #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; } #title-header-flexslider.flexslider[data-parallax="true"] .slides > li { background-position: center center !important; } .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%; } .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; } .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) { .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; } .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%; } .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; } 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) { .divide-section-mobile { border-top: 1px solid #efefef; } .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); } .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; } .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; } [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%; } #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; } .close-modal-share { top: 12px; right: 12px; } .share-btn-footer > i { font-size: 16px; margin: -8px 0 0 -8px; } .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; } .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; } .footer-widget-area .item-footer-widget-area .widget { padding: 25px 20px; } .zoom-controls { right: 20px !important; } .back-to-top { right: 20px; } .az-twitter-feed.flexslider li.error { padding-right: 20px; padding-left: 20px; } .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; } #team-people-section .team-box, #portfolio-item-section .portfolio-box, #az-related-posts-section .related-post-box { padding: 20px; } .portfolio-filter::before, .portfolio-filter #count-projects { display: none; } .portfolio-filter ul { max-width: 100%; float: none; text-align: center; } #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; } .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) { .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; } #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; } #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; } .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) { .fake-layer-spacer.normal-height, .title-header-container.normal-height { height: 350px !important; } } @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; } #fancybox-loading div { background-image: url('_include/img/fancy_loading@2x.gif'); background-size: 24px 24px; } }