@charset "UTF-8"; /* ======================================================================== ARCHITEKT: theme.css Main Theme CSS file @Author: Andrew ch @URL: http://andrewch.eu This is the file you need to edit to change the look of the theme. ======================================================================== - // TABLE OF CONTENTS // - ======================================================================== 01. Components 02. Header 03. Typography 04. Utilities 05. Buttons 06. Blog 07. Contact 08. Footer 09. Portfolio 10. Animate.css 11. Revolution Slider 12. Magnific Popup 13. Font Icons */ .custom-transition { -webkit-transition: all 500ms cubic-bezier(0.25, 0.25, 0.155, 0.845); -moz-transition: all 500ms cubic-bezier(0.25, 0.25, 0.155, 0.845); -o-transition: all 500ms cubic-bezier(0.25, 0.25, 0.155, 0.845); transition: all 500ms cubic-bezier(0.25, 0.25, 0.155, 0.845); /* custom */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.155, 0.845); -moz-transition-timing-function: cubic-bezier(0.25, 0.25, 0.155, 0.845); -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.155, 0.845); transition-timing-function: cubic-bezier(0.25, 0.25, 0.155, 0.845); /* custom */ } /* COMPONETS */ /* ===================================== */ /* - General Section Classes - */ .section { position: relative; z-index: 9999 !important; padding: 96px 0px; } .section.section-white { background-color: #fff; color: #1C140D !important; z-index: 999999 !important; position: relative; } .section.section-semi-white { background-color: #fbf9f6; color: #1C140D !important; z-index: 9999 !important; position: relative; } .section.section-black { background-color: #2b2b2b; color: #fdfdfd !important; z-index: 99 !important; position: relative; } .section.section-black a { color: #fff; } .section.section-black a:hover { color: #E74C3C; } .section.section-black .section-head p { opacity: 1; } .section.section-banner { background-color: #303030; color: #fdfdfd !important; z-index: 9999999 !important; position: relative; } .section.section-banner a { color: #fff; } .section.section-banner a:hover { color: #E74C3C; } .section.section-line-banner { background-color: #f2f2f2 !important; color: #fdfdfd !important; z-index: 999 !important; position: relative; } .section.section-line-banner a { color: #1C140D; } .section.section-line-banner a:hover { color: #E74C3C; } .section.section-line-banner h3 { color: #1C140D; } .section.section-padding-top-more { padding-top: 150px; } /* -- Section Decorations -- */ [class*="decor-"] { position: absolute; width: 100%; height: 60px; left: 0; } [class*="decor-"] svg { height: 101%; } .decor-top { bottom: 100%; } .decor-bottom { top: 100%; } .decor { display: block; position: relative; margin: 0 auto; } /* - Sections height - */ .section-short-top { padding: 60px 0px 116px 0px !important; } .section-short-bottom { padding: 1166px 0px 60px 0px !important; } .section-short { padding: 60px 0; } .section-tiny { padding: 24px 0; } .section-nopadding { padding: 0 !important; position: relative; } .section-nopadding-bottom { padding-bottom: 0 !important; } .section-nopadding-top { padding-top: 0 !important; } /* - Full height Sections - */ .section-fullheight { min-height: 100vh; width: 100%; } /* - Responsive Sections - */ @media (min-width: 1400px) { .section { padding: 120px 0; } .section-short { padding: 72px 0; } .section-tiny { padding: 24px 0; } } @media (max-width: 767px) { .section { padding: 60px 0; } .section-short { padding: 48px 0; } .section-tiny { padding: 24px 0; } [class*="decor-"] { height: 36px; } .container { padding: 0 20px; } .section .section .container { padding: 0; width: auto; } } /* - Section Heading - */ .section-black .section-head:before { background-color: #fff; } .section-head { margin-bottom: 48px; } .section-head:before { content: ''; position: absolute; display: block; width: 23px; height: 7px; background-color: #1C140D; left: -40px; top: 40px; } .section-head h2 { letter-spacing: 0px; margin-bottom: 24px; } @media (max-width: 700px) { .section-head h2 { line-height: 40px !important; } } .section-head h3 { font-weight: 900 !important; letter-spacing: 0px; margin-bottom: 0px; } @media (max-width: 700px) { .section-head h3 { line-height: 40px !important; } } .section-head h4 { letter-spacing: 1px; margin-bottom: 24px; } .section-head span { margin-bottom: 10px; font-weight: 900 !important; color: #E74C3C; } .section-head small { font-weight: 400; font-size: 12px; padding-bottom: 14px; display: block; } .section-head p { max-width: 700px; display: block; margin-left: auto; margin-right: auto; line-height: 26px !important; opacity: .8; margin-bottom: 24px; } .section-head img { margin-top: 5px; margin-bottom: 20px; } .section-head a.btn-next-section { font-size: 24px; z-index: 999; margin-top: 48px; } .section-head a.btn-next-section:hover { color: #fff; } .section-head-white > * { color: #fff; } /* - Hero - */ .hero { display: flex; align-items: middle; align-content: center; } .relative { position: relative; z-index: 999; } .background-image-center { background-size: cover; background-repeat: no-repeat; } /* - Decoration texts - */ .text-rotated { position: absolute; font-size: 12px; z-index: 99 !important; letter-spacing: 2px; } @media (max-width: 991px) { .text-rotated { display: none; } } .text-rotated.hero { bottom: -6px; right: 57px; width: 133px; height: 200px; color: #fff; } .text-rotated.hero:before { content: ''; width: 70px; height: 1px; background-color: white; display: block; position: absolute; left: -90px; top: 12px; } .text-rotated.hero.home { right: 59px; } .text-rotated.hero.home:before { content: ''; width: 70px; height: 1px; background-color: white; display: block; position: absolute; left: -90px; top: 9px; } /* - Form control - */ .form-control { border-radius: 0px !important; height: 55px; } .form-control:focus { outline: none; box-shadow: none; } /* - Text block - */ .text-block.alternative { color: #fff; } .text-block.inline-block { display: inline-block; } .text-block span { margin-bottom: 10px; font-weight: 800 !important; color: #e64837; } .text-block h1 { font-weight: 900; letter-spacing: 5px; } @media (min-width: 1200px) { .text-block h1 { font-size: 5em !important; } } .text-block h2 { font-weight: 700; letter-spacing: 1px; } .text-block h3 { font-weight: 700; letter-spacing: 1px; } .text-block h3.bigger, .text-block .section-head h3, .section-head .text-block h3, .text-block .portfolio-single-introduction h3, .portfolio-single-introduction .text-block h3 { font-size: 34px; } .text-block h5 { font-weight: 700; } .text-block h4 { font-weight: 800; letter-spacing: 1px; } .text-block p { margin-top: 14px; } .text-block p.no-margin { margin-top: 0; } .text-block i { font-size: 16px; margin-left: 0 !important; padding-left: 0 !important; } .text-block a.btn.btn-link { padding: 0 !important; padding-bottom: 2px !important; padding-top: 3px !important; } .text-block .block { display: block; } .text-block ul.footer-list li { margin-bottom: 8px; } .text-block ul.footer-list li a { color: #fff; } .text-block ul.footer-list li a:hover { background-color: transparent; color: #E74C3C; } .text-block ul li { margin-bottom: 14px; } .text-block ul li a.with-effect { border-bottom: 3px solid #E74C3C; } .text-block.header h1 { margin-left: 3px; } .text-block.footer h3 { margin-left: 5px; } .text-block.footer h4 { margin-left: 3px; } .text-block.footer p { margin-left: 5px; max-width: 75%; text-align: justify; } .text-block.footer ul { margin-left: 3px; margin-top: 24px; } .text-block.footer ul li { margin-bottom: 7px; } .text-block.footer ul li a { letter-spacing: 1px; color: #fff; } .text-block.footer ul li a:hover { color: #E74C3C; } .text-block.footer ul:after { content: ''; width: 20px; height: 5px; position: relative; display: block; margin-top: 24px; margin-left: 0px; background-color: #E74C3C; } .text-block.footer a.btn { margin-left: 4px; margin-top: 24px; color: #fff; } /* - Grid borders - */ .line-left:before { content: ''; position: absolute; min-height: 700px; width: 1px; background-color: rgba(255, 255, 255, 0.1); display: block; z-index: 999; top: -300px; left: 17px; } @media (max-width: 768px) { .line-left:before { content: ''; position: absolute; min-height: 700px; width: 1px; background-color: rgba(255, 255, 255, 0.1); display: none; z-index: 999; top: -300px; left: 17px; } } .line-wrap { height: 100vh; float: left; } .slider-line:before { content: ''; position: absolute; height: 700px; width: 1px; background-color: rgba(255, 255, 255, 0.1); display: block; z-index: 999; left: 3px; top: -305px; } .footer-line-left:before { content: ''; position: absolute; min-height: 420px; width: 1px; background-color: rgba(255, 255, 255, 0.1); display: block; z-index: 999; top: -2px; left: 17px; } @media (max-width: 991px) { .footer-line-left:before { display: none; } } .test-1 { background-color: #2b2b2b; } .grid-lines { position: fixed; width: 100%; height: 100%; z-index: 3; } .grid-lines .line { width: 33.33333%; left: 16.66667%; border-right: 1px solid rgba(255, 255, 255, 0.5); height: 100%; float: left; position: relative; } .line-thick { width: 40px; display: block; position: relative; height: 20px; background-color: #E74C3C; margin-left: 3px; margin-top: 5px; } @media (max-width: 768px) { .line-thick { width: 30px; height: 10px; } } .scroll-down-icon { position: absolute; bottom: 49px; left: 20px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90), M12=-sin(-90), M21=sin(-90), M22=cos(-90))"; zoom: 1; font-size: 12px; letter-spacing: 3px; } @media (max-width: 991px) { .scroll-down-icon { left: 0px; } } .header-secondary { color: #fff; position: absolute; bottom: -263px; left: 17px; font-size: 12px; } .header-secondary:before { content: ''; width: 30px; height: 3px; background-color: #E74C3C; position: absolute; display: block; top: 7px; left: -36px; } .header-secondary a, .header-secondary span { font-size: 12px; letter-spacing: 2px; } @media (max-width: 991px) { .header-secondary { display: none; } } .slider-secondary { color: #fff; position: absolute; bottom: -200px; left: 17px; font-size: 12px; } .slider-secondary:before { content: ''; width: 30px; height: 3px; background-color: #E74C3C; position: absolute; display: block; top: 7px; left: -36px; } .slider-secondary a, .slider-secondary span { font-size: 12px; letter-spacing: 2px; } /* - Feature box - */ .feature-box figure { min-height: 200px; background-color: #2b2b2b; } .feature-box figure i { color: #fff; } .feature-box div { background-color: #E74C3C; padding: 14px; color: #fff; } .feature-box div span { line-height: 26px; } /* - Features list - */ ul i { font-size: 18px; padding-right: 5px; } .features-list li { color: #1C140D; position: relative; padding-left: 14px; } .features-list li:before { content: ''; width: 5px; height: 5px; background-color: #E74C3C; margin-right: 5px; display: block; position: absolute; top: 4px; left: 0; border-radius: 50%; } .features-list li a { color: #1C140D; } .features-list li a:hover { color: #E74C3C; } /* - Counters - */ .award-counter { font-size: 2.7em; margin-top: 5px; color: #E74C3C; font-weight: 900; display: block; margin-bottom: 20px; } .award-counter:after { content: ''; width: 20px; height: 4px; background-color: #1C140D; position: absolute; right: 17px; bottom: -15px; } @media (max-width: 991px) { .award-counter:after { left: 17px; } } /* - Overlay - */ .section-overlay:before { content: ''; background-color: rgba(43, 43, 43, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } /* - Icon Block - */ .icon-block { position: relative; padding-left: 50px; cursor: default; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .icon-block i { position: absolute; font-size: 26px; left: 0; top: 0; } .icon-block h4 { font-weight: 700; padding-top: 6px; position: relative; font-size: 18px; } .icon-block p { margin-top: 8px; } .icon-block:after { content: ''; background-color: #2b2b2b; width: 20px; height: 5px; position: relative; display: block; margin-top: 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .icon-block:hover:after { background-color: #E74C3C; } /* - Process - */ .process-block { position: relative; padding-left: 70px; cursor: default; } .process-block i { position: absolute; top: 0; left: 0; font-size: 40px; } .process-block h3 { font-weight: 700; padding-top: 14px; } .process-block p { margin-top: 14px; } .process-block span { position: absolute; top: -30px; left: -30px; font-weight: 700; font-size: 92px; color: rgba(255, 255, 255, 0.03); } .process-block:after { content: ''; background-color: #fff; width: 20px; height: 5px; position: relative; display: block; margin-top: 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .process-block:hover:after { background-color: #E74C3C; } /* - Team member - */ .team-member > a { font-size: 12px; color: #1C140D; } .team-member > a:hover { color: #E74C3C; } .team-member img { width: 100%; } .team-member h3 { font-weight: 700; margin-top: 24px; } .team-member h3 a { color: #1C140D; } .team-member h3 a:hover { color: #E74C3C; } .team-member h3 small { font-size: 10px; font-weight: 400; display: block; margin-top: 4px; color: #62462d; } .team-member p { margin-top: 24px; font-style: italic; } .team-member .team-member-image { position: relative; } .team-member .team-member-image img { display: block; } .team-member .team-member-image .team-member-overlay { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; background-color: #2b2b2b; opacity: 0; } .team-member:after { content: ''; background-color: #1C140D; width: 20px; height: 5px; position: relative; display: block; margin-top: 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .team-member:hover:after { background-color: #E74C3C; } /* - Storyline - */ .story-date h2 { font-size: 40px; font-weight: 700; margin-top: 10px; } /* - Banners - */ @-webkit-keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 150s linear infinite; -moz-animation: rotating 150s linear infinite; -ms-animation: rotating 150s linear infinite; -o-animation: rotating 150s linear infinite; animation: rotating 150s linear infinite; } @-webkit-keyframes rotating-reverse { from { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rotating-reverse { from { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } to { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .rotating-reverse { -webkit-animation: rotating-reverse 150s linear infinite; -moz-animation: rotating-reverse 150s linear infinite; -ms-animation: rotating-reverse 150s linear infinite; -o-animation: rotating-reverse 150s linear infinite; animation: rotating-reverse 150s linear infinite; } .rotating-image-1 { position: absolute; top: 50px; left: 600px; z-index: -1; } .rotating-image-2 { position: absolute; top: 400px; left: 200px; z-index: -1; } .rotating-image-3 { position: fixed; top: 00px; right: 0px; z-index: -9; overflow-y: hidden; } /* - Captions - */ .tp-caption a { color: #fff; font-size: 12px; letter-spacing: 2px; } .tp-caption a:hover { color: #E74C3C; } .tp-caption a.btn { font-weight: 400 !important; font-size: 12px !important; } /* - Pagination - */ ul.pagination:after { content: '\25BA'; margin-top: 8px; display: inline-block; margin-left: 5px; font-size: 10px; } ul.pagination li { background-color: transparent; } ul.pagination li.active a { background-color: transparent; color: #E74C3C !important; } ul.pagination li.active a:hover, ul.pagination li.active a:active, ul.pagination li.active a:focus { background-color: transparent; color: #E74C3C !important; } ul.pagination li.disabled a { background-color: transparent; color: #2b2b2b !important; } ul.pagination li.disabled a:hover, ul.pagination li.disabled a:active, ul.pagination li.disabled a:focus { background-color: transparent; color: #2b2b2b !important; } ul.pagination li a { background-color: transparent; border: 0px !important; font-weight: 700; border-radius: 0px !important; color: #2b2b2b !important; margin-right: 5px; } ul.pagination li a:hover { background-color: transparent; color: #E74C3C !important; } ul.pagination li:active, ul.pagination li:focus { background-color: transparent !important; } ul.pagination li:active a, ul.pagination li:focus a { background-color: transparent !important; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { background-color: transparent !important; } /* HEADER */ /* ===================================== */ /* Header */ .main-navigation { background-color: #fdfdfd; position: absolute; width: 100%; padding: 0 0px; } /* Logo */ .logo img { height: 50px; margin: 30px 0px; z-index: 99999999; position: relative; display: inline-block; } @media (max-width: 991px) { .logo { margin-left: -11px; } } /* - Desktop Menu - */ @media (max-width: 991px) { .visible-menu { display: none; } } .visible-menu a { color: #fff; } .visible-menu a:hover { color: #E74C3C; } nav { text-align: right; } nav ul { margin: 30px 0px; z-index: 9; position: relative; display: inline-block; } nav ul li { display: inline-block; padding: 0px 15px; font-size: 14px; font-weight: 400; margin-top: 15px; } nav ul li:last-child { padding-right: 0px; } nav ul li a { color: #fdfdfd; letter-spacing: 1px; font-size: 14px; font-weight: 700; } nav ul li a:hover { color: #fdfdfd; } /* - Dropdown - */ .dropdown-icon { margin-left: 3px; } /* .dropdown-toggle:hover svg { line { @include transition(.2s); stroke:$brand-primary; } } */ ul.dropdown-menu { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 24px; border: 0px; padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 1px !important; border-radius: 1px !important; background-clip: padding-box !important; /* stops bg color from leaking outside the border: */ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul.dropdown-menu li { padding-left: 0; margin-left: 0; } ul.dropdown-menu li:hover { background-color: none; } ul.dropdown-menu li a { font-size: 12px; font-weight: 400; opacity: .9; letter-spacing: 0px; } ul.dropdown-menu li a:hover { background-color: transparent; color: #E74C3C; } /* - Hamburger Icon - */ #nav-toggle { position: relative; top: 46%; margin-top: 49px; cursor: pointer; display: inline-block; padding: 10px 30px 14px 0px; z-index: 999999999; } @media (max-width: 991px) { #nav-toggle { right: -3px; top: 0 !important; } } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 2px; width: 25px; background: #fff; position: absolute; display: block; content: ''; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } #nav-toggle:hover > span:before { top: 0px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #nav-toggle:hover > span:after { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); bottom: 0px; } #nav-toggle span:before { top: -8px; } #nav-toggle span:after { bottom: -8px; } #nav-toggle.active span { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #nav-toggle.active span:before, #nav-toggle.active span:after { top: 0px; } #nav-toggle.active span:before { background: transparent; } #nav-toggle.active span:after { background: transparent; } /* - Sidebar menu - */ .cbp-spmenu { position: fixed; padding: 0; margin: 0 !important; overflow-x: hidden; overflow-y: visible; display: block; visibility: visible; background: #1e1e1e !important; background-size: cover; z-index: 99999999; } .no-scroll { overflow-y: hidden; } .cbp-spmenu .logo { position: absolute; left: 25px; top: -7px; } @media (max-width: 640px) { .cbp-spmenu .logo { display: none; } } /* Orientation-dependent styles for the content of the menu */ .cbp-spmenu-vertical { width: 400px; height: 100%; top: 0; } .cbp-spmenu-horizontal { width: 300px; height: 150px; left: 0; z-index: 1000; overflow: hidden; } @media (max-width: 409px) { .cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; z-index: 9999999; } .cbp-spmenu-horizontal { width: 250px; height: 150px; left: 0; z-index: 1000; overflow: hidden; } .cbp-spmenu-left { left: -250px; } .cbp-spmenu-right { right: -250px; } } .cbp-spmenu-horizontal h3 { height: 600px; width: 20%; float: left; } .cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; } /* Vertical menu that slides from the left or right */ .cbp-spmenu-left { left: -400px; } .cbp-spmenu-right { right: -400px; } .cbp-spmenu-left.cbp-spmenu-open, .cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open { left: 0px; } .cbp-spmenu-right.cbp-spmenu-open, .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open { right: 0px; } /* Horizontal menu that slides from the top or bottom */ .cbp-spmenu-top { top: -150px; } .cbp-spmenu-bottom { bottom: -150px; } .cbp-spmenu-top.cbp-spmenu-open { top: 0px; } .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; } /* Push classes applied to the body */ .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; } .cbp-spmenu-push-toright, .cbp-spmenu-push-toright .navbar-fixed-top { left: 100%; } .cbp-spmenu-push-toleft, .cbp-spmenu-push-toleft .navbar-fixed-top { left: -400px; } /* Transitions */ .cbp-spmenu, .cbp-spmenu-push, .navbar { -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */ -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */ } /* content style */ .cbp-spmenu ul { margin: 160px 0; padding: 0; padding-left: 10px; list-style: none; width: 400px; position: relative; z-index: 99999; text-align: left; } @media (max-width: 991px) { .cbp-spmenu ul { padding-left: 0px; } } .cbp-spmenu ul li { width: 100%; } .cbp-spmenu ul li > a { display: inline-block; padding: 8px 0; outline: none; font-size: 14px; font-weight: 700; text-indent: 7px; text-decoration: none; letter-spacing: 4px; } .cbp-spmenu ul li > a:hover { color: #E74C3C; letter-spacing: 5px; } .cbp-spmenu ul li > a:hover { text-decoration: none; background: none; } .cbp-spmenu ul li > a:focus { text-decoration: none; background: none; } .cbp-spmenu ul li ul { width: 400px; background: none; margin: 0; display: none; padding: 14px 0px 14px 15px; } .cbp-spmenu ul li ul li { background: none; margin-bottom: 5px; } .cbp-spmenu ul li ul li:last-child { padding-right: 5px !important; } .cbp-spmenu ul li ul li a { font-size: 12px; padding: 5px 0; font-weight: 400; } .cbp-spmenu ul li ul li a:hover { letter-spacing: 4px; } .cbp-spmenu .dropdown-menu { border: none; box-shadow: none; } .cbp-spmenu span { width: 100%; float: left; position: absolute; bottom: 25px; left: 25px; text-align: left; font-size: 10px; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.3); text-transform: uppercase; } @media (max-width: 568px) { .cbp-spmenu .copyright { display: none !important; } } .cbp-spmenu-push-toright:after { content: ''; width: 600px; height: 600px; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 20; } @media only screen and (max-width: 640px), only screen and (max-device-width: 640px) { .cbp-spmenu ul { width: 100%; } .cbp-spmenu-vertical { width: 100%; } .cbp-spmenu-left { left: -100%; } .cbp-spmenu-right { right: -100%; z-index: 999999; } .cbp-spmenu-push-toleft, .cbp-spmenu-push-toleft .navbar-fixed-top { left: -320px; } } /* GENERAL TYPOGRAPHY RULES */ /* ===================================== */ /* - Body - */ body { -webkit-font-smoothing: antialiased; font-family: "Poppins", sans-serif !important; font-weight: 400; font-size: 1.3em; } /* - Content - */ p { line-height: 28px; } h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; z-index: 1; font-family: "Poppins", sans-serif !important; } h1.headings-caps, h2.headings-caps, h3.headings-caps, h4.headings-caps, h5.headings-caps, h6.headings-caps { text-transform: uppercase; } .transition-overlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99999; opacity: 0; visibility: hidden; } .transition-overlay.show-me { opacity: 1; visibility: visible; } .transition-overlay { transition-duration: 700ms; -webkit-transition-duration: 700ms; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } h1, .headline { font-size: 36px; line-height: 48px; } h1 small { font-size: 24px; } h2 { font-size: 24px; line-height: 24px; } h2 small { font-size: 18px; } h3 { font-size: 21px; line-height: 24px; } h3 small { font-size: 16px; font-weight: light; } h4, h5, h6 { line-height: 24px; } h4 { font-size: 16px; } h4 small { font-size: 13px; } h5 { font-size: 14px; } h6 { font-size: 11px; text-transform: uppercase; margin: 0; } /* - Links - */ .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } a { text-decoration: none; color: #E74C3C; padding: 3px 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.alternative { color: #fff; } a:hover { text-decoration: none !important; color: #fff; } a:active, a:focus { outline: none; text-decoration: none !important; color: #E74C3C !important; } .main-navigation a:hover { background-color: transparent; } /* - Blockquote - */ blockquote { font-style: italic; font-weight: 200; } blockquote small { margin-top: 24px; font-style: normal; } /* - Spaced title - */ .title-space, .section-head span, .text-block span, .blog-post-single-details span, .portfolio-single-introduction span { letter-spacing: 7px; font-size: 13px; text-transform: uppercase; display: block; font-weight: 400; } h1 > small.subheading { letter-spacing: 4px; font-size: 8px; display: block; } /* - Form elements - */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { box-shadow: 0px; -webkit-box-shadow: 0px; -webkit-appearance: none; -moz-appearance: none; text-shadow: none; font-weight: light; -webkit-font-smoothing: antialiased; border-radius: 0px !important; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline: none; border: 1px solid rgba(255, 255, 255, 0.1) !important; } input[type="submit"], input[type="button"] { -webkit-font-smoothing: antialiased; border: 0; padding: 6px 12px; } input[type="submit"]:focus, input[type="button"]:focus { outline: none; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; } button:focus, button:active { outline: none !important; border: none !important; } /* - Buttons - */ .btn { font-size: 14px !important; } .btn-sm { border-radius: 0px; } /* - Pre and code - */ pre, code, var, kbd, samp, tt, dir, listing, plaintext, xmp, abbr, acronym, q { font-size: 14px; word-break: normal; border: 0; } /* - Font weight classes - */ .black { font-weight: bolder; } .bold, .section-head h2, .section-head h4, .portfolio-single-introduction h3 { font-weight: bold; } .regular { font-weight: normal; } .light { font-weight: lighter; } .hairline { font-weight: lighter; } /* - Font size classes - */ .big, .section-head h4, .section-head p, .portfolio-single-introduction p { font-size: 22px; line-height: 0.8; } .bigger, .section-head h3, .feature-box figure i, .portfolio-single-introduction h3 { font-size: 42px; line-height: 0.8; } .super, .section-head h2, .text-block h1, .text-block h2 { font-size: 60px; line-height: 0.8; margin-bottom: 0; } .super small, .section-head h2 small, .text-block h1 small, .text-block h2 small { font-size: .35em; } .hyper { font-size: 150px; line-height: 0.8; } .hyper small { font-size: .35em; } .tiny { font-size: 12px; } /* - Text aligns classes - */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } /* - Text transform classes - */ .text-caps { text-transform: uppercase !important; } .text-italic { font-style: italic; } .text-lowercase { text-transform: none !important; } /* Responsive typography */ @media (max-width: 767px) { h1, .headline { font-size: 24px; line-height: 36px; } h1 small { font-size: 16px; } h2 { font-size: 21px; line-height: 36px; } h2 small { font-size: 14px; } h3 { font-size: 18px; line-height: 36px; } h3 small { font-size: 14px; } .super, .section-head h2, .text-block h1, .text-block h2 { font-size: 48px; } .super small, .section-head h2 small, .text-block h1 small, .text-block h2 small { margin-top: 12px; display: block; } .hyper { font-size: 70px; line-height: 1; } .small-screen-center { text-align: center !important; } .small-screen-margin-bottom { margin-bottom: 24px !important; } .small-screen-center.bordered-header:after { left: 50%; margin-left: -35px; } } @media (max-width: 480px) { .super, .section-head h2, .text-block h1, .text-block h2 { font-size: 36px; line-height: 1em; } .hyper { font-size: 48px; line-height: 1em; } .title-space, .section-head span, .text-block span, .blog-post-single-details span, .portfolio-single-introduction span { letter-spacing: 0 !important; } } @media (max-width: 320px) { body { font-size: 14px; } h1, .headline { font-size: 21px; line-height: 24px; } h1 small { font-size: 14px; } h2 { font-size: 18px; line-height: 24px; } h2 small { font-size: 12px; } h3 { font-size: 16px; line-height: 24px; } h3 small { font-size: 11px; } .big, .section-head h4, .section-head p, .portfolio-single-introduction p { font-size: 18px; line-height: 1; } .bigger, .section-head h3, .feature-box figure i, .portfolio-single-introduction h3 { font-size: 21px; line-height: 1; } .super, .section-head h2, .text-block h1, .text-block h2 { font-size: 24px; line-height: 1; } .hyper { font-size: 36px; line-height: 1; } } hr { opacity: 1; } /* UTILITY CLASSES */ /* ===================================== */ .border-left { border-left: 1px solid black; } /* - Flexbox - */ .width-100 { width: 100vw; } .height-100 { height: 100vh; } .height-50 { height: 600px; } .aligner { display: flex; align-items: center; justify-content: center; } .desktop-aligner { display: flex; align-items: center; justify-content: center; } @media (max-width: 991px) { .desktop-aligner { display: block; } } .footer-aligner { display: flex; justify-content: center; } @media (max-width: 991px) { .footer-aligner { display: block; } } .aligner-item { max-width: 100%; } .aligner-item-top { align-self: flex-start; } .aligner-item-bottom { align-self: flex-end; } /* - Margin elements - */ .margin-top-custom { margin-top: 28px !important; } .no-margin { margin: 0 !important; } .margin-bottom { margin-bottom: 24px !important; } .margin-bottom-small { margin-bottom: 14px !important; } .margin-top { margin-top: 24px !important; } .margin-left { margin-left: 24px !important; } .margin-left-big { margin-left: 100px !important; } .margin-right { margin-right: 24px !important; } .margin-right-big { margin-right: 100px !important; } .margin-top-big { margin-top: 48px !important; } .margin-top-huge { margin-top: 96px !important; } .margin-top-small { margin-top: 10px; } .negative-margin-top-50 { margin-top: -50px; } .negative-margin-bottom-50 { margin-bottom: -50px; } .negative-margin-top-100 { margin-top: -100px; } .negative-margin-top-150 { margin-top: -150px; } .negative-margin-top-200 { margin-top: -200px; } .negative-margin-bottom-100 { margin-bottom: -100px; } .negative-margin-bottom-150 { margin-bottom: -150px; } .negative-margin-bottom-200 { margin-bottom: -200px; } /* - Padding elements - */ .no-padding { padding: 0 !important; } .padding-bottom { padding-bottom: 24px !important; } .padding-top { padding-top: 24px !important; } .padding-left { padding-left: 24px !important; } .padding-right { margin-right: 24px !important; } .padding-right-small { margin-right: 14px !important; } .padding-top-big { padding-top: 48px !important; } .padding-top-huge { padding-top: 250px !important; } .padding-bottom-fix { padding-bottom: 250px; } .padding-footer { padding: 96px 0px 0px 0px; } /* - Padded elements - */ .padded { margin-bottom: 24px; padding-bottom: 24px; } .padded-big { margin-bottom: 48px; padding-bottom: 48px; } .padded-huge { margin-bottom: 96px; padding-bottom: 48px; } .padded-top { margin-top: 24px; padding-top: 24px; } .padded-top-big { margin-top: 48px; padding-top: 48px; } .padded-top-huge { margin-top: 96px; padding-top: 48px; } .padding-left-big { padding-left: 30px !important; } /* - Block behaviors */ .block { display: block !important; } .inline-block { display: inline-block !important; } /* - Clear - */ .clear { clear: both; } /* - Responsive Images */ img { max-width: 100%; height: auto; } /* - Disabled - */ .disabled { opacity: .5; } /* - Vertical Middle - */ .vertical-middle, .vertical-bottom { display: table; } .vertical-middle > *, .vertical-bottom > * { display: table-cell; float: none; } .vertical-middle > * { vertical-align: middle; } .vertical-bottom > * { vertical-align: bottom; } @media (min-width: 993px) { .vertical-middle-desktop, .vertical-bottom-desktop { display: table; } .vertical-middle-desktop > *, .vertical-bottom-desktop > * { display: table-cell; float: none; } .vertical-middle-desktop > * { vertical-align: middle; } .vertical-bottom-desktop > * { vertical-align: bottom; } } .click-disable, .section-head img { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* - Opacity Classes - */ .opacity-01 { opacity: .1; } .opacity-02 { opacity: .2; } .opacity-03 { opacity: .3; } .opacity-03 { opacity: .3; } .opacity-04 { opacity: .4; } .opacity-05 { opacity: .5; } .opacity-06 { opacity: .6; } .opacity-07 { opacity: .7; } .opacity-08 { opacity: .8; } .opacity-09 { opacity: .9; } .opacity-10 { opacity: 1; } /* - Width 100vw - */ .width-100 { width: 100vw !important; } /* - Responsive Utilities */ @media (max-width: 991px) { .small-screen-no-padding-top { padding-top: 0 !important; } .small-screen-no-negative-margin { margin-top: 0 !important; margin-bottom: 0 !important; } .small-screen-margin-top { margin-top: 24px !important; } .small-screen-margin-top-huge { margin-top: 55px !important; } .small-screen-no-margin-top { margin-top: 0 !important; } .small-image-center { float: none; margin-left: auto; margin-right: auto; } .small-screen-margin-bottom-big { margin-bottom: 48px; } .small-text-center { text-align: center !important; } .small-screen-padding-0 { padding: 0 !important; padding-left: 20px !important; } .small-screen-margin-small { margin-top: 15px !important; } .small-screen-text-left { text-align: left !important; } .small-screen-text-center { text-align: center !important; } .padding-top-huge { padding-top: 24px !important; } .small-screen-no-margin { margin: 0; margin-left: 0 !important; } .small-screen-hidden { display: none !important; } } @media (max-width: 491px) { .xs-screen-margin-top { margin-top: 24px !important; } .xs-screen-no-margin-top { margin-top: 0 !important; } .xs-screen-hidden { display: none !important; } .xs-screen-text-center { text-align: center !important; } } /* - Animation Control - */ .pause_animation { -moz-animation-name: none; -webkit-animation-name: none; animation-name: none; visibility: hidden; } .rotated, .text-rotated { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rotated-back { transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* - List Controls - */ .list-reset, .text-block ul.footer-list, .text-block ul, .features-list, nav ul, .blog-post-single-details ul, .post-social, ul.fullscreen-wrap, .work-post-social { padding-left: 0; list-style: none; } /* - Monitor Margin - */ .margin-top-100 { margin-top: -100px; } /* - Slider - */ @media (max-width: 778px) { .line-hidden { display: none; } } .btn { border: 0 !important; } .btn-default { background: #ecf0f1 !important; color: #171720 !important; } .btn-default:hover { background: #ecf0f1 !important; color: #171720 !important; } .btn-warning { background: #d35400 !important; color: #fff !important; } .btn-warning:hover { background: #d35400 !important; color: #fff !important; } .btn-danger { background: #e74c3c !important; color: #fff !important; } .btn-danger:hover { background: #e74c3c !important; color: #fff !important; } .btn-success, form.newsletter-form button { background: #2ecc71 !important; color: #fff !important; } .btn-success:hover, form.newsletter-form button:hover { background: #2ecc71 !important; color: #fff !important; } .btn-info { background: #3498db !important; color: #fff !important; } .btn-info:hover { background: #3498db !important; color: #fff !important; } .btn-primary { background: #2098D1 !important; color: #fff !important; } .btn-primary:hover { background: #2098D1 !important; color: #fff !important; } .btn-link, #contact_form button[type="submit"] { background: rgba(255, 255, 255, 0); color: #131313; padding-bottom: 0px; padding-top: 0px; padding-left: 0 !important; padding-right: 0 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-link:before, #contact_form button[type="submit"]:before { content: ''; width: 30px; height: 3px; background-color: #131313; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-link.btn-link-white:before, #contact_form button.btn-link-white[type="submit"]:before { content: ''; width: 30px; height: 3px; background-color: #fff; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn-link.btn-link-white:hover, #contact_form button.btn-link-white[type="submit"]:hover { color: #E74C3C !important; } .btn-link.btn-link-white:hover:before, #contact_form button.btn-link-white[type="submit"]:hover:before { content: ''; width: 15px; height: 3px; background-color: #E74C3C; display: inline-block; vertical-align: middle; margin-right: 10px; } .btn-link:hover, #contact_form button[type="submit"]:hover { color: #E74C3C !important; } .btn-link:hover:before, #contact_form button[type="submit"]:hover:before { content: ''; width: 15px; height: 3px; background-color: #E74C3C; display: inline-block; vertical-align: middle; margin-right: 10px; } .btn-link.small, #contact_form button.small[type="submit"] { padding-top: 10px; padding-bottom: 10px; } .btn { -webkit-border-radius: 0px !important; border-radius: 0px !important; background-clip: padding-box !important; /* stops bg color from leaking outside the border: */ font-weight: 700; padding: 15px 35px; } .btn i { font-size: 10px; position: relative; display: inline-block; padding-right: 5px; } .btn-link, #contact_form button[type="submit"] { font-size: 13px !important; } /* BLOG */ /* ===================================== */ .blog-post .blog-post-info { font-weight: 700; position: relative; } .blog-post .blog-post-info span { padding-bottom: 10px; display: block; } .blog-post .blog-post-info a { color: rgba(28, 20, 13, 0.7); } .blog-post .blog-post-info a:hover { color: #E74C3C; } .blog-post img { width: 100%; } .blog-post .blog-post-details h3 { font-weight: 900; margin-top: 30px; } .blog-post .blog-post-details h3 a { color: #1c140d; } .blog-post .blog-post-details h3 a:hover { color: #E74C3C; } .blog-post .blog-post-details p { margin-top: 7px; } .blog-post hr { margin-bottom: 35px; margin-top: 26px; opacity: .5; } /* - Single Post - */ .blog-post-single-details { opacity: .9; } .blog-post-single-details a { color: #2b2b2b; } .blog-post-single-details a:hover { color: #E74C3C; } .blog-post-single-details span { margin-top: 24px; display: block; margin-bottom: 2px; color: #e64837; } .blog-post-single-details h2 { font-weight: 700; margin-bottom: 14px; margin-top: 40px; } .blog-post-single-details p { margin-top: 24px; } .blog-post-single-details h3 { font-weight: 700; margin-top: 48px; } .blog-post-single-details img { margin-bottom: 24px; } .blog-post-single-details hr { opacity: .8; } .blog-post-single-details h1, .blog-post-single-details h2, .blog-post-single-details h3, .blog-post-single-details h4, .blog-post-single-details h5, .blog-post-single-details h6 { font-weight: 900; margin-bottom: 24px; } .blog-post-single-details ul { margin-top: 24px; } .blog-post-single-details ul li { margin: 5px 0; } .blog-post-single-details ul li:before { content: '- '; } .blog-post-single-details img { width: 100%; } /* - Author - */ .post-author h4 { vertical-align: middle; display: inline-block; color: #1C140D; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding-left: 5px; font-weight: 700; } .post-author h4:hover { color: #E74C3C; } .post-author h4:before { content: 'AUTHOR'; display: block; font-size: 11px; font-weight: 200; letter-spacing: 3px; line-height: 0; margin-bottom: 4px; color: rgba(0, 0, 0, 0.4); } .post-author:before { content: ''; position: absolute; display: block; width: 23px; height: 7px; background-color: #1C140D; left: -45px; top: 20px; } /* - Social - */ hr { opacity: .5; } .post-social { margin-top: -3px; } .post-social li { display: inline-block; margin-left: 20px; padding-top: 5px; } .post-social li a { color: #1C140D; font-weight: 600; } .post-social li a:hover { color: #E74C3C; } .post-social li:first-child:before { content: 'SHARE'; display: block; font-size: 11px; font-weight: 200; letter-spacing: 3px; line-height: 19px; position: relative; display: block; color: rgba(0, 0, 0, 0.4); text-align: left; } /* CONTACT PAGE */ /* ===================================== */ /* - Contact Form - */ /* - Form - */ #contact_form .form-control { margin-bottom: 24px; padding: 16px; background-color: white; border: 1px solid rgba(43, 43, 43, 0.5) !important; font-size: 14px; color: #131313; -moz-box-sizing: border-box; height: 100%; } #contact_form .form-control:active, #contact_form .form-control:focus { outline: none !important; box-shadow: none; border: 1px solid #e74c3c !important; } #contact_form .form-control::-webkit-input-placeholder { font-size: 12px; padding-top: 4px; } #contact_form .form-control:-moz-placeholder { font-size: 12px; padding-top: 4px; } #contact_form .form-control::-moz-placeholder { font-size: 12px; padding-top: 4px; } #contact_form .form-control:-ms-input-placeholder { font-size: 12px; padding-top: 4px; } #contact_form .form-control:focus::-webkit-input-placeholder { color: #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #contact_form .form-control:focus:-moz-placeholder { color: #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #contact_form .form-control:focus::-moz-placeholder { color: #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #contact_form .form-control:focus:-ms-input-placeholder { color: #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #contact_form textarea { min-height: 300px; } #contact_form button[type="submit"] { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: transparent; border: 0px; font-weight: 700; } /* FOOTER */ /* ===================================== */ footer { width: 100%; height: auto; position: relative; bottom: 0; left: 0; z-index: 0; height: 420px; background-color: #2b2b2b; color: #fff; } footer hr { position: relative; display: block; border-color: rgba(255, 255, 255, 0.05); width: 100%; opacity: 1 !important; } footer img.footer-logo { position: absolute; left: 30px; top: 82px; } @media (max-width: 991px) { footer img.footer-logo { top: 15px; left: 13px; } } @media (max-width: 991px) { footer { height: 100%; } } /* - Newsletter Form - */ form.newsletter-form { max-width: 500px; display: block; margin-left: 2px; margin-bottom: 48px; margin-top: 24px; position: relative; } form.newsletter-form input { max-width: 100%; float: left; border-right: 0px !important; font-size: 14px; position: relative; height: 45px; margin-left: 2px; } @media (max-width: 991px) { form.newsletter-form input { max-width: 80%; margin-bottom: 48px; margin-left: auto; margin-right: auto; } } @media (max-width: 468px) { form.newsletter-form input { max-width: 100%; margin-bottom: 0 !important; } } form.newsletter-form input::-webkit-input-placeholder { font-size: 12px; padding-top: 4px; } form.newsletter-form input:focus::-webkit-input-placeholder { color: #ddd; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } form.newsletter-form button { -webkit-border-radius: 0px !important; border-radius: 0px !important; background-clip: padding-box !important; /* stops bg color from leaking outside the border: */ color: #fff; border: 0px; height: 45px; float: left; font-size: 12px; padding: 0 35px; font-weight: 900; display: block; margin-left: auto; margin-right: auto; position: absolute; right: -2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 991px) { form.newsletter-form button { right: 12px; } } @media (max-width: 470px) { form.newsletter-form button { max-width: 100%; position: relative; display: block; width: 100%; margin-left: 12px; } } form.newsletter-form button:hover { background-color: #e74c3c; } form.newsletter-form small { display: block; position: relative; font-style: italic; display: none; } form.newsletter-form p { color: rgba(255, 255, 255, 0.2); padding-top: 10px; font-size: 12px; font-weight: 400; display: block; font-style: italic; position: relative; } p.message { font-size: 12px; color: rgba(255, 255, 255, 0.5); } .inline-block { display: inline-block; } /* - Social icons - */ ul.social-icons { list-style: none; padding-top: 0px; display: inline-block; text-align: center; margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-bottom: 0px; } ul.social-icons li { cursor: pointer; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 10px; margin-top: 0px; } ul.social-icons li:last-child { margin-right: 0; } ul.social-icons li a { font-size: 10px; font-weight: 400; letter-spacing: 1px; } .copyright { font-size: 12px; font-weight: 400; margin-left: 5px; color: #595959; padding-top: 12px; } .copyright a { margin-left: 14px; color: #595959; } .copyright a:hover { color: #E74C3C; } /* PORTFOLIO HOVER EFFECT */ /* ===================================== */ .masonry-item-overlay { color: #fff; background-color: #2b2b2b; position: absolute; top: 100%; left: 40px; right: 40px; bottom: 30px; z-index: 99; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .masonry-item-overlay.background-color-1 { background-color: #2b2b2b; } .masonry-item-overlay.background-color-2 { background-color: #E74C3C; } .masonry-item-overlay.background-color-3 { background-color: #d30202; } .masonry-item-overlay.background-color-4 { background-color: #d30202; } .masonry-item-overlay h2 { color: #fff; opacity: 0; display: block; font-weight: 700; font-size: 3em; transform: matrix(1, 0, 0, 1, 0, -30); } .masonry-item-overlay p { color: #fff; opacity: 0; display: block; } .masonry-item-overlay span { display: block; width: 0; height: 5px; background-color: #fff; opacity: 0; transform: matrix(1, 0, 0, 1, 0, 15); margin-left: auto; margin-right: auto; } .masonry-item-overlay-inner { height: 100%; } .masonry-item img, .grid-item img { width: 100%; max-height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 768px) { .masonry-item img, .grid-item img { opacity: 1 !important; } } /* - Masonry - */ .masonry-grid { padding-left: 7px; padding-right: 7px; margin-top: -.8%; } .masonry-grid-item { margin: 0.8% -5px; float: left; } .masonry-grid-item img { width: 100%; } /* - Grid - */ .grid-wrap { margin-top: -24px; } /* - Fullscreen - */ ul.fullscreen-wrap li { margin: 0px 0px; } ul.fullscreen-wrap li img { width: 100%; } /* - Single Page - */ .portfolio-single-introduction span { margin-bottom: 24px; } .portfolio-single-introduction h3 { margin-bottom: 24px; } .portfolio-single-introduction img { margin-bottom: 24px; } .portfolio-single-introduction p { opacity: .8; margin-bottom: 24px; max-width: 50%; line-height: 26px; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .portfolio-single-introduction p { max-width: 100%; } } .portfolio-single-introduction h4 { font-weight: 600; } .portfolio-single-introduction h4 small { display: block; font-size: 16px; } .portfolio-single-content img { width: 100%; } .work-post-social { margin-top: -3px; } .work-post-social li { display: inline-block; margin-right: 20px; padding-top: 5px; } .work-post-social li a { color: #1C140D; font-weight: 600; } .work-post-social li a:hover { color: #E74C3C; } .work-post-social li:first-child:before { content: 'SHARE'; display: block; font-size: 11px; font-weight: 200; letter-spacing: 3px; line-height: 19px; position: relative; display: block; color: rgba(0, 0, 0, 0.4); text-align: left; } .os-animation { opacity: 0; } .os-animation.animated { opacity: 1; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes modal-fadeIn { 0% { opacity: .9; } 100% { opacity: 1; } } @keyframes modal-fadeIn { 0% { opacity: .9; } 100% { opacity: 1; } } .modal-fadeIn { -webkit-animation-name: modal-fadeIn; animation-name: modal-fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes modal-slideInUp { 0% { -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes modal-slideInUp { 0% { -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); visibility: visible; opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .modal-slideInUp { -webkit-animation-name: modal-slideInUp; animation-name: modal-slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: 'revicons'; src: url("../fonts/revicons/revicons.eot?5510888"); src: url("../fonts/revicons/revicons.eot?5510888#iefix") format("embedded-opentype"), url("../fonts/revicons/revicons.woff?5510888") format("woff"), url("../fonts/revicons/revicons.ttf?5510888") format("truetype"), url("../fonts/revicons/revicons.svg?5510888#revicons") format("svg"); font-weight: normal; font-style: normal; } [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'; } /* 'ξ ‚' */ .revicon-pencil-1:before { content: '\e831'; } /* 'ξ ±' */ .revicon-picture-1:before { content: '\e803'; } /* 'ξ ƒ' */ .revicon-cancel:before { content: '\e80a'; } /* 'ξ Š' */ .revicon-info-circled:before { content: '\e80f'; } /* 'ξ ' */ .revicon-trash:before { content: '\e801'; } /* 'ξ ' */ .revicon-left-dir:before { content: '\e817'; } /* 'ξ —' */ .revicon-right-dir:before { content: '\e818'; } /* 'ξ ˜' */ .revicon-down-open:before { content: '\e83b'; } /* 'ξ »' */ .revicon-left-open:before { content: '\e819'; } /* 'ξ ™' */ .revicon-right-open:before { content: '\e81a'; } /* 'ξ š' */ .revicon-angle-left:before { content: '\e820'; } /* 'ξ ' */ .revicon-angle-right:before { content: '\e81d'; } /* 'ξ ' */ .revicon-left-big:before { content: '\e81f'; } /* 'ξ Ÿ' */ .revicon-right-big:before { content: '\e81e'; } /* 'ξ ž' */ .revicon-magic:before { content: '\e807'; } /* 'ξ ‡' */ .revicon-picture:before { content: '\e800'; } /* 'ξ €' */ .revicon-export:before { content: '\e80b'; } /* 'ξ ‹' */ .revicon-cog:before { content: '\e832'; } /* 'ξ ²' */ .revicon-login:before { content: '\e833'; } /* 'ξ ³' */ .revicon-logout:before { content: '\e834'; } /* 'ξ ΄' */ .revicon-video:before { content: '\e805'; } /* 'ξ …' */ .revicon-arrow-combo:before { content: '\e827'; } /* 'ξ §' */ .revicon-left-open-1:before { content: '\e82a'; } /* 'ξ ͺ' */ .revicon-right-open-1:before { content: '\e82b'; } /* 'ξ «' */ .revicon-left-open-mini:before { content: '\e822'; } /* 'ξ ’' */ .revicon-right-open-mini:before { content: '\e823'; } /* 'ξ £' */ .revicon-left-open-big:before { content: '\e824'; } /* 'ξ €' */ .revicon-right-open-big:before { content: '\e825'; } /* 'ξ ₯' */ .revicon-left:before { content: '\e836'; } /* 'ξ Ά' */ .revicon-right:before { content: '\e826'; } /* 'ξ ¦' */ .revicon-ccw:before { content: '\e808'; } /* 'ξ ˆ' */ .revicon-arrows-ccw:before { content: '\e806'; } /* 'ξ †' */ .revicon-palette:before { content: '\e829'; } /* 'ξ ©' */ .revicon-list-add:before { content: '\e80c'; } /* 'ξ Œ' */ .revicon-doc:before { content: '\e809'; } /* 'ξ ‰' */ .revicon-left-open-outline:before { content: '\e82e'; } /* 'ξ �' */ .revicon-left-open-2:before { content: '\e82c'; } /* 'ξ ¬' */ .revicon-right-open-outline:before { content: '\e82f'; } /* 'ξ ―' */ .revicon-right-open-2:before { content: '\e82d'; } /* 'ξ ­' */ .revicon-equalizer:before { content: '\e83a'; } /* 'ξ Ί' */ .revicon-layers-alt:before { content: '\e804'; } /* 'ξ „' */ .revicon-popup:before { content: '\e828'; } /* 'ξ ¨' */ /****************************** - BASIC STYLES - ******************************/ .rev_slider_wrapper { position: relative; z-index: 0; } .rev_slider { position: relative; overflow: visible; } .tp-overflow-hidden { overflow: hidden; } .tp-simpleresponsive img, .rev_slider img { max-width: none !important; -moz-transition: none 0; -webkit-transition: none 0; -o-transition: none 0; transition: none 0; margin: 0px; padding: 0px; border-width: 0px; border: none; } .rev_slider .no-slides-text { font-weight: bold; text-align: center; padding-top: 80px; } .rev_slider > ul, .rev_slider_wrapper > ul, .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { list-style: none !important; position: absolute; margin: 0px !important; padding: 0px !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0px 0px; text-indent: 0em; top: 0px; left: 0px; } .tp-revslider-mainul > li, .rev_slider > ul > li, .rev_slider > ul > li:before, .tp-revslider-mainul > li:before, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before, .tp-revslider-mainul > li, .tp-simpleresponsive > ul > li { visibility: hidden; } .tp-revslider-slidesli, .tp-revslider-mainul { padding: 0 !important; margin: 0 !important; list-style: none !important; } .rev_slider .tp-caption, .rev_slider .caption { position: relative; visibility: hidden; white-space: nowrap; display: block; } /* CAROUSEL FUNCTIONS */ .tp-carousel-wrapper { cursor: url(openhand.cur), move; } .tp-carousel-wrapper.dragged { cursor: url(closedhand.cur), move; } /* ADDED FOR SLIDELINK MANAGEMENT */ .tp-caption { z-index: 1; } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important; } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important; } .tp-forcenotvisible, .tp-hide-revslider, .tp-caption.tp-hidden-caption { visibility: hidden !important; display: none !important; } .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important; } /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .rev_slider_wrapper { width: 100%; } .fullscreen-container { position: relative; padding: 0; } .fullwidthbanner-container { position: relative; padding: 0; overflow: hidden; } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative; } /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-static-layers { position: absolute; z-index: 505; top: 0px; left: 0px; } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute; left: -40px; top: 0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute; right: 0px; top: 0px; } .tp-layer-inner-rotation { position: relative !important; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width: 100%; height: auto; } /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter: none !important; } /******************************** - FULLSCREEN VIDEO - *********************************/ .rs-background-video-layer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; visibility: hidden; z-index: 0; } .tp-caption.coverscreenvideo { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; } .caption.fullscreenvideo, .tp-caption.fullscreenvideo { left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; } .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none; } .fullcoveredvideo video, .fullscreenvideo video { background: #000; } .fullcoveredvideo .tp-poster { background-position: center center; background-size: cover; width: 100%; height: 100%; top: 0px; left: 0px; } .videoisplaying .html5vid .tp-poster { display: none; } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #FFF; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity 300ms ease-out !important; -moz-transition: opacity 300ms ease-out !important; -o-transition: opacity 300ms ease-out !important; transition: opacity 300ms ease-out !important; } .tp-caption .html5vid { width: 100% !important; height: 100% !important; } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important; } .tp-caption:hover .tp-video-play-button { opacity: 1; } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important; } .videoisplaying .revicon-right-dir { display: none; } .videoisplaying .tp-revstop { display: inline-block; } .videoisplaying .tp-video-play-button { display: none; } .tp-caption:hover .tp-video-play-button { display: block; } .fullcoveredvideo .tp-video-play-button { display: none !important; } .fullscreenvideo .fullscreenvideo video { object-fit: contain !important; } .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important; } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s; background-image: linear-gradient(bottom, black 13%, #323232 100%); background-image: -o-linear-gradient(bottom, black 13%, #323232 100%); background-image: -moz-linear-gradient(bottom, black 13%, #323232 100%); background-image: -webkit-linear-gradient(bottom, black 13%, #323232 100%); background-image: -ms-linear-gradient(bottom, black 13%, #323232 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, black), color-stop(1, #323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0, 0, 0, 0.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0px; margin: 0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0px 5px; display: table-cell; } .tp-video-seek-bar-wrap { width: 80%; } .tp-video-vol-bar-wrap { width: 20%; } .tp-volume-bar, .tp-seek-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0; } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; background: transparent; z-index: 5; } /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3; } .tp-dottedoverlay.twoxtwo { background: url(../assets/gridtile.png); } .tp-dottedoverlay.twoxtwowhite { background: url(../assets/gridtile_white.png); } .tp-dottedoverlay.threexthree { background: url(../assets/gridtile_3x3.png); } .tp-dottedoverlay.threexthreewhite { background: url(../assets/gridtile_3x3_white.png); } /****************************** - SHADOWS - ******************************/ .tp-shadowcover { width: 100%; height: 100%; top: 0px; left: 0px; background: #fff; position: absolute; z-index: -1; } .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.8); } .tp-shadow2:before, .tp-shadow2:after, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .tp-shadow5 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; } .tp-shadow5:before, .tp-shadow5:after { content: ""; position: absolute; z-index: -2; -webkit-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); box-shadow: 0 0 25px 0px rgba(0, 0, 0, 0.6); top: 30%; bottom: 0; left: 20px; right: 20px; -moz-border-radius: 100px/20px; border-radius: 100px/20px; } /****************************** - BUTTONS - *******************************/ .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size: 15px; line-height: 45px !important; background: url(../images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; text-decoration: none; } .tp-button.big, .section-head h4.tp-button, .section-head p.tp-button, .portfolio-single-introduction p.tp-button { color: #fff; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; padding: 9px 20px; font-size: 19px; line-height: 57px !important; background: url(../images/gradient/g40.png) repeat-x top; } .purchase:hover, .tp-button:hover, .tp-button.big:hover, .section-head h4.tp-button:hover, .section-head p.tp-button:hover, .portfolio-single-introduction p.tp-button:hover { background-position: bottom, 15px 11px; } /* BUTTON COLORS */ .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green { background-color: #21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68; } .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212; } .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange { background-color: #ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00; } .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey { background-color: #555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222; } .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555; } /* TP BUTTONS DESKTOP SIZE */ .rev-btn, .rev-btn:visited { outline: none !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: "Roboto", sans-serif; cursor: pointer; } .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900; } .rev-btn.rev-withicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; margin-left: 10px !important; } .rev-btn.rev-hiddenicon i { font-size: 15px; font-weight: normal; position: relative; top: 0px; -webkit-transition: all 0.2s ease-out !important; -moz-transition: all 0.2s ease-out !important; -o-transition: all 0.2s ease-out !important; -ms-transition: all 0.2s ease-out !important; opacity: 0; margin-left: 0px !important; width: 0px !important; } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important; } /* REV BUTTONS MEDIUM */ .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px; } .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0px; } .rev-btn.rev-medium.rev-hiddenicon i { font-size: 14px; top: 0px; } /* REV BUTTONS SMALL */ .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px; } .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0px; } .rev-btn.rev-small.rev-hiddenicon i { font-size: 12px; top: 0px; } /* ROUNDING OPTIONS */ .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* BURGER BUTTON */ .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51, 51, 51, 0.25); tap-highlight-color: transparent; cursor: pointer; } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important; } .rev-burger span:nth-child(2) { margin: 3px 0; } #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg); } #dialog_addbutton .rev-burger:hover :nth-child(2), .open .rev-burger :nth-child(2), .open.rev-burger :nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0; } #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg); } .rev-burger.revb-white { border: 2px solid rgba(255, 255, 255, 0.2); } .rev-burger.revb-white span { background: #fff; } .rev-burger.revb-whitenoborder { border: 0; } .rev-burger.revb-whitenoborder span { background: #fff; } .rev-burger.revb-darknoborder { border: 0; } .rev-burger.revb-darknoborder span { background: #333; } .rev-burger.revb-whitefull { background: #fff; border: none; } .rev-burger.revb-whitefull span { background: #333; } .rev-burger.revb-darkfull { background: #333; border: none; } .rev-burger.revb-darkfull span { background: #fff; } /* SCROLL DOWN BUTTON */ @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @-moz-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29%; } 15% { opacity: 1; top: 50%; } 50% { opacity: 0; top: 50%; } 100% { opacity: 0; top: 29%; } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 23px; } .rev-scroll-btn > * { display: inline-block; line-height: 18px; font-size: 13px; font-weight: normal; color: #7f8c8d; color: #ffffff; font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 2px; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *.active { color: #ffffff; } .rev-scroll-btn > *:hover, .rev-scroll-btn > *:focus, .rev-scroll-btn > *:active, .rev-scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); } .rev-scroll-btn.revs-fullwhite { background: #fff; } .rev-scroll-btn.revs-fullwhite span { background: #333; } .rev-scroll-btn.revs-fulldark { background: #333; border: none; } .rev-scroll-btn.revs-fulldark span { background: #fff; } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite; } .rev-scroll-btn.revs-dark { border-color: #333; } .rev-scroll-btn.revs-dark span { background: #333; } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #FFF; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, 0.5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer; } .rev-cbutton-dark-sr { border-radius: 3px; } .rev-cbutton-light { color: #333; background-color: rgba(255, 255, 255, 0.75); } .rev-cbutton-light-sr { color: #333; border-radius: 3; background-color: rgba(255, 255, 255, 0.75); } .rev-sbutton { line-height: 37px; width: 37px; height: 37px; } .rev-sbutton-blue { background-color: #3B5998; } .rev-sbutton-lightblue { background-color: #00A0D1; } .rev-sbutton-red { background-color: #DD4B39; } /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; /*background:url(../assets/timer.png);*/ background: #fff; background: rgba(0, 0, 0, 0.15); position: absolute; z-index: 200; top: 0px; } .tp-bannertimer.tp-bottom { top: auto; bottom: 0px !important; height: 5px; } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(../assets/coloredbg.png) repeat; } .tp-caption.slidelink a span { background: url(../assets/coloredbg.png) repeat; } .tp-shape { width: 100%; height: 100%; } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background-color: #fff; background: url(../images/revolution-slider/loader.gif) no-repeat center center; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background: url(../assets/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; width: 44px; height: 44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1s infinite ease-in-out; animation: tp-scaleout 1s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0); } 100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2s infinite linear; animation: tp-rotate 2s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes tp-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } /*********************************************** - STANDARD NAVIGATION SETTINGS ***********************************************/ .tp-thumbs.navbar, .tp-bullets.navbar, .tp-tabs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .tp-tabs, .tp-thumbs, .tp-bullets { position: absolute; display: block; z-index: 1000; top: 0px; left: 0px; } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: 0.5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tp-videoposter, .tp-thumb-image, .tp-tab-image { background-position: center center; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; } .tp-tab:hover, .tp-tab.selected, .tp-thumb:hover, .tp-thumb.selected { opacity: 1; } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .tp-tabs, .tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: rgba(255, 255, 255, 0.3); cursor: pointer; } .tp-bullet.selected, .tp-bullet:hover { background: #fff; } .tp-bannertimer { background: #000; background: rgba(0, 0, 0, 0.15); height: 5px; } .tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; } .tparrows:hover { background: #000; } .tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center; } .tparrows.tp-leftarrow:before { content: '\e824'; } .tparrows.tp-rightarrow:before { content: '\e825'; } /******************* - DEBUG MODE - *******************/ .hglayerinfo { position: fixed; bottom: 0px; left: 0px; color: #FFF; font-size: 12px; line-height: 20px; font-weight: 600; background: rgba(0, 0, 0, 0.75); padding: 5px 10px; z-index: 2000; white-space: normal; } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; font-size: 12px; font-weight: 600; background: #000; padding: 2px 5px; } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important; } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0px; peft: 0px; z-index: 0; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Layer Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084B4 !important; } .tp-caption.Twitter-Content a:hover { color: #0084B4 !important; text-decoration: underline !important; } .tp-caption.medium_grey, .medium_grey { background-color: #888; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; padding: 2px 4px; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap; } .tp-caption.small_text, .small_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 14px; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap; } .tp-caption.medium_text, .medium_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap; } .tp-caption.large_text, .large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 40px; font-weight: 700; line-height: 40px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap; } .tp-caption.very_large_text, .very_large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 700; letter-spacing: -2px; line-height: 60px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); white-space: nowrap; } .tp-caption.very_big_white, .very_big_white { background-color: #000; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 800; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.very_big_black, .very_big_black { background-color: #fff; border-style: none; border-width: 0; color: #000; font-family: Arial; font-size: 60px; font-weight: 700; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.modern_medium_fat, .modern_medium_fat { border-style: none; border-width: 0; color: #000; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.modern_medium_fat_white, .modern_medium_fat_white { border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.modern_medium_light, .modern_medium_light { border-style: none; border-width: 0; color: #000; font-family: "Open Sans", sans-serif; font-size: 24px; font-weight: 300; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.modern_big_bluebg, .modern_big_bluebg { background-color: #4e5b6c; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 800; letter-spacing: 0; line-height: 36px; margin: 0; padding: 3px 10px; position: absolute; text-shadow: none; } .tp-caption.modern_big_redbg, .modern_big_redbg { background-color: #de543e; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans", sans-serif; font-size: 30px; font-weight: 300; letter-spacing: 0; line-height: 36px; margin: 0; padding: 1px 10px 3px; position: absolute; text-shadow: none; } .tp-caption.modern_small_text_dark, .modern_small_text_dark { border-style: none; border-width: 0; color: #555; font-family: Arial; font-size: 14px; line-height: 22px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap; } .tp-caption.boxshadow, .boxshadow { -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .tp-caption.black, .black { color: #000; text-shadow: none; } .tp-caption.noshadow, .noshadow { text-shadow: none; } .tp-caption.thinheadline_dark, .thinheadline_dark { background-color: transparent; color: rgba(0, 0, 0, 0.85); font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 30px; position: absolute; text-shadow: none; } .tp-caption.thintext_dark, .thintext_dark { background-color: transparent; color: rgba(0, 0, 0, 0.85); font-family: "Open Sans"; font-size: 16px; font-weight: 300; line-height: 26px; position: absolute; text-shadow: none; } .tp-caption.largeblackbg, .largeblackbg { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #000; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .tp-caption.largepinkbg, .largepinkbg { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #db4360; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .tp-caption.largewhitebg, .largewhitebg { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff; border-radius: 0; color: #000; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .tp-caption.largegreenbg, .largegreenbg { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #67ae73; border-radius: 0; color: #fff; font-family: "Open Sans"; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none; } .tp-caption.excerpt, .excerpt { background-color: black; border-color: #fff; border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 36px; font-weight: 700; height: auto; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; white-space: normal !important; width: 150px; } .tp-caption.large_bold_grey, .large_bold_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #666; font-family: "Open Sans"; font-size: 60px; font-weight: 800; line-height: 60px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; } .tp-caption.medium_thin_grey, .medium_thin_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #666; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 30px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; } .tp-caption.small_thin_grey, .small_thin_grey { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #757575; font-family: "Open Sans"; font-size: 18px; font-weight: 300; line-height: 26px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; } .tp-caption.lightgrey_divider, .lightgrey_divider { background-color: #ebebeb; background-position: initial initial; background-repeat: initial initial; border-color: #222; border-style: none; border-width: 0; height: 3px; text-decoration: none; width: 370px; } .tp-caption.large_bold_darkblue, .large_bold_darkblue { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #34495e; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none; } .tp-caption.medium_bg_darkblue, .medium_bg_darkblue { background-color: #34495e; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .tp-caption.medium_bold_red, .medium_bold_red { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #e33a0c; font-family: "Open Sans"; font-size: 24px; font-weight: 800; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.medium_light_red, .medium_light_red { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #e33a0c; font-family: "Open Sans"; font-size: 21px; font-weight: 300; line-height: 26px; padding: 0; text-decoration: none; } .tp-caption.medium_bg_red, .medium_bg_red { background-color: #e33a0c; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .tp-caption.medium_bold_orange, .medium_bold_orange { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #f39c12; font-family: "Open Sans"; font-size: 24px; font-weight: 800; line-height: 30px; text-decoration: none; } .tp-caption.medium_bg_orange, .medium_bg_orange { background-color: #f39c12; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .tp-caption.grassfloor, .grassfloor { background-color: #a0b397; border-color: #222; border-style: none; border-width: 0; height: 150px; text-decoration: none; width: 4000px; } .tp-caption.large_bold_white, .large_bold_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none; } .tp-caption.medium_light_white, .medium_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; text-decoration: none; } .tp-caption.mediumlarge_light_white, .mediumlarge_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none; } .tp-caption.mediumlarge_light_white_center, .mediumlarge_light_white_center { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-align: center; text-decoration: none; } .tp-caption.medium_bg_asbestos, .medium_bg_asbestos { background-color: #7f8c8d; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none; } .tp-caption.medium_light_black, .medium_light_black { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 36px; padding: 0; text-decoration: none; } .tp-caption.large_bold_black, .large_bold_black { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none; } .tp-caption.mediumlarge_light_darkblue, .mediumlarge_light_darkblue { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #34495e; font-family: "Open Sans"; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none; } .tp-caption.small_light_white, .small_light_white { background-color: transparent; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 17px; font-weight: 300; line-height: 28px; padding: 0; text-decoration: none; } .tp-caption.roundedimage, .roundedimage { border-color: #222; border-style: none; border-width: 0; } .tp-caption.large_bg_black, .large_bg_black { background-color: #000; border-color: #ffd658; border-style: none; border-width: 0; color: #fff; font-family: "Open Sans"; font-size: 40px; font-weight: 800; line-height: 40px; padding: 10px 20px 15px; text-decoration: none; } .tp-caption.mediumwhitebg, .mediumwhitebg { background-color: #fff; border-color: #000; border-style: none; border-width: 0; color: #000; font-family: "Open Sans"; font-size: 30px; font-weight: 300; line-height: 30px; padding: 5px 15px 10px; text-decoration: none; text-shadow: none; } .tp-caption.maincaption, .maincaption { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #212a40; font-family: roboto; font-size: 33px; font-weight: 500; line-height: 43px; text-decoration: none; text-shadow: none; } .tp-caption.miami_title_60px, .miami_title_60px { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #fff; font-family: "Source Sans Pro"; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; text-decoration: none; text-shadow: none; } .tp-caption.miami_subtitle, .miami_subtitle { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.65); font-family: "Source Sans Pro"; font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 24px; text-decoration: none; text-shadow: none; } .tp-caption.divideline30px, .divideline30px { background: #fff; background-color: #fff; border-color: #222; border-style: none; border-width: 0; height: 2px; min-width: 30px; text-decoration: none; } .tp-caption.Miami_nostyle, .Miami_nostyle { border-color: #222; border-style: none; border-width: 0; } .tp-caption.miami_content_light, .miami_content_light { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #fff; font-family: "Source Sans Pro"; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none; } .tp-caption.miami_title_60px_dark, .miami_title_60px_dark { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #333; font-family: "Source Sans Pro"; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px; text-decoration: none; text-shadow: none; } .tp-caption.miami_content_dark, .miami_content_dark { background-color: transparent; border-color: #000; border-style: none; border-width: 0; color: #666; font-family: "Source Sans Pro"; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none; } .tp-caption.divideline30px_dark, .divideline30px_dark { background-color: #333; border-color: #222; border-style: none; border-width: 0; height: 2px; min-width: 30px; text-decoration: none; } .tp-caption.ellipse70px, .ellipse70px { background-color: rgba(0, 0, 0, 0.14902); border-color: #222; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; cursor: pointer; line-height: 1px; min-height: 70px; min-width: 70px; text-decoration: none; } .tp-caption.arrowicon, .arrowicon { border-color: #222; border-style: none; border-width: 0; line-height: 1px; } .tp-caption.MarkerDisplay, .MarkerDisplay { background-color: transparent; border-color: #000; border-radius: 0 0 0 0; border-style: none; border-width: 0; font-family: Permanent Marker; font-style: normal; padding: 0; text-decoration: none; text-shadow: none; } .tp-caption.Restaurant-Display, .Restaurant-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 120px; font-style: normal; font-weight: 700; line-height: 120px; padding: 0; text-decoration: none; } .tp-caption.Restaurant-Cursive, .Restaurant-Cursive { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Nothing you could do; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Restaurant-ScrollDownText, .Restaurant-ScrollDownText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 0; text-decoration: none; } .tp-caption.Restaurant-Description, .Restaurant-Description { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Restaurant-Price, .Restaurant-Price { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #fff; font-family: Roboto; font-size: 30px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Restaurant-Menuitem, .Restaurant-Menuitem { background-color: black; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 10px 30px; text-align: left; text-decoration: none; } .tp-caption.Furniture-LogoText, .Furniture-LogoText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #e6cfa3; font-family: Raleway; font-size: 160px; font-style: normal; font-weight: 300; line-height: 150px; padding: 0; text-decoration: none; text-shadow: none; } .tp-caption.Furniture-Plus, .Furniture-Plus { background-color: white; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px; color: #e6cfa3; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 400; line-height: 20px; padding: 6px 7px 4px; text-decoration: none; text-shadow: none; } .tp-caption.Furniture-Title, .Furniture-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: black; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 700; letter-spacing: 3px; line-height: 20px; padding: 0; text-decoration: none; text-shadow: none; } .tp-caption.Furniture-Subtitle, .Furniture-Subtitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: black; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; line-height: 20px; padding: 0; text-decoration: none; text-shadow: none; } .tp-caption.Gym-Display, .Gym-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 80px; font-style: normal; font-weight: 900; line-height: 70px; padding: 0; text-decoration: none; } .tp-caption.Gym-Subline, .Gym-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 100; letter-spacing: 5px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Gym-SmallText, .Gym-SmallText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; line-height: 22; padding: 0; text-decoration: none; text-shadow: none; } .tp-caption.Fashion-SmallText, .Fashion-SmallText { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 20px; padding: 0; text-decoration: none; } .tp-caption.Fashion-BigDisplay, .Fashion-BigDisplay { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: black; font-family: Raleway; font-size: 60px; font-style: normal; font-weight: 900; letter-spacing: 2px; line-height: 60px; padding: 0; text-decoration: none; } .tp-caption.Fashion-TextBlock, .Fashion-TextBlock { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: black; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 400; letter-spacing: 2px; line-height: 40px; padding: 0; text-decoration: none; } .tp-caption.Sports-Display, .Sports-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 130px; font-style: normal; font-weight: 100; letter-spacing: 13px; line-height: 130px; padding: 0; text-decoration: none; } .tp-caption.Sports-DisplayFat, .Sports-DisplayFat { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 130px; font-style: normal; font-weight: 900; line-height: 130px; padding: 0; text-decoration: none; } .tp-caption.Sports-Subline, .Sports-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: black; font-family: Raleway; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: 4px; line-height: 32px; padding: 0; text-decoration: none; } .tp-caption.Instagram-Caption, .Instagram-Caption { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 900; line-height: 20px; padding: 0; text-decoration: none; } .tp-caption.News-Title, .News-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Roboto Slab; font-size: 70px; font-style: normal; font-weight: 400; line-height: 60px; padding: 0; text-decoration: none; } .tp-caption.News-Subtitle, .News-Subtitle { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Roboto Slab; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; padding: 0; text-decoration: none; } .tp-caption.News-Subtitle:hover, .News-Subtitle:hover { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: rgba(255, 255, 255, 0.65); text-decoration: none; } .tp-caption.Photography-Display, .Photography-Display { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 80px; font-style: normal; font-weight: 100; letter-spacing: 5px; line-height: 70px; padding: 0; text-decoration: none; } .tp-caption.Photography-Subline, .Photography-Subline { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #777777; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Photography-ImageHover, .Photography-ImageHover { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none; } .tp-caption.Photography-ImageHover:hover, .Photography-ImageHover:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; text-decoration: none; } .tp-caption.Photography-Menuitem, .Photography-Menuitem { background-color: rgba(0, 0, 0, 0.65); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-decoration: none; } .tp-caption.Photography-Menuitem:hover, .Photography-Menuitem:hover { background-color: rgba(0, 255, 222, 0.65); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; text-decoration: none; } .tp-caption.Photography-Textblock, .Photography-Textblock { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Photography-Subline-2, .Photography-Subline-2 { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.35); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0; text-decoration: none; } .tp-caption.Photography-ImageHover2, .Photography-ImageHover2 { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Arial; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none; } .tp-caption.Photography-ImageHover2:hover, .Photography-ImageHover2:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; text-decoration: none; } .tp-caption.WebProduct-Title, .WebProduct-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #333333; font-family: Raleway; font-size: 90px; font-style: normal; font-weight: 100; line-height: 90px; padding: 0; text-decoration: none; } .tp-caption.WebProduct-SubTitle, .WebProduct-SubTitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #999999; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-decoration: none; } .tp-caption.WebProduct-Content, .WebProduct-Content { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #999999; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-decoration: none; } .tp-caption.WebProduct-Menuitem, .WebProduct-Menuitem { background-color: #333333; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 500; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none; } .tp-caption.WebProduct-Menuitem:hover, .WebProduct-Menuitem:hover { background-color: white; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #999999; text-decoration: none; } .tp-caption.WebProduct-Title-Light, .WebProduct-Title-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 90px; font-style: normal; font-weight: 100; line-height: 90px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.WebProduct-SubTitle-Light, .WebProduct-SubTitle-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.35); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.WebProduct-Content-Light, .WebProduct-Content-Light { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: rgba(255, 255, 255, 0.65); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.FatRounded, .FatRounded { background-color: rgba(0, 0, 0, 0.5); border-color: lightgray; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 20px 22px 20px 25px; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.FatRounded:hover, .FatRounded:hover { background-color: black; border-color: lightgray; border-radius: 50px 50px 50px 50px; border-style: none; border-width: 0; color: white; text-decoration: none; } .tp-caption.NotGeneric-Title, .NotGeneric-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none; } .tp-caption.NotGeneric-SubTitle, .NotGeneric-SubTitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 13px; font-style: normal; font-weight: 500; letter-spacing: 4px; line-height: 20px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-CallToAction, .NotGeneric-CallToAction { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-CallToAction:hover, .NotGeneric-CallToAction:hover { background-color: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.NotGeneric-Icon, .NotGeneric-Icon { background-color: transparent; border-color: rgba(255, 255, 255, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 0; color: white; font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: 3px; line-height: 30px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-Menuitem, .NotGeneric-Menuitem { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-Menuitem:hover, .NotGeneric-Menuitem:hover { background-color: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.MarkerStyle, .MarkerStyle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: "Permanent Marker"; font-size: 17px; font-style: normal; font-weight: 100; line-height: 30px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.Gym-Menuitem, .Gym-Menuitem { background-color: black; border-color: rgba(255, 255, 255, 0); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none; } .tp-caption.Gym-Menuitem:hover, .Gym-Menuitem:hover { background-color: black; border-color: rgba(255, 255, 255, 0.25); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Newspaper-Button, .Newspaper-Button { background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Roboto; font-size: 13px; font-style: normal; font-weight: 700; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { background-color: white; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: black; text-decoration: none; } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #a8d8ee; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 900; line-height: 20px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.Newspaper-Title, .Newspaper-Title { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: "Roboto Slab"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; padding: 0 0 10px; text-align: left; text-decoration: none; } .tp-caption.Newspaper-Title-Centered, .Newspaper-Title-Centered { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: "Roboto Slab"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; padding: 0 0 10px; text-align: center; text-decoration: none; } .tp-caption.Hero-Button, .Hero-Button { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none; } .tp-caption.Hero-Button:hover, .Hero-Button:hover { background-color: white; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: black; text-decoration: none; } .tp-caption.Video-Title, .Video-Title { background-color: black; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 5px; text-align: left; text-decoration: none; } .tp-caption.Video-SubTitle, .Video-SubTitle { background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 12px; padding: 5px; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-Button, .NotGeneric-Button { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-Button:hover, .NotGeneric-Button:hover { background-color: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.NotGeneric-BigButton, .NotGeneric-BigButton { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none; } .tp-caption.NotGeneric-BigButton:hover, .NotGeneric-BigButton:hover { background-color: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.WebProduct-Button, .WebProduct-Button { background-color: #333333; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: white; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 48px; padding: 0 40px; text-align: left; text-decoration: none; } .tp-caption.WebProduct-Button:hover, .WebProduct-Button:hover { background-color: white; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 2px; color: #333333; text-decoration: none; } .tp-caption.Restaurant-Button, .Restaurant-Button { background-color: rgba(10, 10, 10, 0); border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .tp-caption.Restaurant-Button:hover, .Restaurant-Button:hover { background-color: transparent; border-color: #ffe081; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Gym-Button, .Gym-Button { background-color: #8bc027; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none; } .tp-caption.Gym-Button:hover, .Gym-Button:hover { background-color: #72a800; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; text-decoration: none; } .tp-caption.Gym-Button-Light, .Gym-Button-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; padding: 12px 35px; text-align: left; text-decoration: none; } .tp-caption.Gym-Button-Light:hover, .Gym-Button-Light:hover { background-color: rgba(114, 168, 0, 0); border-color: #8bc027; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Sports-Button-Light, .Sports-Button-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .tp-caption.Sports-Button-Light:hover, .Sports-Button-Light:hover { background-color: transparent; border-color: white; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Sports-Button-Red, .Sports-Button-Red { background-color: #db1c22; border-color: rgba(219, 28, 34, 0); border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none; } .tp-caption.Sports-Button-Red:hover, .Sports-Button-Red:hover { background-color: black; border-color: black; border-radius: 0 0 0 0; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Photography-Button, .Photography-Button { background-color: transparent; border-color: rgba(255, 255, 255, 0.25); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: white; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none; } .tp-caption.Photography-Button:hover, .Photography-Button:hover { background-color: transparent; border-color: white; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 1px; color: white; text-decoration: none; } .tp-caption.Newspaper-Button-2, .Newspaper-Button-2 { background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 900; line-height: 15px; padding: 10px 30px; text-align: left; text-decoration: none; } .tp-caption.Newspaper-Button-2:hover, .Newspaper-Button-2:hover { background-color: transparent; border-color: white; border-radius: 3px 3px 3px 3px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Feature-Tour, .Feature-Tour { background-color: #8bc027; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; text-decoration: none; } .tp-caption.Feature-Tour:hover, .Feature-Tour:hover { background-color: #72a800; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; text-decoration: none; } .tp-caption.Feature-Examples, .Feature-Examples { background-color: transparent; border-color: rgba(33, 42, 64, 0.15); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: rgba(33, 42, 64, 0.5); font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none; } .tp-caption.Feature-Examples:hover, .Feature-Examples:hover { background-color: transparent; border-color: #8bc027; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: #8bc027; text-decoration: none; } .tp-caption.subcaption, .subcaption { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #6f7c82; font-family: roboto; font-size: 19px; font-style: normal; font-weight: 400; line-height: 24px; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.menutab, .menutab { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292e31; font-family: roboto; font-size: 25px; font-style: normal; font-weight: 300; line-height: 30px; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.menutab:hover, .menutab:hover { background-color: transparent; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #d50000; text-decoration: none; } .tp-caption.maincontent, .maincontent { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292e31; font-family: roboto; font-size: 21px; font-style: normal; font-weight: 300; line-height: 26px; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.minitext, .minitext { background-color: transparent; border-color: black; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #b9babb; font-family: roboto; font-size: 15px; font-style: normal; font-weight: 400; line-height: 20px; padding: 0; text-align: left; text-decoration: none; text-shadow: none; } .tp-caption.Feature-Buy, .Feature-Buy { background-color: #009aee; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left; text-decoration: none; } .tp-caption.Feature-Buy:hover, .Feature-Buy:hover { background-color: #0085d6; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 0; color: white; text-decoration: none; } .tp-caption.Feature-Examples-Light, .Feature-Examples-Light { background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; font-family: Roboto; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none; } .tp-caption.Feature-Examples-Light:hover, .Feature-Examples-Light:hover { background-color: transparent; border-color: white; border-radius: 30px 30px 30px 30px; border-style: solid; border-width: 2px; color: white; text-decoration: none; } .tp-caption.Facebook-Likes, .Facebook-Likes { background-color: #3b5999; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: white; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 5px 15px; text-align: left; text-decoration: none; } .tp-caption.Twitter-Favorites, .Twitter-Favorites { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #8899a6; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.Twitter-Link, .Twitter-Link { background-color: white; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: #8799a5; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 15px; padding: 11px 11px 9px; text-align: left; text-decoration: none; } .tp-caption.Twitter-Link:hover, .Twitter-Link:hover { background-color: #0084b4; border-color: transparent; border-radius: 30px 30px 30px 30px; border-style: none; border-width: 0; color: white; text-decoration: none; } .tp-caption.Twitter-Retweet, .Twitter-Retweet { background-color: rgba(255, 255, 255, 0); border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #8899a6; font-family: Roboto; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; padding: 0; text-align: left; text-decoration: none; } .tp-caption.Twitter-Content, .Twitter-Content { background-color: white; border-color: transparent; border-radius: 0 0 0 0; border-style: none; border-width: 0; color: #292f33; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; padding: 30px 30px 70px; text-align: left; text-decoration: none; } .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { font-family: "Arial", sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; -ms-transition: background-color 0.5s; transition: background-color 0.5s; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .tp-caption.BigBold-Title, .BigBold-Title { color: white; font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0px 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.BigBold-SubTitle, .BigBold-SubTitle { color: rgba(255, 255, 255, 0.5); font-size: 15px; line-height: 24px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; letter-spacing: 1px; } .tp-caption.BigBold-Button, .BigBold-Button { color: white; font-size: 13px; line-height: 13px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px; } .tp-caption.BigBold-Button:hover, .BigBold-Button:hover { color: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.FoodCarousel-Content, .FoodCarousel-Content { color: #292e31; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 30px 30px 30px 30px; text-decoration: none; background-color: white; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.FoodCarousel-Button, .FoodCarousel-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 70px 15px 50px; text-decoration: none; background-color: white; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px; } .tp-caption.FoodCarousel-Button:hover, .FoodCarousel-Button:hover { color: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.FoodCarousel-CloseButton, .FoodCarousel-CloseButton { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px; } .tp-caption.FoodCarousel-CloseButton:hover, .FoodCarousel-CloseButton:hover { color: white; text-decoration: none; background-color: #292e31; border-color: rgba(41, 46, 49, 0); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; } .tp-caption.Video-SubTitle, .Video-SubTitle { color: white; font-size: 12px; line-height: 12px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: rgba(0, 0, 0, 0.35); border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; letter-spacing: 2px; text-align: left; } .tp-caption.Video-Title, .Video-Title { color: white; font-size: 30px; line-height: 30px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 5px 5px 5px 5px; text-decoration: none; background-color: black; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Travel-BigCaption, .Travel-BigCaption { color: white; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { color: white; font-size: 25px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: white; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Roboto; padding: 12px 20px 12px 20px; text-decoration: none; background-color: rgba(255, 255, 255, 0.05); border-color: white; border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px; } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: white; text-decoration: none; background-color: rgba(255, 255, 255, 0.15); border-color: white; border-style: solid; border-width: 2px; border-radius: 5px 5px 5px 5px; } .tp-caption.RotatingWords-TitleWhite, .RotatingWords-TitleWhite { color: white; font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0px 0px 0px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.RotatingWords-Button, .RotatingWords-Button { color: white; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px 20px 50px; text-decoration: none; background-color: transparent; border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 3px; } .tp-caption.RotatingWords-Button:hover, .RotatingWords-Button:hover { color: white; text-decoration: none; background-color: transparent; border-color: white; border-style: solid; border-width: 2px; border-radius: 0px 0px 0px 0px; } .tp-caption.RotatingWords-SmallText, .RotatingWords-SmallText { color: white; font-size: 14px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; text-shadow: none; } .tp-caption.ContentZoom-SmallTitle, .ContentZoom-SmallTitle { color: #292e31; font-size: 33px; line-height: 45px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-SmallSubtitle, .ContentZoom-SmallSubtitle { color: #6f7c82; font-size: 16px; line-height: 24px; font-weight: 600; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-SmallIcon, .ContentZoom-SmallIcon { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 10px 10px 10px 10px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-SmallIcon:hover, .ContentZoom-SmallIcon:hover { color: #6f7c82; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; } .tp-caption.ContentZoom-DetailTitle, .ContentZoom-DetailTitle { color: #292e31; font-size: 70px; line-height: 70px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-DetailSubTitle, .ContentZoom-DetailSubTitle { color: #6f7c82; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-DetailContent, .ContentZoom-DetailContent { color: #6f7c82; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.ContentZoom-Button, .ContentZoom-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px 15px 50px; text-decoration: none; background-color: transparent; border-color: rgba(41, 46, 49, 0.5); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; text-align: left; letter-spacing: 1px; } .tp-caption.ContentZoom-Button:hover, .ContentZoom-Button:hover { color: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.ContentZoom-ButtonClose, .ContentZoom-ButtonClose { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border-color: rgba(41, 46, 49, 0.5); border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px; } .tp-caption.ContentZoom-ButtonClose:hover, .ContentZoom-ButtonClose:hover { color: white; text-decoration: none; background-color: #292e31; border-color: #292e31; border-style: solid; border-width: 1px; border-radius: 30px 30px 30px 30px; } .tp-caption.Newspaper-Title, .Newspaper-Title { color: white; font-size: 50px; line-height: 55px; font-weight: 400; font-style: normal; font-family: "Roboto Slab"; padding: 0 0 10px 0; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Newspaper-Subtitle, .Newspaper-Subtitle { color: #a8d8ee; font-size: 15px; line-height: 20px; font-weight: 900; font-style: normal; font-family: Roboto; padding: 0 0 0 0px; text-decoration: none; background-color: transparent; border-color: transparent; border-style: none; border-width: 0px; border-radius: 0 0 0 0px; text-align: left; } .tp-caption.Newspaper-Button, .Newspaper-Button { color: white; font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Roboto; padding: 12px 35px 12px 35px; text-decoration: none; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.25); border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; letter-spacing: 2px; text-align: left; } .tp-caption.Newspaper-Button:hover, .Newspaper-Button:hover { color: black; text-decoration: none; background-color: white; border-color: white; border-style: solid; border-width: 1px; border-radius: 0px 0px 0px 0px; } .tp-caption.rtwhitemedium, .rtwhitemedium { font-size: 22px; line-height: 26px; color: white; text-decoration: none; background-color: transparent; border-width: 0px; border-color: black; border-style: none; text-shadow: none; } @media only screen and (max-width: 767px) { .revtp-searchform input[type="text"], .revtp-searchform input[type="email"], .revtp-form input[type="text"], .revtp-form input[type="email"] { width: 200px !important; } } .revtp-searchform input[type="submit"], .revtp-form input[type="submit"] { font-family: "Arial", sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HERMES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .hermes.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, 0.5); width: 30px; height: 110px; position: absolute; display: block; z-index: 100; } .hermes.tparrows:before { font-family: "revicons"; font-size: 15px; color: #fff; display: block; line-height: 110px; text-align: center; transform: translateX(0px); -webkit-transform: translateX(0px); transition: all 0.3s; -webkit-transition: all 0.3s; } .hermes.tparrows.tp-leftarrow:before { content: "\e824"; } .hermes.tparrows.tp-rightarrow:before { content: "\e825"; } .hermes.tparrows.tp-leftarrow:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; } .hermes.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0; } .hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0px; left: 0px; visibility: hidden; -webkit-transition: -webkit-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; -webkit-perspective: 1000px; perspective: 1000px; } .hermes.tp-rightarrow .tp-arr-allwrapper { right: 0px; left: auto; } .hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible; } .hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0px; top: 0px; height: 110px; transform: translateX(-180px); -webkit-transform: translateX(-180px); transition: all 0.3s; transition-delay: 0.3s; } .hermes.tp-rightarrow .tp-arr-imgholder { transform: translateX(180px); -webkit-transform: translateX(180px); } .hermes.tparrows:hover .tp-arr-imgholder { transform: translateX(0px); -webkit-transform: translateX(0px); } .hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0px 10px; line-height: 30px; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing: border-box; } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } /* BULLETS */ .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: transparent; box-shadow: inset 0 0 0 2px #FFF; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; position: absolute; } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, 0.2); } .hermes .tp-bullet:after { content: ' '; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #FFF; box-shadow: 0 0 1px #FFF; -webkit-transition: height 0.3s ease; transition: height 0.3s ease; } .hermes .tp-bullet.selected:after { height: 100%; } /* TABS */ .hermes .tp-tab { opacity: 1; padding-right: 10px; box-sizing: border-box; } .hermes .tp-tab-image { width: 100%; height: 60%; position: relative; } .hermes .tp-tab-content { background: #363636; position: absolute; padding: 20px 20px 20px 30px; box-sizing: border-box; color: #fff; display: block; width: 100%; min-height: 40%; bottom: 0px; left: -10px; } .hermes .tp-tab-date { display: block; color: #888; font-weight: 600; font-size: 12px; margin-bottom: 10px; } .hermes .tp-tab-title { display: block; color: #fff; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 19px; } .hermes .tp-tab.selected .tp-tab-title:after { width: 0px; height: 0px; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #363636; content: " "; position: absolute; right: -9px; bottom: 50%; margin-bottom: -30px; } .hermes .tp-tab-mask { padding-right: 10px !important; } /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { .hermes .tp-tab .tp-tab-title { font-size: 14px; line-height: 16px; } .hermes .tp-tab-date { font-size: 11px; line-height: 13px; margin-bottom: 10px; } .hermes .tp-tab-content { padding: 15px 15px 15px 25px; } } @media only screen and (max-width: 768px) { .hermes .tp-tab .tp-tab-title { font-size: 12px; line-height: 14px; } .hermes .tp-tab-date { font-size: 10px; line-height: 12px; margin-bottom: 5px; } .hermes .tp-tab-content { padding: 10px 10px 10px 20px; } } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - METIS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .metis.tparrows { background: #fff; padding: 10px; transition: all 0.3s; -webkit-transition: all 0.3s; width: 60px; height: 60px; box-sizing: border-box; } .metis.tparrows:hover { background: #fff; background: rgba(255, 255, 255, 0.75); } .metis.tparrows:before { color: #000; transition: all 0.3s; -webkit-transition: all 0.3s; } .metis.tparrows:hover:before { transform: scale(1.5); } /* BULLETS */ .metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0, 0, 0, 0.25); margin: 0px; box-sizing: border-box; transition: all 0.3s; -webkit-transition: all 0.3s; border-radius: 50%; } .metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 5px 5px 10px 0px rgba(0, 0, 0, 0.25); width: 44px; height: 44px; background-size: cover; background-position: center center; } .metis .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; transform: translateZ(0.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(0.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap; } .metis .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1; } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: white; background: -moz-linear-gradient(top, white 0%, #777777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #777777)); background: -webkit-linear-gradient(top, white 0%, #777777 100%); background: -o-linear-gradient(top, white 0%, #777777 100%); background: -ms-linear-gradient(top, white 0%, #777777 100%); background: linear-gradient(to bottom, white 0%, #777777 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#777777", GradientType=0 ); } .metis .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; bottom: -8px; } /* MAGNIFIC POPUP */ /* ===================================== */ .mfp-bg { background: #fff; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background-color: transparent; color: #fff; } .mfp-image-holder .mfp-close:before, .mfp-iframe-holder .mfp-close:before { border-bottom-color: transparent; } .mfp-image-holder .mfp-close:after, .mfp-iframe-holder .mfp-close:after { border-top-color: transparent; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999999999999; overflow: hidden; position: fixed; background: #000; opacity: 0.9; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999999999999999999; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1145; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter, .mfp-arrow { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1144; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1146; color: #fff !important; } button.mfp-close:focus { outline: 0 !important; } button.mfp-arrow :focus { outline: 0 !important; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 1; padding: 0 0 18px 10px; color: #E74C3C; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } /* .mfp-close:active { top: 1px; } */ .mfp-close-btn-in .mfp-close { color: #222; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { font-size: 16px; text-align: center; right: -32px; top: 32px; position: absolute; display: block; padding: 0; font-weight: lighter; line-height: 1.1em; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 1; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 60px; height: 60px; -webkit-tap-highlight-color: transparent; } /* .mfp-arrow:active { margin-top: -54px; } */ .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; left: 0; top: 0; /* margin-top: 35px; margin-left: 35px; */ border: solid transparent; } .mfp-arrow-left { left: 0; } .mfp-arrow-right { right: 0; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: black; } .mfp-iframe-holder .mfp-close { top: -40px; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444444; } .mfp-figure { line-height: 0; } .mfp-figure figure { margin-bottom: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 24px; text-align: center; font-weight: bold; text-transform: uppercase; color: #222; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: rgba(28, 20, 13, 0.85); display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } /* .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } */ .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 1300px) { /* .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } */ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0; top: -5px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.97; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* FONT ICONS */ /* ===================================== */ @font-face { font-family: 'fpslineicons'; src: url("../fonts/fpslineicons.eot?98281823"); src: url("../fonts/fpslineicons.eot?98281823#iefix") format("embedded-opentype"), url("../fonts/fpslineicons.woff?98281823") format("woff"), url("../fonts/fpslineicons.ttf?98281823") format("truetype"), url("../fonts/fpslineicons.svg?98281823#fpslineicons") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fpslineicons'; src: url('../font/fpslineicons.svg?98281823#fpslineicons') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fpslineicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-heart:before { content: '\e800'; } /* 'ξ €' */ .icon-clock:before { content: '\e801'; } /* 'ξ ' */ .icon-presentation:before { content: '\e802'; } /* 'ξ ‚' */ .icon-camera:before { content: '\e803'; } /* 'ξ ƒ' */ .icon-search1:before { content: '\e804'; } /* 'ξ „' */ .icon-search2:before { content: '\e805'; } /* 'ξ …' */ .icon-search3:before { content: '\e806'; } /* 'ξ †' */ .icon-push:before { content: '\e807'; } /* 'ξ ‡' */ .icon-diagram:before { content: '\e808'; } /* 'ξ ˆ' */ .icon-setting2:before { content: '\e809'; } /* 'ξ ‰' */ .icon-feedback:before { content: '\e80a'; } /* 'ξ Š' */ .icon-home:before { content: '\e80b'; } /* 'ξ ‹' */ .icon-calendar:before { content: '\e80c'; } /* 'ξ Œ' */ .icon-diagram2:before { content: '\e80d'; } /* 'ξ ' */ .icon-feedback2:before { content: '\e80e'; } /* 'ξ Ž' */ .icon-email:before { content: '\e80f'; } /* 'ξ ' */ .icon-twitter1:before { content: '\e810'; } /* 'ξ ' */ .icon-facebook:before { content: '\e811'; } /* 'ξ ‘' */ .icon-linkedin:before { content: '\e812'; } /* 'ξ ’' */ .icon-gplus:before { content: '\e813'; } /* 'ξ “' */ .icon-feedback3:before { content: '\e814'; } /* 'ξ ”' */ .icon-map1:before { content: '\e815'; } /* 'ξ •' */ .icon-map2:before { content: '\e816'; } /* 'ξ –' */ .icon-map3:before { content: '\e817'; } /* 'ξ —' */ .icon-email2:before { content: '\e818'; } /* 'ξ ˜' */ .icon-register:before { content: '\e819'; } /* 'ξ ™' */ .icon-padlock1:before { content: '\e81a'; } /* 'ξ š' */ .icon-download2:before { content: '\e81b'; } /* 'ξ ›' */ .icon-lecturer:before { content: '\e81c'; } /* 'ξ œ' */ .icon-theme:before { content: '\e81d'; } /* 'ξ ' */ .icon-house:before { content: '\e81e'; } /* 'ξ ž' */ .icon-download1:before { content: '\e81f'; } /* 'ξ Ÿ' */ .icon-badge:before { content: '\e820'; } /* 'ξ ' */ .icon-trash:before { content: '\e821'; } /* 'ξ ‘' */ .icon-bag:before { content: '\e822'; } /* 'ξ ’' */ .icon-twitter2:before { content: '\e823'; } /* 'ξ £' */ .icon-upload1:before { content: '\e824'; } /* 'ξ €' */ .icon-setting3:before { content: '\e825'; } /* 'ξ ₯' */ .icon-padlock2:before { content: '\e826'; } /* 'ξ ¦' */ .icon-chat2:before { content: '\e827'; } /* 'ξ §' */ .icon-pipette:before { content: '\e828'; } /* 'ξ ¨' */ .icon-nocloud:before { content: '\e829'; } /* 'ξ ©' */ .icon-drbag:before { content: '\e82a'; } /* 'ξ ͺ' */ .icon-user3:before { content: '\e82b'; } /* 'ξ «' */ .icon-upload2:before { content: '\e82c'; } /* 'ξ ¬' */ .icon-eye:before { content: '\e82d'; } /* 'ξ ­' */ .icon-user1:before { content: '\e82e'; } /* 'ξ �' */ .icon-pinterest:before { content: '\e82f'; } /* 'ξ ―' */ .icon-vimeo:before { content: '\e830'; } /* 'ξ °' */ .icon-youtube:before { content: '\e831'; } /* 'ξ ±' */ .icon-skype:before { content: '\e832'; } /* 'ξ ²' */ .icon-user2:before { content: '\e833'; } /* 'ξ ³' */ .icon-chat1:before { content: '\e834'; } /* 'ξ ΄' */ .icon-evernote:before { content: '\e835'; } /* 'ξ ΅' */ .icon-dribbble:before { content: '\e836'; } /* 'ξ Ά' */ .icon-behance:before { content: '\e837'; } /* 'ξ ·' */ .icon-pen:before { content: '\e838'; } /* 'ξ Έ' */ .icon-pencil:before { content: '\e839'; } /* 'ξ Ή' */ .icon-birdpen:before { content: '\e83a'; } /* 'ξ Ί' */ .icon-users:before { content: '\e83b'; } /* 'ξ »' */ .icon-brush:before { content: '\e83c'; } /* 'ξ Ό' */ .icon-paintcylinder:before { content: '\e83d'; } /* 'ξ ½' */ .icon-flickr:before { content: '\e83e'; } /* 'ξ Ύ' */ .icon-deviantart:before { content: '\e83f'; } /* 'ξ Ώ' */ .icon-digg:before { content: '\e840'; } /* 'ξ‘€' */ .icon-emoticon1:before { content: '\e841'; } /* '' */ .icon-emoticon2:before { content: '\e842'; } /* 'ξ‘‚' */ .icon-emoticon3:before { content: '\e843'; } /* '' */ .icon-emoticon4:before { content: '\e844'; } /* 'ξ‘„' */ .icon-emoticon5:before { content: '\e845'; } /* 'ξ‘…' */ .icon-emoticon6:before { content: '\e846'; } /* '' */ .icon-emoticon7:before { content: '\e847'; } /* '' */ .icon-emoticon8:before { content: '\e848'; } /* '' */ .icon-emoticon9:before { content: '\e849'; } /* '' */ .icon-emoticon10:before { content: '\e84a'; } /* '' */ .icon-emoticon11:before { content: '\e84b'; } /* 'ξ‘‹' */ .icon-emoticon12:before { content: '\e84c'; } /* '' */ .icon-emoticon13:before { content: '\e84d'; } /* '' */ .icon-emoticon14:before { content: '\e84e'; } /* '' */ .icon-emoticon15:before { content: '\e84f'; } /* '' */ .icon-emoticon16:before { content: '\e850'; } /* '' */ .icon-emoticon17:before { content: '\e851'; } /* 'ξ‘‘' */ .icon-emoticon18:before { content: '\e852'; } /* 'ξ‘’' */ .icon-emoticon19:before { content: '\e853'; } /* 'ξ‘“' */ .icon-emoticon20:before { content: '\e854'; } /* 'ξ‘”' */ .icon-emoticon21:before { content: '\e855'; } /* 'ξ‘•' */ .icon-emoticon22:before { content: '\e856'; } /* 'ξ‘–' */ .icon-emoticon23:before { content: '\e857'; } /* 'ξ‘—' */ .icon-emoticon24:before { content: '\e858'; } /* '' */ .icon-emoticon25:before { content: '\e859'; } /* 'ξ‘™' */ .icon-emoticon26:before { content: '\e85a'; } /* '' */ .icon-hammer:before { content: '\e85b'; } /* 'ξ‘›' */ .icon-wrench1:before { content: '\e85c'; } /* '' */ .icon-screwdriver:before { content: '\e85d'; } /* '' */ .icon-wrench2:before { content: '\e85e'; } /* '' */ .icon-cordlessscrewdriver:before { content: '\e85f'; } /* '' */ .icon-scissors:before { content: '\e860'; } /* 'ξ‘ ' */ .icon-weather1:before { content: '\e861'; } /* 'ξ‘‘' */ .icon-weather2:before { content: '\e862'; } /* 'ξ‘’' */ .icon-weather3:before { content: '\e863'; } /* 'ξ‘£' */ .icon-weather4:before { content: '\e864'; } /* 'ξ‘€' */ .icon-weather5:before { content: '\e865'; } /* 'ξ‘₯' */ .icon-weather6:before { content: '\e866'; } /* '' */ .icon-weather7:before { content: '\e867'; } /* '' */ .icon-weather8:before { content: '\e868'; } /* '' */ .icon-weather9:before { content: '\e869'; } /* 'ξ‘©' */ .icon-weather10:before { content: '\e86a'; } /* 'ξ‘ͺ' */ .icon-weather11:before { content: '\e86b'; } /* 'ξ‘«' */ .icon-weather12:before { content: '\e86c'; } /* '' */ .icon-weather13:before { content: '\e86d'; } /* 'ξ‘­' */ .icon-weather14:before { content: '\e86e'; } /* 'ξ‘�' */ .icon-weather15:before { content: '\e86f'; } /* 'ξ‘―' */ .icon-weather16:before { content: '\e870'; } /* 'ξ‘°' */ .icon-weather17:before { content: '\e871'; } /* 'ξ‘±' */ .icon-weather18:before { content: '\e872'; } /* 'ξ‘²' */ .icon-weather19:before { content: '\e873'; } /* 'ξ‘³' */ .icon-weather20:before { content: '\e874'; } /* 'ξ‘΄' */ .icon-weather21:before { content: '\e875'; } /* 'ξ‘΅' */ .icon-weather22:before { content: '\e876'; } /* 'ξ‘Ά' */ .icon-weather23:before { content: '\e877'; } /* 'ξ‘·' */ .icon-weather24:before { content: '\e878'; } /* 'ξ‘Έ' */ .icon-weather25:before { content: '\e879'; } /* 'ξ‘Ή' */ .icon-weather26:before { content: '\e87a'; } /* 'ξ‘Ί' */ .icon-soundcloud:before { content: '\e87b'; } /* 'ξ‘»' */ .icon-battery1:before { content: '\e87c'; } /* 'ξ‘Ό' */ .icon-battery2:before { content: '\e87d'; } /* 'ξ‘½' */ .icon-battery3:before { content: '\e87e'; } /* 'ξ‘Ύ' */ .icon-battery4:before { content: '\e87f'; } /* 'ξ‘Ώ' */ .icon-battery5:before { content: '\e880'; } /* 'ξ’€' */ .icon-battery6:before { content: '\e881'; } /* '' */ .icon-battery7:before { content: '\e882'; } /* 'ξ’‚' */ .icon-mouse:before { content: '\e883'; } /* 'ξ’ƒ' */ .icon-imac:before { content: '\e884'; } /* 'ξ’„' */ .icon-gamepad:before { content: '\e885'; } /* 'ξ’…' */ .icon-laptop:before { content: '\e886'; } /* 'ξ’†' */ .icon-printer:before { content: '\e887'; } /* 'ξ’‡' */ .icon-headphone:before { content: '\e888'; } /* '' */ .icon-keyboard:before { content: '\e889'; } /* 'ξ’‰' */ .icon-monitor:before { content: '\e88a'; } /* '' */ .icon-telephone:before { content: '\e88b'; } /* 'ξ’‹' */ .icon-ipod:before { content: '\e88c'; } /* '' */ .icon-mic1:before { content: '\e88d'; } /* '' */ .icon-bakelitedisk:before { content: '\e88e'; } /* '' */ .icon-usb1:before { content: '\e88f'; } /* '' */ .icon-mic2:before { content: '\e890'; } /* '' */ .icon-calculator:before { content: '\e891'; } /* 'ξ’‘' */ .icon-floppydisk:before { content: '\e892'; } /* 'ξ’’' */ .icon-cpu:before { content: '\e893'; } /* 'ξ’“' */ .icon-vlc:before { content: '\e894'; } /* 'ξ’”' */ .icon-usb2:before { content: '\e895'; } /* 'ξ’•' */ .icon-classictelephone:before { content: '\e896'; } /* 'ξ’–' */ .icon-projector:before { content: '\e897'; } /* 'ξ’—' */ .icon-webcam:before { content: '\e898'; } /* '' */ .icon-speaker1:before { content: '\e899'; } /* 'ξ’™' */ .icon-speaker2:before { content: '\e89a'; } /* '' */ .icon-speaker3:before { content: '\e89b'; } /* 'ξ’›' */ .icon-speaker4:before { content: '\e89c'; } /* '' */ .icon-camera3:before { content: '\e89d'; } /* '' */ .icon-camera2:before { content: '\e89e'; } /* '' */ .icon-tv:before { content: '\e89f'; } /* '' */ .icon-polaroid:before { content: '\e8a0'; } /* 'ξ’ ' */ .icon-antenna:before { content: '\e8a1'; } /* 'ξ’‘' */ .icon-camera4:before { content: '\e8a2'; } /* 'ξ’’' */ .icon-radio:before { content: '\e8a3'; } /* 'ξ’£' */ .icon-arrow1:before { content: '\e8a4'; } /* 'ξ’€' */ .icon-arrow2:before { content: '\e8a5'; } /* 'ξ’₯' */ .icon-arrow3:before { content: '\e8a6'; } /* 'ξ’¦' */ .icon-arrow4:before { content: '\e8a7'; } /* 'ξ’§' */ .icon-arrow5:before { content: '\e8a8'; } /* 'ξ’¨' */ .icon-arrow51:before { content: '\e8a9'; } /* 'ξ’©' */ .icon-arrow6:before { content: '\e8aa'; } /* 'ξ’ͺ' */ .icon-arrow7:before { content: '\e8ab'; } /* 'ξ’«' */ .icon-arrow8:before { content: '\e8ac'; } /* 'ξ’¬' */ .icon-arrow9:before { content: '\e8ad'; } /* 'ξ’­' */ .icon-arrow10:before { content: '\e8ae'; } /* 'ξ’�' */ .icon-arrow11:before { content: '\e8af'; } /* 'ξ’―' */ .icon-arrow12:before { content: '\e8b0'; } /* 'ξ’°' */ .icon-arrow13:before { content: '\e8b1'; } /* 'ξ’±' */ .icon-arrow14:before { content: '\e8b2'; } /* 'ξ’²' */ .icon-arrow15:before { content: '\e8b3'; } /* 'ξ’³' */ .icon-arrow16:before { content: '\e8b4'; } /* 'ξ’΄' */ .icon-arrow17:before { content: '\e8b5'; } /* 'ξ’΅' */ .icon-arrow18:before { content: '\e8b6'; } /* 'ξ’Ά' */ .icon-arrow19:before { content: '\e8b7'; } /* 'ξ’·' */ .icon-arrow20:before { content: '\e8b8'; } /* 'ξ’Έ' */ .icon-arrow21:before { content: '\e8b9'; } /* 'ξ’Ή' */ .icon-arrow22:before { content: '\e8ba'; } /* 'ξ’Ί' */ .icon-arrow23:before { content: '\e8bb'; } /* 'ξ’»' */ .icon-arrow24:before { content: '\e8bc'; } /* 'ξ’Ό' */ .icon-arrow25:before { content: '\e8bd'; } /* 'ξ’½' */ .icon-arrow26:before { content: '\e8be'; } /* 'ξ’Ύ' */ .icon-arrow27:before { content: '\e8bf'; } /* 'ξ’Ώ' */ .icon-arrow28:before { content: '\e8c0'; } /* 'ξ£€' */ .icon-arrow29:before { content: '\e8c1'; } /* '' */ .icon-arrow30:before { content: '\e8c2'; } /* '' */ .icon-arrow31:before { content: '\e8c3'; } /* '' */ .icon-arrow32:before { content: '\e8c4'; } /* '' */ .icon-arrow33:before { content: '\e8c5'; } /* 'ξ£…' */ .icon-arrow52:before { content: '\e8c6'; } /* '' */ .icon-arrow34:before { content: '\e8c7'; } /* '' */ .icon-arrow35:before { content: '\e8c8'; } /* '' */ .icon-arrow36:before { content: '\e8c9'; } /* '' */ .icon-arrow37:before { content: '\e8ca'; } /* '' */ .icon-arrow38:before { content: '\e8cb'; } /* '' */ .icon-arrow39:before { content: '\e8cc'; } /* '' */ .icon-arrow40:before { content: '\e8cd'; } /* '' */ .icon-arrow41:before { content: '\e8ce'; } /* '' */ .icon-arrow42:before { content: '\e8cf'; } /* '' */ .icon-arrow43:before { content: '\e8d0'; } /* '' */ .icon-arrow48:before { content: '\e8d1'; } /* '' */ .icon-arrow49:before { content: '\e8d2'; } /* 'ξ£’' */ .icon-arrow50:before { content: '\e8d3'; } /* '' */ .icon-arrow44:before { content: '\e8d4'; } /* 'ξ£”' */ .icon-arrow45:before { content: '\e8d5'; } /* '' */ .icon-arrow46:before { content: '\e8d6'; } /* 'ξ£–' */ .icon-arrow47:before { content: '\e8d7'; } /* 'ξ£—' */ .icon-star1:before { content: '\e8d8'; } /* '' */ .icon-star2:before { content: '\e8d9'; } /* 'ξ£™' */ .icon-star3:before { content: '\e8da'; } /* '' */ .icon-cart3:before { content: '\e8db'; } /* 'ξ£›' */ .icon-cart31:before { content: '\e8dc'; } /* '' */ .icon-cart32:before { content: '\e8dd'; } /* '' */ .icon-moneybag:before { content: '\e8de'; } /* '' */ .icon-moneypig:before { content: '\e8df'; } /* '' */ .icon-cart:before { content: '\e8e0'; } /* 'ξ£ ' */ .icon-cart2:before { content: '\e8e1'; } /* '' */ .icon-gift:before { content: '\e8e2'; } /* 'ξ£’' */ .icon-safe:before { content: '\e8e3'; } /* 'ξ££' */ .icon-gold1:before { content: '\e8e4'; } /* 'ξ£€' */ .icon-gold2:before { content: '\e8e5'; } /* 'ξ£₯' */ .icon-gold3:before { content: '\e8e6'; } /* '' */ .icon-gold4:before { content: '\e8e7'; } /* '' */ .icon-gold5:before { content: '\e8e8'; } /* '' */ .icon-judicialgavel:before { content: '\e8e9'; } /* '' */ .icon-bankcard:before { content: '\e8ea'; } /* 'ξ£ͺ' */ .icon-bell:before { content: '\e8eb'; } /* '' */ .icon-bag2:before { content: '\e8ec'; } /* '' */ .icon-money1:before { content: '\e8ed'; } /* 'ξ£­' */ .icon-money2:before { content: '\e8ee'; } /* 'ξ£�' */ .icon-money3:before { content: '\e8ef'; } /* 'ξ£―' */ .icon-money4:before { content: '\e8f0'; } /* 'ξ£°' */ .icon-shop:before { content: '\e8f1'; } /* 'ξ£±' */ .icon-blogger:before { content: '\e8f2'; } /* 'ξ£²' */ .icon-lamp:before { content: '\e8f3'; } /* 'ξ£³' */ .icon-setting1:before { content: '\e8f4'; } /* '' */ .icon-vote:before { content: '\e8f5'; } /* '' */ .icon-registration:before { content: '\e8f6'; } /* 'ξ£Ά' */ .icon-arrow53:before { content: '\e8f7'; } /* 'ξ£·' */ .icon-arrow54:before { content: '\e8f8'; } /* 'ξ£Έ' */ .icon-arrow55:before { content: '\e8f9'; } /* 'ξ£Ή' */ .icon-arrow56:before { content: '\e8fa'; } /* 'ξ£Ί' */ .icon-arrow57:before { content: '\e8fb'; } /* 'ξ£»' */ .icon-arrow58:before { content: '\e8fc'; } /* 'ξ£Ό' */ .icon-arrow59:before { content: '\e8fd'; } /* 'ξ£½' */ .icon-arrow60:before { content: '\e8fe'; } /* 'ξ£Ύ' */ .icon-arrow61:before { content: '\e8ff'; } /* 'ξ£Ώ' */ .icon-arrow62:before { content: '\e900'; } /* 'ξ€€' */ .icon-arrow63:before { content: '\e901'; } /* '' */ .icon-arrow64:before { content: '\e902'; } /* '' */ .icon-arrow65:before { content: '\e903'; } /* '' */ .icon-arrow66:before { content: '\e904'; } /* '' */ .icon-arrow67:before { content: '\e905'; } /* 'ξ€…' */ .icon-arrow68:before { content: '\e906'; } /* '' */ .icon-arrow69:before { content: '\e907'; } /* '' */ .icon-arrow70:before { content: '\e908'; } /* '' */ .icon-arrow71:before { content: '\e909'; } /* '' */ .icon-arrow72:before { content: '\e90a'; } /* '' */ .icon-arrow73:before { content: '\e90b'; } /* '' */ .icon-arrow74:before { content: '\e90c'; } /* '' */ .icon-arrow75:before { content: '\e90d'; } /* '' */ .icon-arrow76:before { content: '\e90e'; } /* '' */ .icon-arrow77:before { content: '\e90f'; } /* '' */ .icon-arrow78:before { content: '\e910'; } /* '' */ .icon-arrow79:before { content: '\e911'; } /* '' */ @font-face { font-family: 'Mono Social Icons Font'; src: url("../fonts/MonoSocialIconsFont-1.10.eot"); src: url("../fonts/MonoSocialIconsFont-1.10.eot?#iefix") format("embedded-opentype"), url("../fonts/MonoSocialIconsFont-1.10.woff") format("woff"), url("../fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"), url("../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont") format("svg"); src: url("../fonts/MonoSocialIconsFont-1.10.ttf") format("truetype"); font-weight: normal; font-style: normal; } .symbol, a.symbol:before { font-family: 'Mono Social Icons Font'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; } a.symbol:before { content: attr(title); margin-right: 0.3em; font-size: 130%; }