santaelena.com.ar
Open in
urlscan Pro
108.181.68.218
Public Scan
Submitted URL: http://santaelena.com.ar/wp-content/themes/santaelena/style.css?ver=6.5.5
Effective URL: https://santaelena.com.ar/wp-content/themes/santaelena/style.css?ver=6.5.5
Submission: On August 24 via api from US — Scanned from DE
Effective URL: https://santaelena.com.ar/wp-content/themes/santaelena/style.css?ver=6.5.5
Submission: On August 24 via api from US — Scanned from DE
Form analysis
0 forms found in the DOMText Content
/*----------------------------------------------------------------------------------- Theme Name: Klaus - Retina Multi-Purpose WordPress Theme Theme URI: http://www.demo.alessioatzeni.com/klaus/ Description: Klaus Theme for photostudio, creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with a tons of cool features. Author: Alessio Atzeni Author URI: http://www.alessioatzeni.com Version: 1.6.1 License: GNU General Public License version 3.0 & Envato Regular/Extended License License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses ------------------------------------------------------------------------------------- 0. Font-Family Elements Setup 1. Document Setup - Basic Style 2. Typography 3. Margins / Padding Value / Shadow / Special Classes 4. Header Section 5. Mobile Navigation 6. Revolution Slider Setup Graphics 7. Full-Width Image 8. Section Title Page 9. Special Heading 10. Team and Single Post Team 11. Portfolio and Single Post Portfolio 12. Navigation Projects / Navigation Posts 13. Map Area and Contact Form 14. Latest Post and Blog Style 15. Comments 16. Sidebar 17. Big Twitter Feed Area 18. Footer 19. Back to Top 20. Error Page 21. Archives / Sitemap Template 22. Widgets 23. Isotope Portfolio Filtering Settings 24. Animation Preloader Settings 25. Fancybox Settings 26. Shortcodes 27. Animation Modules Settings 28. Font Icons 29. Flex Slider Settings 30. Media Queries -------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 0. Font-Family Elements Setup /*-----------------------------------------------------------------------------------*/ body, input, button, select, textarea, .gallery-caption, header #logo a { font-family: 'Muli', sans-serif; } h1, h2, h3, h4, h5, h6, #menu ul a, #navigation-mobile li a, #image-static .page-caption, #image-static .entry-meta.entry-header, #title-page .page-caption, #title-page .entry-meta.entry-header { font-family: 'Source Sans Pro', sans-serif; } /*-----------------------------------------------------------------------------------*/ /* 1. Document Setup - Basic Style /*-----------------------------------------------------------------------------------*/ html { width: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } #main { background: #FFFFFF; } #main.sticky-header-enabled { padding-top: 120px; } .main-content { position: relative; } /* Boxed Layout */ .wrap_all.boxed { position: relative; width: 1170px; margin: 0 auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px rgba(0, 0, 0, 0.15); } .wrap_all.boxed .sticky-header { max-width: 1170px; } .wrap_all.boxed .container { padding-left: 30px; padding-right: 30px; } .wrap_all.boxed #main.sticky-header-enabled { padding-top: 120px; } .wrap_all.boxed #portfolio-filter.desktop-filter, .wrap_all.boxed #portfolio-filter.mobile-filter { padding-left: 15px; padding-right: 15px; } /* Section Fluid */ .container-fluid, .container { position: relative; z-index: 20; } .container-fluid { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } body { background: #FFFFFF; color: #818B92; font-weight: 300; font-size: 14px; line-height: 24px; } a { color: #F05253; text-decoration: none; font-weight: 400; cursor: pointer; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } a:hover, a:active, a:focus { outline: 0; color: #818B92; text-decoration: none; } a img { border: none; } strong { font-weight: 600; } p { margin: 0.85em 0; } ul, ol { margin: 0 0 20px 30px; padding: 0; } ul { list-style: disc inside; } ol { list-style: decimal inside; } li { line-height: 30px; } .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; clear: both; margin-right: auto; margin-left: auto; } .textalignleft { text-align: left; } .textaligncenter { text-align: center; } .textalignright { text-align: right; } img.alignleft { float: left; margin: 20px 25px 20px 0; } img.alignright { display: block; margin: 20px 0 20px 25px; } img.aligncenter { display: block; clear: both; margin: 0 auto; } img.alignnone { display: block; margin: 20px 0; } .img-full-responsive { width: 100%; height: auto; display: block; max-width: none; } .wp-caption { margin: 10px 20px 20px 20px; max-width: 100%; text-align: center; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } .wp-caption.aligncenter { margin: 20px auto; } .wp-caption.alignleft { margin-left: 0; } .wp-caption.alignright { margin-right: 0; } .wp-caption.alignnone { margin-left: 0; } .wp-caption img, .wp-caption img a { margin: 0; padding: 0; border: 0 none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley { margin: 0 !important; max-height: 13px; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 24px; } abbr[title], acronym[title], dfn[title] { border-bottom: 1px dotted #666; cursor: help; } .through { text-decoration: line-through; } input, button, select, textarea { outline: 0; font-weight: 400; } input:focus, textarea:focus, input[type="text"]:focus { outline: 0; } input[type="checkbox"], input[type="radio"] { width: auto !important; } input::input-placeholder, textarea::input-placeholder { color: #BCBCC4; opacity: 1; } input:-moz-placeholder, textarea:-moz-placeholder { color: #BCBCC4; opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { color: #BCBCC4; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #BCBCC4; opacity: 1; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #BCBCC4; opacity: 1; } code, pre { padding: 0 3px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #232527; font-size: 12px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; border: 1px solid #dde4e9; background-color: #F6F6F6; color: #232527; white-space: nowrap; } pre { display: block; margin: 30px; padding: 15px; border: 1px solid #dde4e9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #FCFCFC; white-space: pre; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; font-size: 12px; line-height: 20px; } pre code { padding: 0; border: 0; background-color: transparent; color: inherit; white-space: pre; white-space: pre-wrap; } .pre-scrollable { overflow-y: scroll; max-height: 340px; } .sticky { } .bypostauthor { } .gallery-caption { margin-left: 0; font-style: italic; } /*-----------------------------------------------------------------------------------*/ /* 2. Typography /*-----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; color: #2D3C48; font-weight: 400; line-height: 1.4em; letter-spacing: -1px; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /*-----------------------------------------------------------------------------------*/ /* 3. Margins / Padding Value / Shadow / Special Classes /*-----------------------------------------------------------------------------------*/ /* Font Color */ .white > * { color: #FFFFFF !important; } /* Font Weight */ .text-ultra-light > * { font-weight: 100 !important; } .text-light > * { font-weight: 200 !important; } .text-book > * { font-weight: 300 !important; } .text-normal > * { font-weight: 400 !important; } .text-medium > * { font-weight: 500 !important; } .text-semi-bold > * { font-weight: 600 !important; } .text-bold > * { font-weight: 700 !important; } .text-extra-bold > * { font-weight: 800 !important; } .text-ultra-bold > * { font-weight: 900 !important; } /* Font Style */ .italic { font-style: italic !important; } .uppercase { text-transform: uppercase !important; } .text-normal { text-transform: none !important; } /* Padding */ .no-padding { padding: 0; } .small-padding { padding: 40px 0 40px; } .default-padding { padding: 70px 0 70px; } .default-padding-mod { padding: 70px 0 40px; } .default-padding-mod-center { padding: 100px 0 70px; } .large-padding { padding: 100px 0 100px; } /* Shadow */ .shadow-on { -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12), inset 0px -1px 3px rgba(0, 0, 0, 0.12); } /* Margin */ .margin-0 { margin-bottom: 0 !important; } .margin-10 { margin-bottom: 10px !important; } .margin-15 { margin-bottom: 15px !important; } .margin-20 { margin-bottom: 20px !important; } .margin-30 { margin-bottom: 30px !important; } .margin-40 { margin-bottom: 40px !important; } .margin-50 { margin-bottom: 50px !important; } .margin-60 { margin-bottom: 60px !important; } .margin-70 { margin-bottom: 70px !important; } .margin-80 { margin-bottom: 80px !important; } .margin-90 { margin-bottom: 90px !important; } .margin-100 { margin-bottom: 100px !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin { margin: 0 !important; } /* Single Image Alignment and Simple Opacity Hover Class */ .single-image img.alignleft { float: left; margin: 0; } .single-image img.alignright { float: right; margin: 0; } .single-image img.aligncenter { margin: 0 auto; display: block; clear: both; } .single-image img.opacity-hover { opacity: 0.5 !important; -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */ -webkit-backface-visibility: hidden; /* Prevents Flickr Image On Chrome and Safari */ -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } .single-image:hover img.opacity-hover { opacity: 1 !important; } /*-----------------------------------------------------------------------------------*/ /* 4. Header Section /*-----------------------------------------------------------------------------------*/ header { position: relative; background: #FFFFFF; width: 100%; height: 120px; z-index: 7000; } header #logo a { display: block; color: #2D3C48; font-weight: 600; font-size: 42px; letter-spacing: -2px; line-height: 120px; text-transform: uppercase; } header #logo a:hover, header #logo a:focus, header #logo a:active { color: #F05253; } #logo a img { max-width: 100%; opacity: 1; vertical-align: text-top; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } #logo a:hover img, #logo a:focus img, #logo a:active img { opacity: 0.85; } #logo img.retina { display: none; } /* Navigation */ #menu { float: right; } /* Sub-Menu */ #menu ul { margin: 0; padding: 0; list-style: none; } #menu ul li { position: relative; float: left; margin-left: 20px; line-height: 120px; z-index: 40; } #menu ul li:last-child { margin-right: 0; } #menu ul li:last-child a { padding-right: 0; } #menu ul a { position: relative; color: #818B92; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 0 10px; display: block; } #menu > ul > li:after { content: ""; position: absolute; width: 10px; height: 14px; left: -20px; top: 54px; border-right: 1px solid #EEEEEE; } #menu > ul > li:first-child:after, #menu ul .sub-menu li:after { display: none; } #menu ul li:hover { visibility: inherit; } #menu ul ul { position: absolute; top: -9999em; width: 200px !important; } #menu ul ul li { width: 100%; } #menu ul li:hover ul, #menu ul li.sfHover ul { top: 120px; left: 0; margin-left: -10px; z-index: 99; } #menu ul a:hover, #menu ul li.sfHover a, #menu ul li.current-cat a, #menu ul li.current_page_item a, #menu ul li.current-menu-item a, #menu ul li.current-page-ancestor a, #menu ul li.current-menu-ancestor a { color: #2D3C48; } #menu ul li:hover li ul, #menu ul li.sfHover li ul, #menu ul li li:hover li ul, #menu ul li li.sfHover li ul, #menu ul li li li:hover li ul, #menu ul li li li.sfHover li ul { top: -9999em; } #menu ul li li:hover ul, #menu ul li li.sfHover ul, #menu ul li li li:hover ul, #menu ul li li li.sfHover ul, #menu ul li li li li:hover ul, #menu ul li li li li.sfHover ul { top: 0px; left: 211px !important; } #menu .menu-overflow-width { margin-left: -412px !important; } #menu ul ul { padding: 0; background: #252728; } #menu ul ul li { position: relative; float: none; margin: 0; padding: 0; background: none; line-height: 25px; } #menu ul ul li:first-child { border-top: none; } #menu ul .sub-menu li a { position: relative; color: #FFFFFF !important; font-size: 13px; padding: 14px 20px 15px !important; border-top: 1px solid #2F2F2F; } #menu ul .sub-menu li a:hover { color: #F05253 !important; } #menu ul .sub-menu li a i { color: #444444; font-size: 14px; margin: -8px 0 0; position: absolute; right: 10px; top: 50%; } .sub-menu.sf-js-enabled, .sub-menu.superfish { -webkit-backface-visibility: hidden; /* Prevents Flickr Text On Safari/Google Chrome */ } /* Sticky Header */ header.sticky-header { position: fixed; -webkit-transition: height 0.3s ease 0s; -moz-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } header.sticky-header.nav-small { height: 80px; -webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 0 rgba(0,0,0,0.1); } header.sticky-header #logo a, header.sticky-header #menu ul a { line-height: 80px; padding-top: 20px; padding-bottom: 20px; -webkit-transition: padding 0.3s ease 0s, color 0.15s ease-in-out 0s; -moz-transition: padding 0.3s ease 0s, color 0.15s ease-in-out 0s; -o-transition: padding 0.3s ease 0s, color 0.15s ease-in-out 0s; transition: padding 0.3s ease 0s, color 0.15s ease-in-out 0s; } header.sticky-header.nav-small #logo a, header.sticky-header.nav-small #menu ul a { padding-top: 0; padding-bottom: 0; } header.sticky-header #menu > ul > li:after { top: 54px; -webkit-transition: top 0.3s ease 0s; -moz-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; } header.sticky-header.nav-small #menu > ul > li:after { top: 34px; } header.sticky-header #menu ul li:hover ul, header.sticky-header #menu ul li.sfHover ul { top: 120px; -webkit-transition: top 0.3s ease 0s; -moz-transition: top 0.3s ease 0s; -o-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; } header.sticky-header.nav-small #menu ul li:hover ul, header.sticky-header.nav-small #menu ul li.sfHover ul { top: 80px; } header.sticky-header #menu ul li li:hover ul, header.sticky-header #menu ul li li.sfHover ul, header.sticky-header.nav-small #menu ul li li:hover ul, header.sticky-header.nav-small #menu ul li li.sfHover ul { top: 0; } header.sticky-header #menu ul .sub-menu li a, header.sticky-header.nav-small #menu ul .sub-menu li a { line-height: 24px; padding: 14px 20px 15px !important; } /*-----------------------------------------------------------------------------------*/ /* 5. Mobile Navigation /*-----------------------------------------------------------------------------------*/ #mobile-nav, #navigation-mobile { display: none; } .menu-nav { position: relative; display: block; width: 90px; height: 90px; } .menu-nav .menu-icon { position: absolute; top: 50%; right: 0; margin: -6px 0 0 0; width: 16px; height: 16px; background: url(_include/img/menu-mobile.png) 0 0 no-repeat; -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .menu-nav.open .menu-icon { background-position: 0 -16px; -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #navigation-mobile { position: relative; z-index: 21; display: none; background: #252728; } #menu-nav-mobile { margin: 0; padding: 10px 0; } #menu-nav-mobile li { border-top: 2px solid #2F2F2F; list-style: none; } #navigation-mobile li:first-child { border-top: none; } #navigation-mobile li a { position: relative; display: block; padding: 15px 0; color: #818B92; font-size: 13px; text-transform: uppercase; } #menu-nav-mobile ul.sub-menu { position: relative; top: auto; margin: 0; width: auto; background: transparent; } #menu-nav-mobile ul.sub-menu li { margin-top: 0; height: auto; border-top: 2px solid #2F2F2F; } #menu-nav-mobile .sub-menu li a { color: #818B92; padding-left: 20px; } #navigation-mobile li.has-ul.open > a, #navigation-mobile li a:hover, #menu-nav-mobile .sub-menu li a:hover { color: #FFFFFF; } #navigation-mobile li.has-ul a i { position: absolute; top: 50%; right: 0px; margin: -8px 0 0 0; color: #444444; font-size: 20px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } #navigation-mobile li.has-ul.open a i { color: #FFFFFF; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #navigation-mobile .sub-menu li.has-ul a i { color: #444444; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } #navigation-mobile .sub-menu li.has-ul.open a i { color: #FFFFFF; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /*-----------------------------------------------------------------------------------*/ /* 6. Revolution Slider Setup Graphics /*-----------------------------------------------------------------------------------*/ .main-content .container-fluid .wpb_revslider_element { margin-right: -15px; margin-left: -15px; } .fullwidthbanner ul li { list-style: none; } /*-----------------------------------------------------------------------------------*/ /* 7. Full-width Image /*-----------------------------------------------------------------------------------*/ #image-static { position: relative; overflow: hidden; } .overlay-bg { width: 100%; height: 100%; position: absolute; background: #F05253; opacity: 0.70; z-index: 1; } .overlay-bg-fill { width: 100%; height: 100%; position: absolute; background: #F05253; z-index: 1; } .fullimage-container { position: relative; overflow: hidden; width: 100%; height: 350px; } .fullimage-container.titlize { height: auto; } .section-overlay-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #image-static .pagize { position: relative; padding-top: 100px; padding-bottom: 100px; z-index: 2; } #image-static h2 { margin-bottom: 0; font-weight: 600; font-size: 42px; letter-spacing: -2px; line-height: 1.3em; color: #FFFFFF; text-transform: uppercase; } #image-static .page-caption, #image-static .entry-meta.entry-header { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-weight: 300; font-size: 28px; letter-spacing: -1px; font-style: italic; line-height: 1.4em; } #image-static .entry-meta.entry-header a { color: #FFFFFF; font-weight: 300; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } #image-static .entry-meta.entry-header a:hover { opacity: 0.75; } /*-----------------------------------------------------------------------------------*/ /* 8. Section Title Page /*-----------------------------------------------------------------------------------*/ #title-page { position: relative; overflow: hidden; } #title-page .pagize { position: relative; padding-top: 100px; padding-bottom: 100px; z-index: 2; } #title-page h2 { margin-bottom: 0; font-weight: 600; font-size: 42px; letter-spacing: -2px; line-height: 1.3em; color: #FFFFFF; text-transform: uppercase; } #title-page .page-caption, #title-page .entry-meta.entry-header { margin-top: 0; margin-bottom: 0; color: #FFFFFF; font-weight: 300; font-size: 28px; letter-spacing: -1px; font-style: italic; line-height: 1.4em; } #title-page .entry-meta.entry-header a { color: #FFFFFF; font-weight: 300; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } #title-page .entry-meta.entry-header a:hover { opacity: 0.75; } /* Video Background */ .video-section-container { overflow: hidden; position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; } .video-section-container .video-wrap { left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 10; } .video-section-container .video-wrap .mejs-container { background-color: rgba(0, 0, 0, 0) !important; background-image: none !important; height: auto !important; } .video-section-container .mobile-video-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; } .video-section-container .video-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 11; } /*-----------------------------------------------------------------------------------*/ /* 9. Special Heading /*-----------------------------------------------------------------------------------*/ .special-heading > * { margin: 0; } .special-heading.italic > * { font-style: italic; } /*-----------------------------------------------------------------------------------*/ /* 10. Team and Single Post Team /*-----------------------------------------------------------------------------------*/ #team-filter.mobile-filter { display: none; } #team-filter.desktop-filter { display: block; } #team-filter.desktop-filter, #team-filter.mobile-filter { padding-bottom: 40px; } #team-filter .team-left { float: left; } #team-filter .team-right { float: right; } #team-filter .team-left p { margin: 0; line-height: 30px; color: #2D3C48; font-weight: 400; } #team-filter .team-right ul { margin: 0; padding: 0; } #team-filter .team-right ul li { list-style: none; float: left; margin-left: 20px; } #team-filter .team-right ul li a { color: #818B92; font-weight: 300; } #team-filter .team-right ul li a:hover, #team-filter .team-right ul li a.selected { color: #2D3C48; } #team-people { margin-left: 13px; margin-right: 13px; } #team-people .single-people.col-md-3, #team-people .single-people.col-md-4, #team-people .single-people.col-md-6 { padding-left: 2px; padding-right: 2px; } #people img { width: 100%; } #people { margin: 0; padding: 0; } #people li { float: left; margin-bottom: 4px; list-style: none; } .single-people { position: relative; overflow: hidden; } .single-people .hover-wrap { position: relative; overflow: hidden; width: 100%; height: 100%; } .single-people .hover-wrap img { position: relative; width: 100%; } .single-people .team-name { background: rgba(0,0,0,0.75); display: block; float: left; height: 100%; opacity: 0; padding: 20px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .single-people .team-name .va { display: table-cell; text-align: center; vertical-align: middle; } .single-people .team-name .va .team-title { display: block; } .single-people .hover-wrap:hover .team-name, .single-people .hover-wrap:active .team-name, .single-people .hover-wrap:focus .team-name { opacity: 1; } .single-people .team-name .va h3 { color: #FFFFFF; margin-bottom: 0; } .single-people .team-name h4 { margin: 2px 0 0; font-weight: 400; font-size: 14px; opacity: 0.75; color: #FFFFFF; letter-spacing: 0; font-style: italic; text-transform: uppercase; } /*-----------------------------------------------------------------------------------*/ /* 11. Portfolio and Single Post Portfolio /*-----------------------------------------------------------------------------------*/ /* Portfolio Fluid */ .portfolio-full .container-fluid, .portfolio-full .container-fluid .col-md-12, .portfolio-full .row.portfolio-full-width .col-md-12 { padding-left: 0; padding-right: 0; } .portfolio-full .container-fluid .row { margin: 0; } .portfolio-full .item-project.col-full-3, .portfolio-full .item-project.col-full-4, .portfolio-full .item-project.col-full-6 { float: left; margin: 0; overflow: hidden; padding: 0; position: relative; } /* 6 Columns */ .portfolio-full .item-project.col-full-1 { width: 16.6667%; } /* 5 Columns */ .portfolio-full .item-project.col-full-2 { width: 20%; } /* 4 Columns */ .portfolio-full .item-project.col-full-3 { width: 25%; } /* 3 Columns */ .portfolio-full .item-project.col-full-4 { width: 33.3333%; } /* 2 Columns */ .portfolio-full .item-project.col-full-6 { width: 50%; } /* Portfolio Filter for Wall Effects */ #portfolio-filter.mobile-filter { display: none; } #portfolio-filter.desktop-filter { display: block; } #portfolio-filter.desktop-filter, #portfolio-filter.mobile-filter { padding-bottom: 40px; } #portfolio-filter .portfolio-left { float: left; } #portfolio-filter .portfolio-right { float: right; } #portfolio-filter .portfolio-right ul { margin: 0; padding: 0; } #portfolio-filter .portfolio-right ul li { list-style: none; float: left; margin-left: 20px; } #portfolio-filter .portfolio-left p { margin: 0; line-height: 30px; color: #2D3C48; font-weight: 400; } #portfolio-filter .portfolio-right ul { margin: 0; padding: 0; } #portfolio-filter .portfolio-right ul li { list-style: none; float: left; margin-left: 20px; } #portfolio-filter .portfolio-right ul li a { color: #818B92; font-weight: 300; } #portfolio-filter .portfolio-right ul li a:hover, #portfolio-filter .portfolio-right ul li a.selected { color: #2D3C48; } .portfolio-full #portfolio-filter.desktop-filter, .portfolio-full #portfolio-filter.mobile-filter { background: #222222; padding: 40px 0; } .portfolio-full #portfolio-filter .portfolio-left p { margin: 0; line-height: 30px; color: #FFFFFF; font-weight: 400; } .portfolio-full #portfolio-filter .portfolio-right ul li a { color: #818B92; font-weight: 300; } .portfolio-full #portfolio-filter .portfolio-right ul li a:hover, .portfolio-full #portfolio-filter .portfolio-right ul li a.selected { color: #FFFFFF; } .portfolio-full #portfolio-filter .col-md-12 { float: none; padding: 0 15px !important; max-width: 1170px; margin: 0 auto; } .portfolio-full #portfolio-filter.mobile-filter .dropmenu { margin: 0; border: 2px solid #444444; } .portfolio-full #portfolio-filter.mobile-filter .dropmenu p { color: #FFFFFF; padding: 15px 0 13px 13px; } .portfolio-full #portfolio-filter.mobile-filter .dropmenu-active { background: #222222; border: 2px solid #444444; border-top: 1px solid #444444; } .portfolio-full #portfolio-filter.mobile-filter .dropmenu-active ul li a { color: #818B92; } .portfolio-full #portfolio-filter.mobile-filter .dropmenu-active ul li a:hover { color: #FFFFFF; } /* Projects */ .portfolio-full #portfolio-projects { margin-left: 0; margin-right: 0; } #portfolio-projects { margin-left: 13px; margin-right: 13px; } #portfolio-projects .item-project.col-md-3, #portfolio-projects .item-project.col-md-4, #portfolio-projects .item-project.col-md-6 { padding-left: 2px; padding-right: 2px; } #projects img { width: 100%; } #projects { margin: 0; padding: 0; } #projects li { float: left; margin-bottom: 4px; list-style: none; } .item-project { position: relative; overflow: hidden; } .item-project .hover-wrap { position: relative; overflow: hidden; width: 100%; height: 100%; } .item-project .hover-wrap img { position: relative; width: 100%; } .item-project .project-name { background: rgba(0,0,0,0.75); display: block; float: left; height: 100%; opacity: 0; padding: 20px; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .item-project .project-name .va { display: table-cell; text-align: center; vertical-align: middle; } .item-project .project-name .va .project-title { display: block; } .item-project .hover-wrap:hover .project-name, .item-project .hover-wrap:active .project-name, .item-project .hover-wrap:focus .project-name { opacity: 1; } .item-project .project-name .va h3 { color: #FFFFFF; margin-bottom: 0; } .item-project .project-name h4 { margin: 2px 0 0; font-weight: 400; font-size: 14px; opacity: 0.75; color: #FFFFFF; letter-spacing: 0; font-style: italic; text-transform: uppercase; } .item-project i { position: absolute; top: 0; right: 0; width: 40px; height: 40px; text-align: center; background: #F05253; color: #FFFFFF; font-size: 16px; line-height: 38px; z-index: 5; opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .item-project .hover-wrap:hover i, .item-project .hover-wrap:active i, .item-project .hover-wrap:focus i { opacity: 1; } /* Project Wall Effects */ .portfolio-full #projects li { float: left; margin-bottom: 0; list-style: none; } /*-----------------------------------------------------------------------------------*/ /* 12. Navigation Projects / Navigation Posts /*-----------------------------------------------------------------------------------*/ /* Navigation Project Posts and Team Posts*/ .post-type-navi { margin: -35px 0 0; position: absolute; top: 50%; width: 100%; z-index: 20; } .post-type-navi .prev a, .post-type-navi .next a { background: #171717; display: block; height: 58px; width: 130px; position: fixed; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .post-type-navi .prev a:hover, .post-type-navi .next a:hover, .post-type-navi .prev a:focus, .post-type-navi .next a:focus, .post-type-navi .prev a:active, .post-type-navi .next a:active { } .post-type-navi .prev a { left: -100px; text-align: right; } .post-type-navi .prev a:hover, .post-type-navi .prev a:focus, .post-type-navi .prev a:active { left: 0; } .post-type-navi .next a { right: -100px; } .post-type-navi .next a:hover, .post-type-navi .next a:focus, .post-type-navi .next a:active { right: 0; } .post-type-navi .prev a span, .post-type-navi .next a span { color: #FFFFFF; display: inline-block; padding: 0 30px; line-height: 58px; } /* Navigation Blog Posts */ .main-content-navi { border-top: 2px solid #EBEDEF; } .navigation-projects { position: relative; } .navigation-projects ul { margin: 0; padding: 0; text-align: center; } .navigation-projects ul li { display: inline-block; list-style: none; margin: 2px; } .navigation-projects ul li.prev a, .navigation-projects ul li.next a, .navigation-projects ul li.back-page a{ width: 48px; height: 48px; padding: 0; position: relative; display: block; background: transparent; border: 2px solid #EBEDEF; text-indent: -9999px; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; } .navigation-projects ul li.prev a i, .navigation-projects ul li.next a i, .navigation-projects ul li.back-page a i { color: #BCBCC4; font-size: 16px; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; text-indent: 0; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .navigation-projects ul li.prev a i { margin: -8px 0 0 -9px; } .navigation-projects ul li.prev a:hover, .navigation-projects ul li.next a:hover, .navigation-projects ul li.back-page a:hover { background-color: #F05253; border-color: #F05253; } .navigation-projects ul li.prev a:hover i, .navigation-projects ul li.next a:hover i, .navigation-projects ul li.back-page a:hover i { color: #FFFFFF; } /* Navigation Boxed Layout */ .wrap_all.boxed .post-type-navi { display: none; } .wrap_all.boxed .main-content-navi.team, .wrap_all.boxed .main-content-navi.portfolio { display: block; } /* Navigation Mobile Team / Portfolio Single Post */ .main-content-navi.team.mobile, .main-content-navi.portfolio.mobile { display: none; } /*-----------------------------------------------------------------------------------*/ /* 13. Map Area and Contact Form /*-----------------------------------------------------------------------------------*/ #map-area { width: 100%; } #map-area img { max-width: none !important; } .map { height: 520px; } /* Contact Form Styles */ .wpcf7-form { margin-bottom: 0; } .wpcf7-form p { margin-top: 0; } .wpcf7 p.quote-budget { overflow: visible; } .wpcf7-form-control-wrap.budget { display: inline-block; margin-bottom: 0; width: 50%; } span.wpcf7-form-control-wrap { display: block; margin: 15px 0; } .wpcf7 .watermark { color: #BCBCC4 !important; } .wpcf7 input, .wpcf7 textarea { margin: 0; padding: 15px; height: auto; border: 2px solid #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #BCBCC4; font-size: 16px; resize: none; -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } .wpcf7 input:focus, .wpcf7 textarea:focus { border-color: #DFDFDF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #56646F; } .wpcf7 input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .wpcf7 textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 8px; width: 100%; resize: vertical; } .wpcf7 .wpcf7-submit { width: auto; border: none; display: inline-block; padding: 16px 24px; background-color: transparent; color: #BCBCC4; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14.5px; cursor: pointer; border: 2px solid #EBEDEF; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus, .wpcf7 .wpcf7-submit:active { background-color: #F05253; border-color: #F05253; color: #FFFFFF; } .wpcf7-form.invalid input.wpcf7-not-valid, .wpcf7-form.invalid textarea.wpcf7-not-valid, .wpcf7-form input:focus:invalid:focus, .wpcf7-form textarea:focus:invalid:focus { border-color: #F05253; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wpcf7-form.invalid span.wpcf7-not-valid-tip { display: none; } .wpcf7 .wpcf7-response-output { margin: 0; padding: 0; } .wpcf7 .wpcf7-validation-errors, .wpcf7 .wpcf7-mail-sent-ng, .wpcf7 .wpcf7-mail-sent-ok { border: none; } .wpcf7 img.ajax-loader { margin-left: 15px; width: auto; } .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: " "; font-size: 0; } /* Bootstrap Select */ .bootstrap-select.btn-group { height: 58px; } .bootstrap-select { float: none; margin: 0; } .btn-group.bootstrap-select { display: block; } .bootstrap-select .custom-select { position: relative; margin: 0; padding: 15px; width: 100%; height: auto; border: 2px solid #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #BCBCC4; font-size: 16px; resize: none; -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -webkit-appearance: none; } .bootstrap-select .custom-select:focus { border-color: #DFDFDF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #56646F; } .bootstrap-select.btn-group .custom-select .plus-select { position: absolute; top: 22px; right: 15px; width: 18px; height: 18px; background: url(_include/img/plus_select.png) no-repeat; -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .bootstrap-select.btn-group.open .custom-select .plus-select { background-position: 0 -18px; -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; } .bootstrap-select.btn-group[class*="span"] .custom-select { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; min-width: 100%; } .bootstrap-select.btn-group .dropdown-menu dt { display: block; padding: 3px 20px; cursor: default; } .bootstrap-select.btn-group .div-contain { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu li > a.opt { padding-left: 35px; } .bootstrap-select.btn-group .dropdown-menu li > a { display: block; clear: both; padding: 15px; min-height: 20px; white-space: nowrap; font-weight: 400; font-size: 16px; line-height: 20px; } .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 2px solid #EBEDEF; line-height: 0; } .bootstrap-select.btn-group .dropdown-menu li:last-child { border-bottom: none; } .bootstrap-select.btn-group.open .dropdown-toggle { border-color: #DFDFDF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; margin: -15px 0 0; padding: 0; min-width: 160px; border-top: none; border-right: 2px solid #EBEDEF; border-bottom: 2px solid #EBEDEF; border-left: 2px solid #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; list-style: none outside none; } .dropdown-menu > li > a { color: #56646F; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-color: #F8F9F9; color: #56646F; background-image: none; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } /*-----------------------------------------------------------------------------------*/ /* 14. Latest Post and Blog Style /*-----------------------------------------------------------------------------------*/ #latest-posts { margin: 0; padding: 0; } #latest-posts article { margin-bottom: 30px; } #latest-posts li { float: left; list-style: none; } .post-thumb { position: relative; overflow: hidden; } .post-thumb img { display: block; height: auto; width: 100%; } .post-thumb .hover-wrap { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; } .post-thumb .hover-wrap .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0,0,0,0.75); opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .post-thumb .hover-wrap:hover .overlay, .post-thumb .hover-wrap:active .overlay, .post-thumb .hover-wrap:focus .overlay { opacity: 1; } .post-thumb .hover-wrap .circle { position: absolute; top: 50%; left: 50%; background: transparent; border: 2px solid #FFFFFF; width: 48px; height: 48px; margin: -24px 0 0 -24px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .post-thumb .hover-wrap i { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; color: #FFFFFF; font-size: 16px; } #latest-posts .post-thumb { margin-bottom: 20px; } #latest-posts .entry-meta.entry-header { border-top: 2px solid #EBEDEF; padding-top: 15px; margin-top: 20px; } #latest-posts .post-name .entry-title { font-size: 24px; } #latest-posts .post-name .entry-title a { color: #2D3C48; } #latest-posts .post-name .entry-title a:hover { color: #F05253; } .entry-meta.entry-header a { color: #818B92; font-weight: 300; } .entry-meta.entry-header a:hover, .entry-meta.entry-header a:active, .entry-meta.entry-header a:focus { color: #F05253; } /* Standard Blog */ .standard-blog article { margin-bottom: 50px; } .standard-blog article:last-child { margin-bottom: 0; } .standard-blog .post-container { position: relative; overflow: hidden; border-bottom: 2px solid #EBEDEF; padding-bottom: 30px; } .standard-blog article:last-child .post-container { padding: 0; border-bottom: none; } .standard-blog .post-thumb, .standard-blog .video-thumb, .standard-blog .audio-thumb { margin-bottom: 20px; } .standard-blog .post-name .entry-title { font-size: 24px; } .standard-blog .post-name .entry-title a { color: #2D3C48; } .standard-blog .post-name .entry-title a:hover { color: #F05253; } .standard-blog .more-link { display: block; margin-top: 10px; } .standard-blog .post-link, .standard-blog .post-quote { background: #F05253; padding: 50px 20px; margin-bottom: 20px; text-align: center; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .standard-blog .post-link:hover, .standard-blog .post-quote:hover { background-color: #171717; } .standard-blog .post-link .entry-title a, .standard-blog .post-quote .entry-title a, .standard-blog .post-quote .entry-title { color: #FFFFFF; } .standard-blog .post-link .entry-title, .standard-blog .post-quote .entry-title { font-size: 28px; margin-bottom: 5px; } .standard-blog .post-link p, .standard-blog .post-quote p { margin: 0; } .standard-blog .post-link .link-source a, .standard-blog .post-quote .quote-source a { color: #FFFFFF; } /* Masonry Blog */ .masonry-blog article .item-blog { display: none; } .masonry-blog article { margin-bottom: 30px; } .masonry-blog .post-container { position: relative; overflow: hidden; border-bottom: 2px solid #EBEDEF; padding-bottom: 10px; } .masonry-blog .post-thumb, .masonry-blog .video-thumb, .masonry-blog .audio-thumb { margin-bottom: 20px; } .masonry-blog .post-name .entry-title { font-size: 24px; } .masonry-blog .post-name .entry-title a { color: #2D3C48; } .masonry-blog .post-name .entry-title a:hover { color: #F05253; } .masonry-blog .more-link { display: block; margin-top: 10px; } .masonry-blog .post-link, .masonry-blog .post-quote { background: #F05253; padding: 50px 20px; margin-bottom: 20px; text-align: center; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .masonry-blog .post-link:hover, .masonry-blog .post-quote:hover { background-color: #171717; } .masonry-blog .post-link .entry-title a, .masonry-blog .post-quote .entry-title a, .masonry-blog .post-quote .entry-title { color: #FFFFFF; } .masonry-blog .post-link .entry-title, .masonry-blog .post-quote .entry-title { font-size: 28px; margin-bottom: 5px; } .masonry-blog .post-link p, .masonry-blog .post-quote p { margin: 0; } .masonry-blog .post-link .link-source a, .masonry-blog .post-quote .quote-source a { color: #FFFFFF; } /* Center Blog */ .center-blog article { margin-bottom: 80px; } .center-blog article:last-child { margin-bottom: 0; } .center-blog .post-container { position: relative; overflow: hidden; border-bottom: 2px solid #EBEDEF; padding-bottom: 60px; } .center-blog article:last-child .post-container { padding: 0; border-bottom: none; } .center-blog .post-thumb, .center-blog .video-thumb, .center-blog .audio-thumb { margin-bottom: 20px; } .center-blog .post-name { margin-bottom: 30px; } .center-blog .post-name .entry-title { font-size: 36px; margin: 30px 0 10px; text-align: center; } .center-blog .post-name .entry-title a { color: #2D3C48; } .center-blog .post-name .entry-title a:hover { color: #F05253; } .center-blog .entry-content, .center-blog .entry-meta.entry-header { text-align: center; } .center-blog .more-link { display: block; margin-top: 10px; } .center-blog .post-link, .center-blog .post-quote { background: #F05253; padding: 50px 20px; margin-bottom: 20px; text-align: center; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .center-blog .post-link:hover, .center-blog .post-quote:hover { background-color: #171717; } .center-blog .post-link .entry-title a, .center-blog .post-quote .entry-title a, .center-blog .post-quote .entry-title { color: #FFFFFF; } .center-blog .post-link .entry-title, .center-blog .post-quote .entry-title { font-size: 28px; margin-bottom: 5px; } .center-blog .post-link p, .center-blog .post-quote p { margin: 0; } .center-blog .post-link .link-source a, .center-blog .post-quote .quote-source a { color: #FFFFFF; } /* Single Post */ #blog.single-post article { padding-bottom: 70px; border-bottom: none; background: none; } #blog .entry-meta.entry-footer span { display: block; } #blog.single-post .post-thumb, #blog.single-post .audio-thumb, #blog.single-post .video-thumb, #blog.single-post .post-quote, #blog.single-post .post-link { margin-bottom: 30px; } #blog.single-post .entry-meta.entry-footer { padding-top: 20px; } #blog.single-post .post-quote, #blog.single-post .post-link { padding: 60px 30px 50px; background: #FBFBFB; text-align: center; } #blog.single-post .post-quote .entry-title, #blog.single-post .post-link .entry-title { padding: 0; font-size: 24px !important; } #blog.single-post .link-source a, #blog.single-post .quote-source { font-weight: 400; font-size: 16px; } #blog.single-post .link-source a + a, #blog.single-post .quote-source a { margin-left: 10px; font-weight: 400; font-size: 16px; } /* Search Results */ .standard-blog .no-results .entry-title, .masonry-blog .no-results .entry-title, .center-blog .no-results .entry-title { font-size: 26px !important; } .no-results .entry-title { margin-bottom: 0; } .no-results .entry-title, .no-results .entry-content { padding: 0; } .masonry-blog .no-results, .center-blog .no-results { text-align: center; } /*-----------------------------------------------------------------------------------*/ /* 15. Comments /*-----------------------------------------------------------------------------------*/ .comment-area { padding-bottom: 70px; } #comments { } .comments-title, .pings-title, #reply-title { margin: 0; padding: 0 0 25px; border-bottom: 2px solid #EBEDEF; font-size: 24px; line-height: 32px; } .comment-form { margin-top: 30px; } .commentlist, .pinglist { margin: 20px 0 80px; list-style-type: none; } .comment-section { padding: 30px 30px 20px; } .comment-body { border-bottom: 2px solid #EBEDEF; padding-bottom: 20px; } .comment-side { float: left; margin: 0 30px 0 0; } .comment-side .avatar { display: block; width: 50px; height: 50px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .comment .comment-cont { margin-left: 80px; } .comment-author cite, .comment-author cite a { color: #2D3C48; font-size: 24px; font-weight: 300; } .comment-author cite a:hover { color: #F05253; } .comment-meta, .comment-meta a { color: #818B92; font-size: 14px; font-weight: 300; line-height: 20px; } .comment-meta a:hover { color: #F05253; } .comment-meta { margin: 8px 0 15px; } .children { margin: 0; padding: 0; list-style: none; } .children .comment { padding-left: 60px; } .comment-author { position: relative; } .badge_author { position: absolute; top: 12px; right: 10px; display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; background: #F05253; opacity: 0.5; } .nocomments { padding: 20px 30px 20px; } /* Comment Form */ #commentform p { overflow: hidden; margin: 0 0 35px 0; } #commentform label, #commentform span.required { position: relative; top: 16px; display: inline-block; font-weight: 300; font-size: 14px; } #commentform span.required { top: 0; color: #F05253; font-size: 12px; } #commentform input, #commentform textarea { margin: 0; padding: 15px; height: auto; border: 2px solid #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #BCBCC4; font-size: 16px; resize: none; -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -webkit-appearance: none; } #commentform input:focus, #commentform textarea:focus { border-color: #DFDFDF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #56646F; } #commentform input { float: left; margin-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } #commentform textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; resize: vertical; } #commentform #submit { width: auto; border: none; display: inline-block; padding: 16px 24px; background-color: transparent; color: #BCBCC4; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14.5px; cursor: pointer; border: 2px solid #EBEDEF; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; } #commentform #submit:hover { background-color: #F05253; border-color: #F05253; color: #FFFFFF; } /*-----------------------------------------------------------------------------------*/ /* 16. Sidebar /*-----------------------------------------------------------------------------------*/ #sidebar, .sidebar_content { font-size: 14px; line-height: 20px; } .sidebar_content { margin-top: 11px; } /* Right Sidebar - Left Content */ #blog .col-md-9.left_side { float: left; } #blog .col-md-3.right_side { float: right; } /* Left Sidebar - Right Content */ #blog .col-md-3.left_side { float: left; } #blog .col-md-9.right_side { float: right; } /*-----------------------------------------------------------------------------------*/ /* 17. Big Twitter Feed Area /*-----------------------------------------------------------------------------------*/ #twitter-feed .slides > li { display: none; } #twitter-feed .tweet_list { margin: 0; padding: 0; } #twitter-feed .tweet_list li { list-style: none; text-align: center; } #twitter-feed .tweet_list li .tweet_text { display: block; font-size: 22px; line-height: 1.5em; } #twitter-feed .tweet_list li .tweet_time a { display: inline-block; margin-top: 22px; color: #818B92; font-size: 16px; font-weight: 300; } /*-----------------------------------------------------------------------------------*/ /* 18. Footer /*-----------------------------------------------------------------------------------*/ footer { position: relative; background: #222222; } .footer-widgets { padding: 70px 0 30px; } #social-footer { float: right; margin-top: -2px; } #social-footer ul { margin: 0; padding: 0; } #social-footer ul li { display: inline-block; list-style: none; cursor: pointer; margin: 0 0px 5px 25px; } #social-footer ul li:first-child { margin-left: 0; } #social-footer ul li a { position: relative; display: inline-block; opacity: 0.25; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } #social-footer ul li a i { color: #FFFFFF; font-size: 16px; } #social-footer ul li a:hover { opacity: 1; } /* Footer Credits */ #footer-credits { position: relative; background: #121212; padding: 50px 0 40px; } #footer-credits p { margin: 0; color: #FFFFFF; font-size: 12px; } #footer-credits p a { color: #F05253; } #footer-credits p a:hover { color: #FFFFFF; } /*-----------------------------------------------------------------------------------*/ /* 19. Back to Top /*-----------------------------------------------------------------------------------*/ #back-to-top { background: #171717; display: block; height: 0px; overflow: hidden; padding-top: 0px; text-align: center; width: 100%; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; } #back-to-top.opened { padding-top: 40px; height: 100px; } #back-to-top i { color: #FFFFFF; font-size: 24px; opacity: 1; -webkit-transition: opacity 0.35s linear 0s; -moz-transition: opacity 0.35s linear 0s; -o-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; } #back-to-top:hover i { opacity: 0.6; } /*-----------------------------------------------------------------------------------*/ /* 20. Error Page /*-----------------------------------------------------------------------------------*/ #error-page { background: #F7F7F7; padding: 150px 0; } #error-page.error-404-image { padding: 330px 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #error-page .error-btn { background: #F05253; color: #FFFFFF; display: block; margin: 0 auto; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; width: 190px; min-height: 190px; padding: 50px 0; opacity: 0.85; -webkit-transition: opacity 0.2s linear 0s; -moz-transition: opacity 0.2s linear 0s; -o-transition: opacity 0.2s linear 0s; transition: opacity 0.2s linear 0s; } #error-page .error-btn:hover, #error-page .error-btn:focus, #error-page .error-btn:active { opacity: 1; color: #FFFFFF; } #error-page .error-btn .error-title, #error-page .error-btn .error-caption { display: inline-block; line-height: 1.2; font-weight: 300; text-align: center; vertical-align: middle; width: 100%; } #error-page .error-btn .error-title { font-size: 40px; } #error-page .error-btn .error-caption { font-size: 24px; margin-top: 8px; } /*-----------------------------------------------------------------------------------*/ /* 21. Archives / Sitemap Template /*-----------------------------------------------------------------------------------*/ .widget_archives ul { margin-left: 30px !important; } .widget_archives ul li { list-style: disc !important; } .widget.widget_archives { margin-bottom: 20px; } .widget.widget_archives .widget_title h4 { margin-bottom: 10px; } .widget.widget_archives .widget_title h4 { font-size: 18px; font-weight: 400; text-transform: uppercase; } .widget.widget_archives li a { margin-left: 0; } /*-----------------------------------------------------------------------------------*/ /* 22. Widgets /*-----------------------------------------------------------------------------------*/ .widget { margin-bottom: 40px; } .widget ul { margin: 0; padding: 0; } .widget ul li { list-style: none; } .widget ul.children, .widget ul.sub-menu { padding-left: 20px; } .widget-title { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0; font-size: 16px; line-height: 22px; } /* Calendar */ .widget_calendar { position: relative; } .widget_calendar table { width: 100%; border-collapse: collapse; } .widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th { text-align: center; } .widget_calendar table tbody td { padding: 4px; border: 0px; color: #666666; font-size: 11px; } .widget_calendar table tbody tr td:first-child { border-left: 0px; } .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #f0f0f0; } .widget_calendar table th { padding-bottom: 10px; border-bottom: 0px; color: #999999; text-align: center!important; } .widget_calendar table #prev { position: relative; z-index: 2; padding: 10px 0px 0px 0px; text-align: left; } .widget_calendar table #next { position: relative; z-index: 2; padding: 10px 0px 0px 0px; text-align: right; } .widget_calendar caption { position: absolute; bottom: 0px; z-index: 1; width: 100%; text-align: center; } /* Search */ .widget_search form { margin: 0; } #searchform input[type="text"], .widget_search form input[type="text"] { margin: 0; padding: 15px; width: 100%; height: auto; border: 2px solid #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #FFFFFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #BCBCC4; font-size: 16px; resize: none; -webkit-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: border 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -webkit-appearance: none; } #searchform input[type="text"]:focus, .widget_search form input[type="text"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #DFDFDF; color: #56646F; } /* RSS Widget */ .rsswidget img { display: none; } /* Tag Cloud */ .tagcloud a { display: inline-block; margin: 0 3px 4px 0; padding: 8px 12px; width: auto; border: 2px solid #F05253; background: transparent; color: #F05253; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 12px !important; cursor: pointer; -webkit-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, color 0.15s ease-in-out 0s; -webkit-appearance: none; } .tagcloud a:hover, .tagcloud a:active, .tagcloud a:focus { background: #F05253; color: #FFFFFF; } /* Twitter Widget */ .az_widget_twitter li:first-child { margin-top: 0; } .az_widget_twitter li { line-height: 24px; margin-top: 20px; } .tweet_timestamp > a { display: block; margin-top: 6px; font-size: 13px; font-weight: 400; color: #56646F !important; } /* Flickr Widget */ .widget_quick-flickr-widget ul { margin: 20px 0 0 0; padding: 0; } .widget_quick-flickr-widget ul li { position: relative; display: inline-block; margin: 0 3px 3px 0; list-style: none; } .widget_quick-flickr-widget ul li a { display: block; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; opacity: 1; filter: alpha(opacity=100); } .widget_quick-flickr-widget ul li a:hover { opacity: 0.35; filter: alpha(opacity=35); } .widget_quick-flickr-widget ul li a img { width: 84px !important; height: 84px; -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */ } /* Dribbble Widget */ .dribbble-widget ul { margin: 0; padding: 0; } .dribbble-widget ul li { position: relative; display: inline-block; margin: 0 3px 3px 0; list-style: none; } .dribbble-widget ul li a { display: block; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; opacity: 1; filter: alpha(opacity=100); } .dribbble-widget ul li a:hover { opacity: 0.35; filter: alpha(opacity=35); } .dribbble-widget ul li a img { width: 84px !important; height: 84px; -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */ } /* Social Widget */ .social_widget a { position: relative; display: inline-block; margin: 0 5px 5px 0; width: 40px; height: 40px; border: 2px solid #F05253; background-color: transparent; -webkit-transition: background 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s; } .social_widget a i { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; color: #F05253; font-size: 16px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .social_widget a:hover { background-color: #F05253; } .social_widget a:hover i { color: #FFFFFF; } /***** Footer Area Widgets ******/ .footer-widgets .widget + .widget { margin-top: 30px; } .footer-widgets { color: #FFFFFF; font-size: 14px; } .footer-widgets h3 { color: #717580; text-transform: uppercase; font-size: 16px; letter-spacing: 0; font-weight: 400 !important; margin-bottom: 25px; } .footer-widgets a:hover { color: #FFFFFF; } /* Search */ .footer-widgets .widget_search form { margin: 0; } .footer-widgets .widget_search #searchform input[type="text"], .footer-widgets .widget_search .widget_search form input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 15px; width: 100%; height: auto; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #171717; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #444444; font-size: 16px; resize: none; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .footer-widgets .widget_search #searchform input[type="text"]:focus, .footer-widgets .widget_search .widget_search form input[type="text"]:focus { color: #FFFFFF; } /* Dribbble Widget */ .footer-widgets .dribbble-widget ul { margin: 20px 0 0 0; } /* Footer Twitter Widget */ .footer-widgets .az_widget_twitter li:first-child { margin-top: 0; } .footer-widgets .az_widget_twitter li { margin-top: 20px; } .footer-widgets .tweet_timestamp > a { display: block; margin-top: 0; font-size: 13px; color: #717580 !important; } /* Footer Calendar Widget */ .footer-widgets .widget_calendar table tbody tr:nth-child(2n+1) { background-color: #171717; } .footer-widgets .widget_calendar table tbody td { color: #F0F0F0; } .footer-widgets .widget_calendar table th { color: #FFFFFF; } /* Social Widget */ .footer-widgets .social_widget a { color: #FFFFFF; } .footer-widgets .social_widget a:hover { color: #67C0B9; } /* Flickr & Dribbble Widget */ .footer-widgets .widget_quick-flickr-widget ul li a img, .footer-widgets .dribbble-widget ul li a img { width: 87px !important; height: 87px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-backface-visibility: hidden; /* Prevents Flickr Image On Firefox */ } .footer-widgets .widget_quick-flickr-widget ul li, .footer-widgets .dribbble-widget ul li { margin: 0 3px 3px 0; } /*-----------------------------------------------------------------------------------*/ /* 23. Isotope Portfolio Filtering Settings /*-----------------------------------------------------------------------------------*/ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { z-index: 1; pointer-events: none; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /*-----------------------------------------------------------------------------------*/ /* 24. Animation Preloader Settings /*-----------------------------------------------------------------------------------*/ .animation-enabled header, .animation-enabled #main, .animation-enabled footer { opacity: 0; filter: alpha(opacity=0); } .animation-enabled header { margin-top: -150px; } #jpreOverlay, #jSplash { background-color: #F05253; position: absolute; width: 100%; height: 100%; z-index: 700; } #jpreLoader { position: relative !important; width: 100% !important; height: 100% !important; } #jprePercentage { background: #F05253; width: 150px; height: 100px !important; text-align: center; left: 50%; top: -54px; margin: 0 0 0 -75px; line-height: 100px; z-index: 800; font-size: 48px; font-weight: 400; color: #FFFFFF; } #jpreBar { background: #FFFFFF; height: 4px !important; } /*-----------------------------------------------------------------------------------*/ /* 25. Fancybox Settings /*-----------------------------------------------------------------------------------*/ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('_include/img/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('_include/img/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 40%; width: 20%; height: 20%; cursor: pointer; text-decoration: none; background: transparent url('_include/img/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('_include/img/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font-size: 18px; font-weight: 400; line-height: 1.5; position: relative; text-shadow: none; z-index: 8050; } .fancybox-title-inside-wrap { padding: 14px 20px; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 400; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 14px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } .fancybox-wrap .counter-img { float: right; color: #ACACAC; font-size: 14px; line-height: 26px; } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('_include/img/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('_include/img/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*-----------------------------------------------------------------------------------*/ /* 26. Shortcodes /*-----------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 0-1. Buttons /*-----------------------------------------------------------------------------------*/ .button-main { display: inline-block; padding: 12px 20px 11px; background-color: transparent; color: #CCCCCC; vertical-align: middle; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14.5px; cursor: pointer; border: 2px solid #CCCCCC; -webkit-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear; -moz-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear; -o-transition: background 0.1s linear, color 0.1s linear, border 0.1s linear; transition: background 0.1s linear, color 0.1s linear, border 0.1s linear; } /*--- Hover/Active/Focus State ---*/ .button-main:hover, .button-main:active, .button-main:focus { background-color: #F05253; border-color: #F05253; color: #FFFFFF; } /* --- Button Sizes --- */ .button-main.button-large { padding: 16px 30px 15px; font-size: 16.5px; } .button-main.button-small { padding: 8px 18px 7px; font-size: 12.5px; } .button-main.button-mini { padding: 4px 12px 3px; font-size: 11.5px; } .button-main.button-block { padding-right: 0; padding-left: 0; width: 100%; } .button-main + .button-main { margin-left: 10px; } /*--- Inverted ---*/ .button-main.inverted { background-color: #F05253; border-color: #F05253; color: #FFFFFF; } .button-main.inverted:hover, .button-main.inverted:active, .button-main.inverted:focus { background-color: transparent; border-color: #CCCCCC; color: #CCCCCC; } /*--- With Icon ---*/ .button-main i { position: relative; top: 1px; left: -2px; margin-right: 5px; } /*--- Custom Buttons ---*/ .button-main.custom-button-color { color: #FFFFFF; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .button-main.custom-button-color:hover, .button-main.custom-button-color:active, .button-main.custom-button-color:focus { opacity: 0.9; color: #FFFFFF; } .button-main.custom-button-color.inverted { background: transparent !important; opacity: 1; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .button-main.custom-button-color.inverted:hover, .button-main.custom-button-color.inverted:active, .button-main.custom-button-color.inverted:focus { opacity: 0.9; } /*-----------------------------------------------------------------------------------*/ /* 0-2. Box Icon /*-----------------------------------------------------------------------------------*/ .box { display: block; padding: 10px; text-align: center; } .box h4 { margin-bottom: 0; } .box p { color: #818B92; font-weight: 300; } /* Box Circle Icon */ .box .icon.circle-mode-box { position: relative; display: inline-block; margin-bottom: 20px; width: 64px; height: 64px; background: transparent; border: 2px solid rgba(240,82,83,0.5); border-radius: 999px; -webkit-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s; } .box .icon.circle-mode-box i { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #F05253; font-size: 24px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .box:hover .icon.circle-mode-box, .box:active .icon.circle-mode-box, .box:focus .icon.circle-mode-box { border-color: #F05253; background: #F05253; } .box:hover .icon.circle-mode-box i, .box:active .icon.circle-mode-box i, .box:focus .icon.circle-mode-box i{ color: #FFFFFF; } /* Box Standard Icons */ .box.standard-icon i { font-size: 22px; margin-right: 8px; vertical-align: -2px; } /* Box Only Icons */ .box .icon.icon-only-mode-box { color: #F05253; font-size: 36px; margin-bottom: 20px; } .box.listed-left.only-icon .icon.icon-only-mode-box, .box.listed-right.only-icon .icon.icon-only-mode-box { margin-bottom: 0; } /* Box Icons Left and Right with Circle and Icons Only */ .box.listed-left { display: block; padding: 30px 0; text-align: left; } .box.listed-left .icon{ float: left; text-align: center; } .box.listed-right { display: block; padding: 30px 0; text-align: right; } .box.listed-right .icon { float: right; text-align: center; } .box.listed-left.circle-icon .box-text { padding-left: 90px; } .box.listed-right.circle-icon .box-text { padding-right: 90px; } .box.listed-left.only-icon .box-text { padding-left: 60px; } .box.listed-right.only-icon .box-text { padding-right: 60px; } /* Boxed Version */ .box.boxed-version { position: relative; background: #FFFFFF; border: 1px solid #EDEDED; display: block; padding: 30px 30px 20px; margin: 30px 0; text-align: center; } .box.boxed-version .icon-boxed { margin-bottom: 20px; } .box.boxed-version .icon-boxed i { color: #F05253; font-size: 32px; vertical-align: middle; } /*-----------------------------------------------------------------------------------*/ /* 0-3. Dropdown /*-----------------------------------------------------------------------------------*/ .dropmenu { position: relative; overflow: hidden; margin: 20px 0 30px; width: 263px; height: 46px; border: 1px solid #DFDFDF; line-height: 1; cursor: pointer; -webkit-transition: border 0.1s linear 0s; -moz-transition: border 0.1s linear 0s; -o-transition: border 0.1s linear 0s; transition: border 0.1s linear 0s; } .dropmenu p { display: block; margin: 0; padding: 16px 0 16px 16px; color: #2D3C48; font-weight: 400; font-size: 14px; } .dropmenu i { position: absolute; top: 50%; right: 10px; margin-top: -8px; color: #BDC3C7; font-size: 20px; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; transition: all 0.15s ease-in-out 0s; } .dropmenu:hover, .dropmenu:hover, .dropmenu.open, .dropmenu.open { border-color: #C5C5C5; } .dropmenu.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .dropmenu-active { position: absolute; top: 45px; z-index: 10; display: none; width: 263px; background: #FFFFFF; border: 1px solid #C5C5C5; border-top: 1px solid #DFDFDF; color: #56646F; } .dropmenu-active ul { margin: 0; padding: 0; } .dropmenu-active ul li { list-style: none; } .dropmenu-active ul li a { display: block; padding: 8px 0 8px 16px; font-size: 14px; font-weight: 300; color: #818B92; } .dropmenu-active ul li a:hover { color: #F05253; } .dropmenu-active ul li:first-child a { padding-top: 16px; } .dropmenu-active ul li:last-child a { padding-bottom: 16px; } /*-----------------------------------------------------------------------------------*/ /* 0-4. Accordion and Toggle /*-----------------------------------------------------------------------------------*/ .panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid #DFDFDF; margin-bottom: 5px; -webkit-transition: border 0.1s linear 0s; -moz-transition: border 0.1s linear 0s; -o-transition: border 0.1s linear 0s; transition: border 0.1s linear 0s; } .panel:hover { border-color: #C5C5C5; } .accordion-group { margin-bottom: 4px; border: none; } .accordion-heading { border-bottom: 0 none; } .accordion-heading .accordion-toggle { position: relative; display: block; padding: 15px 15px 15px 25px; color: #2D3C48; font-weight: 400; font-size: 16px; } .accordion-toggle { cursor: pointer; } .accordion-heading .accordion-toggle.active { border-bottom: 1px solid #DFDFDF; } .accordion-heading .accordion-toggle.inactive { border-bottom: none; } .accordion-heading.accordionize .accordion-toggle span, .accordion-heading.togglize .accordion-toggle span { position: absolute; top: 50%; right: 20px; margin: -8px 0 0 0; color: #BDC3C7; font-size: 20px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-heading.accordionize .accordion-toggle.active span, .accordion-heading.togglize .accordion-toggle.active span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-heading.togglize .accordion-toggle span { margin: -8px 0 0 0; font-size: 20px; } .accordion-heading.togglize .accordion-toggle.active span { opacity: 0; filter: alpha(opacity=0); } .accordion-heading.togglize .accordion-toggle.active span + span { opacity: 1; filter: alpha(opacity=100); } .accordion-inner { margin-top: 4px; padding: 15px 25px 17px; border: none; } /*-----------------------------------------------------------------------------------*/ /* 0-5. Alerts /*-----------------------------------------------------------------------------------*/ .alert { margin-bottom: 20px; padding: 15px 35px 15px 15px; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #F39C12; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; } .alert, .alert h4 { color: #FFFFFF; } .alert h4 { margin-bottom: 5px; } .alert .close { position: relative; top: 2px; right: -22px; color: #FFFFFF; text-shadow: none; line-height: 20px; opacity: 0.5; -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; } .alert .close:hover { opacity: 1; } .alert-standard { background-color: #EFF0F2; color: #56646F; } .alert-standard .close { color: #BDC3C7; } .alert-success { background-color: #2ECC71; } .alert-danger, .alert-error { background-color: #E74C3C; } .alert-info { background-color: #3498DB; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > ul { margin-bottom: 0; } .alert-block > p { margin: 0; } .alert-block p + p { margin-top: 5px; } /*-----------------------------------------------------------------------------------*/ /* 0-6. Tabs /*-----------------------------------------------------------------------------------*/ .nav { margin-bottom: 0px; margin-left: 0; list-style: none; } .nav > li > a { display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #2D3C48; font-weight: 400; font-size: 16px; } .nav > li > a:hover, .nav > li > a:focus { display: block; border-color: #C5C5C5; background: #FFFFFF; text-decoration: none; } .nav > li > a > img { max-width: none; } .nav > .pull-right { float: right; } .nav-tabs { *zoom: 1; } .nav-tabs:before, .nav-tabs:after { display: table; content: ""; line-height: 0; } .nav-tabs:after { clear: both; } .nav-tabs { border-bottom: none; } .nav-tabs > li { float: left; margin: 0 0 0 0; background: #FBFBFB; border: 1px solid #DFDFDF; border-left: none; border-bottom: none; } .nav-tabs > li:first-child { border-left: 1px solid #DFDFDF; } .nav-tabs > li > a { padding: 15px; border: none; line-height: 20px; margin: 0; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #FFFFFF; color: #2D3C48; border: none; } .tabbable { *zoom: 1; } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0; } .tabbable:after { clear: both; } .tab-content { overflow: auto; padding: 20px; border: 1px solid #DFDFDF; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } /*-----------------------------------------------------------------------------------*/ /* 0-7. Blockquotes /*-----------------------------------------------------------------------------------*/ blockquote { border-left: 3px solid #DFDFDF; font-style: italic; margin: 30px 15px; padding-left: 15px; } blockquote p { font-weight: 400; font-size: 15px; line-height: 24px; padding: 0; margin: 0; } /*-----------------------------------------------------------------------------------*/ /* 0-8. Tooltip /*-----------------------------------------------------------------------------------*/ .tooltip { position: absolute; z-index: 999; display: block; visibility: visible; font-weight: 400; font-size: 14px; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .tooltip.top { margin-top: -5px; } .tooltip.right { margin-left: 15px; } .tooltip.bottom { margin-top: 5px; } .tooltip.left { margin-left: -15px; } .tooltip-inner { padding: 12px; max-width: 300px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #F05253; color: #FFFFFF; font-size: 13px; text-align: center; text-decoration: none; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -10px; border-width: 10px 10px 0; border-top-color: #F05253; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -10px; border-width: 10px 10px 10px 0; border-right-color: #F05253; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -10px; border-width: 10px 0 10px 10px; border-left-color: #F05253; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -10px; border-width: 0 10px 10px; border-bottom-color: #F05253; } /*-----------------------------------------------------------------------------------*/ /* 0-9. Highlights /*-----------------------------------------------------------------------------------*/ .color-text { color: #F05253; } .highlight-text { padding: 0 4px; background-color: #F05253; color: #FFFFFF; } /*-----------------------------------------------------------------------------------*/ /* 0-10. Dropcap /*-----------------------------------------------------------------------------------*/ .dropcap { display: block; float: left; margin: 4px 12px 0 0; color: #2D3C48; font-weight: 400; font-size: 38px; line-height: 38px; } .dropcap-color { display: block; float: left; margin: 4px 12px 0 0; color: #F05253; font-weight: 400; font-size: 38px; line-height: 38px; } /*-----------------------------------------------------------------------------------*/ /* 0-11. Video Embed Iframe / Audio /*-----------------------------------------------------------------------------------*/ iframe, object, embed { max-width: 100%; border: none; } .videoWrapper, .video-container, .audio-container { margin-bottom: 20px; } /*-----------------------------------------------------------------------------------*/ /* 0-12. Progress Bar and Circular Graph /*-----------------------------------------------------------------------------------*/ .progress-bar { float: none; width: auto; margin: 10px 0; background-color: #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress { position: relative; margin: 0; height: 46px; background-color: #EBEDEF; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset; } .progress-bar .bar { float: left; font-size: 12px; height: 100%; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #F05253; background-image: none; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; } .progress .field { position: absolute; left: 20px; color: #FFFFFF; font-weight: 400; line-height: 46px; text-transform: uppercase; } .progress .field i { margin-right: 10px; vertical-align: middle; font-size: 16px; } .progress-circle { margin: 30px 0; text-align: center; } .easyPieChart { position: relative; text-align: center; display: inline-block; color: #2D3C48; font-size: 48px; font-weight: 700; } .easyPieChart .percentage { position: relative; top: -10px; } .easyPieChart .field { position: absolute; top: 15%; left: 50%; width: 120px; height: 30px; margin: 0 0 0 -60px; font-size: 14px; font-weight: 400; text-transform: uppercase; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } /*-----------------------------------------------------------------------------------*/ /* 0-13. Lightbox Images and Video Fancybox /*-----------------------------------------------------------------------------------*/ .lightbox { position: relative; overflow: hidden; margin-bottom: 30px; } .fancy-wrap.hidden { display: none; } .fancy-wrap { position: relative; display: block; overflow: hidden; width: 100%; height: 100%; } .fancy-wrap img { position: relative; width: 100%; } .fancy-wrap .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: rgba(0,0,0,0.75); opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .fancy-wrap:hover .overlay, .fancy-wrap:active .overlay, .fancy-wrap:focus .overlay { opacity: 1; } .fancy-wrap .overlay .circle { position: absolute; top: 50%; left: 50%; background: transparent; border: 2px solid #FFFFFF; width: 48px; height: 48px; margin: -24px 0 0 -24px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .fancy-wrap .overlay i { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; color: #FFFFFF; font-size: 16px; } /*-----------------------------------------------------------------------------------*/ /* 0-14. Pricing Tables /*-----------------------------------------------------------------------------------*/ .pricing-table { display: inline-block; overflow: hidden; margin: 20px 0 14px; width: 100%; } .pricing-table h5 { display: block; margin: 0; padding: 17px 0; width: 100%; text-align: center; border: 1px solid #DFDFDF; text-transform: uppercase; } .pricing-table .price { display: block; border: 1px solid #DFDFDF; border-top: none; padding: 17px 0; width: 100%; color: #2D3C48; text-align: center; font-weight: 700; font-size: 24px; } .pricing-table .price span { display: block; font-weight: 400; font-size: 12px; } .pricing-table ul { margin: 0; padding: 0; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; } .pricing-table li { display: block; padding: 10px 0; border-bottom: 1px solid #DFDFDF; text-align: center; font-size: 14px; } .pricing-table li:last-child { border-bottom: none; } .pricing-table .confirm { display: block; padding: 16px 0; width: 100%; background: #7A8499; color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: 400; font-size: 14px; -webkit-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset; -webkit-transition: opacity 0.15s ease-in-out 0s; -moz-transition: opacity 0.15s ease-in-out 0s; -o-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } .pricing-table.selected { margin-top: 0; } .pricing-table.selected h5 { padding: 27px 0; } .pricing-table.selected .price { background: #F05253; color: #FFFFFF; } .pricing-table.selected .price span { color: #FFFFFF; } .pricing-table.selected li { font-weight: 400; } .pricing-table.selected .confirm { padding: 24px 0; background: #F05253; } .pricing-table .confirm:hover, .pricing-table.selected .confirm:hover { opacity: 0.90; } /*-----------------------------------------------------------------------------------*/ /* 0-15. Divider /*-----------------------------------------------------------------------------------*/ .divider { position: relative; margin: 30px 0 36px; width: 100%; border-bottom: 2px solid #EBEDEF; } .divider.short { margin: 30px auto 36px; width: 30%; } .blank_divider { width: 100%; height: 20px; } /*-----------------------------------------------------------------------------------*/ /* 0-16. Media Elements /*-----------------------------------------------------------------------------------*/ audio, canvas, video { outline: none; } .mejs-container { position: relative; min-width: 150px; width: 100% !important; outline: none; background: none; vertical-align: top; text-align: left; text-decoration: none; font-family: sans-serif; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { overflow: hidden; margin: 0; padding: 0; width: 100%; height: 100%; background: #000; } .mejs-container-fullscreen { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; overflow: hidden; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; background: #000000; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; overflow: hidden; } .mejs-poster img { display: block; padding: 0; width: 100%; height: 100%; border: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .mejs-overlay-play { width: 100% !important; height: 100% !important; cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; width: 70px; height: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; background-color: rgba(0,0,0,0.5); background-image: url(_include/img/mediaelement/bigplay.png); background-position: center center; background-repeat: no-repeat; -webkit-transition: background 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s; } .mejs-overlay:hover .mejs-overlay-button { background-color: #F05253; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; display: none; margin: -40px 0 0 -40px; width: 80px; height: 80px; } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; border-radius: 40px; background: #3A3C3D url(_include/img/mediaelement/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; padding: 10px; width: 100%; height: 50px; background: #171717; list-style: none; } .mejs-container .mejs-controls div { display: block; float: left; margin: 0; padding: 0; width: 32px; height: 30px; list-style-type: none; font-size: 11px; font-family: sans-serif; line-height: 11px; } .mejs-controls .mejs-button button { position: absolute; display: block; margin: 7px 7px 0 9px; padding: 0; width: 15px; height: 16px; border: 0; background: transparent url(_include/img/mediaelement/controls.png) no-repeat; text-decoration: none; font-size: 0; line-height: 0; cursor: pointer; } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { } /* End: CONTROL BAR */ /* Start: Time (current / duration) */ .mejs-container .mejs-controls .mejs-time { display: block; overflow: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 8px 8px 5px 10px; /*width: auto;*/ height: 17px; color: #FFFFFF; text-align: center; } .mejs-container .mejs-controls .mejs-time span { display: block; float: left; margin: 2px 2px 0 2px; width: auto; color: #DDDDDD; font-size: 11px; line-height: 12px; } .mejs-time.mejs-currenttime-container { display: none !important; } /* End: Time (current / duration) */ /* Start: Play/pause */ .mejs-container .mejs-controls .mejs-playpause-button { width: 30px; background: none; cursor: pointer; } .mejs-controls .mejs-playpause-button button { margin: 7px 8px; } .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-play:hover button { background-position: 0 -32px; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-pause:hover button { background-position: 0 -48px; } /* End: Play/pause */ /* Stop */ .mejs-controls .mejs-stop button { background-position: -112px 0; } .mejs-controls .mejs-stop:hover button { background-position: -112px -32px; } /* End: Play/pause */ /* Start: Progress bar */ .mejs-controls div.mejs-time-rail { width: 200px; } .mejs-controls .mejs-time-rail span { position: absolute; display: block; width: 180px; height: 7px; background: #000000; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 11px 8px 0 10px; } .mejs-controls .mejs-time-rail .mejs-time-buffering { z-index: 1; width: 100%; background: #373A3A; } .mejs-controls .mejs-time-rail .mejs-time-loaded { width: 0; background: #373A3A; } .mejs-controls .mejs-time-rail .mejs-time-current { z-index: 1; width: 0; background: #F05253; } .mejs-controls .mejs-time-rail .mejs-time-handle { position: absolute; top: 1px; z-index: 1; display: none; margin: 0; width: 5px; background: transparent; text-align: center; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; top: -26px; display: none !important; margin-left: -18px; width: 36px; height: 17px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #C2C8CF; box-shadow: 0 1px 1px rgba(0, 0, 0, .4); color: #111; text-align: center; } .mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float { display: none !important; } .mejs-controls .mejs-time-rail .mejs-time-float-current { left: 0; display: block; margin: 3px; width: 30px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; top: 17px; left: 13px; display: block; width: 0; height: 0; border: solid 4px #C2C8CF; border-color: #C2C8CF transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 0; } /*.mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible;*/ /* End: Progress bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-mute button:hover { background-position: -16px -48px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-unmute button:hover { background-position: -16px -32px; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { position: absolute; top: -68px; left: 1px; z-index: 1; display: none; margin: 0; width: 32px; height: 68px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #171717; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /*.mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block;*/ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; top: 8px; left: 13px; margin: 0; padding: 0; width: 7px; height: 46px; background: #373A3A; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; top: 6px; left: 13px; margin: 0px; width: 7px; height: 50px; background: #F05253; background-position: bottom; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; top: 16px; left: 14px; margin: 0; width: 5px; height: 5px; background: transparent; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { position: relative; width: 62px; height: 26px; background: none; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { position: absolute; top: 11px; left: 0; margin: 0; padding: 1px; width: 50px; height: 7px; background: #373A3A; font-size: 1px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; top: 11px; left: 0; padding: 0; width: 50px; height: 7px; background: #F05253; font-size: 1px; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: TRACK (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button:hover button { background-position: -48px -32px; } .mejs-controls .mejs-captions-button .mejs-captions-selector { position: absolute; right: -10px; bottom: 30px; visibility: hidden; overflow: hidden; padding: 10px; width: 130px; height: 100px; border: solid 1px transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #3A3C3D; } /*.mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible;*/ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none !important; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { display: block; overflow: hidden; margin: 0 0 6px 0; padding: 0; color: #fff; list-style-type: none !important; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { float: left; clear: both; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { float: left; padding: 4px 0 0 0; width: 100px; font-size: 10px; font-family: sans-serif; line-height: 15px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { margin: 0 0 5px 0; font-size: 10px; } .mejs-chapters { position: absolute; top: 0; left: 0; z-index: 1; width: 10000px; -xborder-right: solid 1px #FFFFFF; } .mejs-chapters .mejs-chapter { position: absolute; float: left; overflow: hidden; border: 0; background: #3A3C3D; } .mejs-chapters .mejs-chapter .mejs-chapter-block { display: block; padding: 5px; border-right: solid 1px #313335; border-right: solid 1px rgba(49, 51, 53, .7); border-bottom: solid 1px #313335; border-bottom: solid 1px rgba(49, 51, 53, .7); color: #fff; font-size: 11px; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #2D3C48; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { display: block; margin: 0 0 3px 0; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 12px; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { display: block; margin: 3px 0 4px 0; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 12px; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; /*font-weight: bold;*/ font-size: 12px; line-height: 22px; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-weight: normal; font-size: 20px; } .mejs-captions-position { position: absolute; bottom: 15px; left: 0; width: 100%; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #3a3c3d; background: rgba(58, 60, 61, 0.8); } /* End: TRACK (Captions and Chapters) */ .mejs-clear { clear: both; } /* Start: ERROR */ .me-cannotplay { } .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { display: block; padding: 15px; } /* End: ERROR */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-off:hover button { background-position: -64px -48px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } .mejs-controls .mejs-loop-on::hover button { background-position: -64px -32px; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-off:hover button { background-position: -80px -48px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } .mejs-controls .mejs-backlight-on:hover button { background-position: -80px -32px; } /* End: backlight */ /* Start: picture controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } .mejs-controls .mejs-picturecontrols-button:hover { background-position: -96px -32px; } /* End: picture controls */ /* context menu */ .mejs-contextmenu { position: absolute; top: 0; left: 0; z-index: 1001; /* make sure it shows on fullscreen */ padding: 10px; width: 150px; border: solid 1px #999; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; } .mejs-contextmenu .mejs-contextmenu-separator { margin: 5px 6px; height: 1px; background: #333; font-size: 0; } .mejs-contextmenu .mejs-contextmenu-item { padding: 4px 6px; color: #333; font-size: 12px; font-family: sans-serif; cursor: pointer; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: SourceChooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px -32px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { position: absolute; right: -10px; bottom: 26px; visibility: hidden; overflow: hidden; padding: 10px; width: 130px; height: 100px; border: solid 1px transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #3A3C3D; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { display: block; overflow: hidden; margin: 0; padding: 0; list-style-type: none !important; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { display: block; overflow: hidden; margin: 0 0 6px 0; padding: 0; color: #fff; list-style-type: none !important; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { float: left; clear: both; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { float: left; padding: 4px 0 0 0; width: 100px; font-size: 10px; font-family: sans-serif; line-height: 15px; } /*-----------------------------------------------------------------------------------*/ /* 0-17. Social Profiles /*-----------------------------------------------------------------------------------*/ .social-icons { margin: 20px 0 0; } .social-icons li { display: inline-block; list-style: none outside none; } .social-icons li a { position: relative; display: block; margin: 0 20px 5px 0; } .social-icons li a i { color: #DFDFDF; font-size: 24px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .social-icons li a:hover i { color: #F05253; } /*-----------------------------------------------------------------------------------*/ /* 0-18. Icons Example for Demo Content Only /*-----------------------------------------------------------------------------------*/ .icons-example ul { margin: 0; padding: 0; text-align: center; } .icons-example ul li { display: inline-block; margin: 15px; list-style: none; cursor: pointer; } .icons-example ul li a { position: relative; display: block; width: 66px; height: 66px; border: 2px solid #EDEDED; } .icons-example ul li a i { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #CCCCCC; font-size: 24px; -webkit-transition: color 0.15s ease-in-out 0s; -moz-transition: color 0.15s ease-in-out 0s; -o-transition: color 0.15s ease-in-out 0s; transition: color 0.15s ease-in-out 0s; } .icons-example ul li a:hover i { color: #A4A4A4; } /*-----------------------------------------------------------------------------------*/ /* 0-19. Testimonial Slider /*-----------------------------------------------------------------------------------*/ .az-testimonials-container .slides > li { display: none; } .az-testimonials-container { position: relative; } .az-testimonial-quote:before { content: "“"; } .az-testimonial-quote:after { content: "â€"; } .az-testimonial-quote { font-size: 20px; font-style: italic; line-height: 1.6em; margin: 0 auto 30px; text-align: center; width: 80%; } .az-testimonial-source { display: block; margin-bottom: 30px; font-size: 16px; font-weight: 400; text-align: center; text-transform: uppercase; } .az-testimonials-container .flex-control-nav { display: block; margin: 0 auto !important; position: relative; text-align: center; width: auto; } .az-testimonials-container .flex-control-nav li { display: inline-block; margin: 0 5px; text-indent: -9999px; } .az-testimonials-container .flex-control-nav li a { background: transparent; border: 2px solid #818B92; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; cursor: pointer; display: block; height: 16px; width: 16px; text-indent: -999em; -webkit-transition: background 0.15s ease-in-out 0s; -moz-transition: background 0.15s ease-in-out 0s; -o-transition: background 0.15s ease-in-out 0s; transition: background 0.15s ease-in-out 0s; } .az-testimonials-container .flex-control-nav li a.flex-active, .az-testimonials-container .flex-caption, .az-testimonials-container .flex-control-nav li a:hover { background: #818B92; } .testimonial-builder.white .az-testimonials-container .flex-control-nav li a { border-color: #FFFFFF; } .testimonial-builder.white .az-testimonials-container .flex-control-nav li a.flex-active, .testimonial-builder.white .az-testimonials-container .flex-caption, .testimonial-builder.white .az-testimonials-container .flex-control-nav li a:hover { background: #FFFFFF; } /*-----------------------------------------------------------------------------------*/ /* 0-20. Social Share /*-----------------------------------------------------------------------------------*/ .az-social-share iframe { max-width: none; } .az-social-share .fb-like { width: 107px; } .az-social-share.single-post { border-bottom: 2px solid #EBEDEF; border-top: 2px solid #EBEDEF; margin-bottom: 70px; padding: 50px 0; } /*-----------------------------------------------------------------------------------*/ /* 0-21. Count Number /*-----------------------------------------------------------------------------------*/ .counter-number { margin: 30px 0; text-align: center; } .counter-number .number-field { font-size: 12px; font-weight: 400; margin-top: 5px; display: block; text-transform: uppercase; } .counter-number .number-value { color: #2D3C48; font-size: 60px; font-weight: 700; line-height: 60px; } .counter-number .count-number-icon { color: #F05253; font-size: 36px; margin-bottom: 25px; } /*-----------------------------------------------------------------------------------*/ /* 27. Animation Modules Settings /*-----------------------------------------------------------------------------------*/ .js .animated-content { opacity: 0; } .no-js .animated-content, .no-csstransitions .animated-content { opacity: 1; } .lt-ie9 .animated-content { opacity: 1; animation: none !important; transform: none !important; } /* Fade In */ .fade_in.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } /* Move Left */ .move_left.animate { -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); transform: translateX(-200px); -webkit-animation: moveLeft 0.65s ease forwards; -moz-animation: moveLeft 0.65s ease forwards; animation: moveLeft 0.65s ease forwards; } @-webkit-keyframes moveLeft { to { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes moveLeft { to { -moz-transform: translateX(0); opacity: 1; } } @keyframes moveLeft { to { transform: translateX(0); opacity: 1; } } /* Move Right */ .move_right.animate { -webkit-transform: translateX(200px); -moz-transform: translateX(200px); transform: translateX(200px); -webkit-animation: moveLeft 0.65s ease forwards; -moz-animation: moveLeft 0.65s ease forwards; animation: moveLeft 0.65s ease forwards; } @-webkit-keyframes moveRight { to { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes moveRight { to { -moz-transform: translateX(0); opacity: 1; } } @keyframes moveRight { to { transform: translateX(0); opacity: 1; } } /* Move Up */ .move_up.animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveUp { to { transform: translateY(0); opacity: 1; } } /* Scale Up */ .scale_up.animate { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; -moz-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } @-webkit-keyframes scaleUp { to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scaleUp { to { -moz-transform: scale(1); opacity: 1; } } @keyframes scaleUp { to { transform: scale(1); opacity: 1; } } /* Little Bounce */ .little_bounce.animate { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; -moz-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } @-webkit-keyframes popUp { 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes popUp { 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } /*-----------------------------------------------------------------------------------*/ /* 28. Font Icons /*-----------------------------------------------------------------------------------*/ /* Entypo + Custom Social Icons */ @font-face { font-family: 'Icons'; src:url('_include/css/fonts/Icons.eot'); src:url('_include/css/fonts/Icons.eot?#iefix') format('embedded-opentype'), url('_include/css/fonts/Icons.svg#Icons') format('svg'), url('_include/css/fonts/Icons.woff') format('woff'), url('_include/css/fonts/Icons.ttf') format('truetype'); font-weight: normal; font-style: normal; } [class^="font-icon-"], [class*=" font-icon-"] { font-family: 'Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .font-icon-phone:before{content:"\e0f3"}.font-icon-mobile:before{content:"\e0f4"}.font-icon-mouse:before{content:"\e0f5"}.font-icon-directions:before{content:"\e0f6"}.font-icon-mail:before{content:"\e0f7"}.font-icon-paperplane:before{content:"\e0f8"}.font-icon-pencil:before{content:"\e0f9"}.font-icon-feather:before{content:"\e0fa"}.font-icon-paperclip:before{content:"\e0fb"}.font-icon-drawer:before{content:"\e0fc"}.font-icon-reply:before{content:"\e0fd"}.font-icon-reply-all:before{content:"\e0fe"}.font-icon-forward:before{content:"\e0ff"}.font-icon-user:before{content:"\e100"}.font-icon-users:before{content:"\e101"}.font-icon-user-add:before{content:"\e102"}.font-icon-vcard:before{content:"\e103"}.font-icon-export:before{content:"\e104"}.font-icon-location:before{content:"\e105"}.font-icon-map:before{content:"\e106"}.font-icon-compass:before{content:"\e107"}.font-icon-location-2:before{content:"\e108"}.font-icon-target:before{content:"\e109"}.font-icon-share:before{content:"\e10a"}.font-icon-sharable:before{content:"\e10b"}.font-icon-heart:before{content:"\e10c"}.font-icon-heart-2:before{content:"\e10d"}.font-icon-star:before{content:"\e10e"}.font-icon-star-2:before{content:"\e10f"}.font-icon-thumbs-up:before{content:"\e110"}.font-icon-thumbs-down:before{content:"\e111"}.font-icon-chat:before{content:"\e112"}.font-icon-comment:before{content:"\e113"}.font-icon-quote:before{content:"\e114"}.font-icon-house:before{content:"\e115"}.font-icon-popup:before{content:"\e116"}.font-icon-search:before{content:"\e117"}.font-icon-flashlight:before{content:"\e118"}.font-icon-printer:before{content:"\e119"}.font-icon-bell:before{content:"\e11a"}.font-icon-link:before{content:"\e11b"}.font-icon-flag:before{content:"\e11c"}.font-icon-cog:before{content:"\e11d"}.font-icon-tools:before{content:"\e11e"}.font-icon-trophy:before{content:"\e11f"}.font-icon-tag:before{content:"\e120"}.font-icon-camera:before{content:"\e121"}.font-icon-megaphone:before{content:"\e122"}.font-icon-moon:before{content:"\e123"}.font-icon-palette:before{content:"\e124"}.font-icon-leaf:before{content:"\e125"}.font-icon-music:before{content:"\e126"}.font-icon-music-2:before{content:"\e127"}.font-icon-new:before{content:"\e128"}.font-icon-graduation:before{content:"\e129"}.font-icon-book:before{content:"\e12a"}.font-icon-newspaper:before{content:"\e12b"}.font-icon-bag:before{content:"\e12c"}.font-icon-airplane:before{content:"\e12d"}.font-icon-lifebuoy:before{content:"\e12e"}.font-icon-eye:before{content:"\e12f"}.font-icon-clock:before{content:"\e130"}.font-icon-microphone:before{content:"\e131"}.font-icon-calendar:before{content:"\e132"}.font-icon-bolt:before{content:"\e133"}.font-icon-thunder:before{content:"\e134"}.font-icon-droplet:before{content:"\e135"}.font-icon-cd:before{content:"\e136"}.font-icon-briefcase:before{content:"\e137"}.font-icon-air:before{content:"\e138"}.font-icon-hourglass:before{content:"\e139"}.font-icon-gauge:before{content:"\e13a"}.font-icon-language:before{content:"\e13b"}.font-icon-network:before{content:"\e13c"}.font-icon-key:before{content:"\e13d"}.font-icon-battery:before{content:"\e13e"}.font-icon-bucket:before{content:"\e13f"}.font-icon-magnet:before{content:"\e140"}.font-icon-drive:before{content:"\e141"}.font-icon-cup:before{content:"\e142"}.font-icon-rocket:before{content:"\e143"}.font-icon-brush:before{content:"\e144"}.font-icon-suitcase:before{content:"\e145"}.font-icon-cone:before{content:"\e146"}.font-icon-earth:before{content:"\e147"}.font-icon-keyboard:before{content:"\e148"}.font-icon-browser:before{content:"\e149"}.font-icon-publish:before{content:"\e14a"}.font-icon-progress-3:before{content:"\e14b"}.font-icon-progress-2:before{content:"\e14c"}.font-icon-progress-1:before{content:"\e14d"}.font-icon-progress-0:before{content:"\e14e"}.font-icon-sun:before{content:"\e14f"}.font-icon-sun-2:before{content:"\e150"}.font-icon-adjust:before{content:"\e151"}.font-icon-code:before{content:"\e152"}.font-icon-screen:before{content:"\e153"}.font-icon-light-bulb:before{content:"\e155"}.font-icon-credit-card:before{content:"\e156"}.font-icon-database:before{content:"\e157"}.font-icon-voicemail:before{content:"\e158"}.font-icon-clipboard:before{content:"\e159"}.font-icon-cart:before{content:"\e15a"}.font-icon-box:before{content:"\e15b"}.font-icon-ticket:before{content:"\e15c"}.font-icon-rss:before{content:"\e15d"}.font-icon-signal:before{content:"\e15e"}.font-icon-thermometer:before{content:"\e15f"}.font-icon-droplets:before{content:"\e160"}.font-icon-layout-3:before{content:"\e161"}.font-icon-statistics:before{content:"\e162"}.font-icon-pie:before{content:"\e163"}.font-icon-bars:before{content:"\e164"}.font-icon-graph:before{content:"\e165"}.font-icon-lock:before{content:"\e166"}.font-icon-lock-open:before{content:"\e167"}.font-icon-logout:before{content:"\e168"}.font-icon-login:before{content:"\e169"}.font-icon-checkmark:before{content:"\e16a"}.font-icon-cross:before{content:"\e16b"}.font-icon-minus:before{content:"\e16c"}.font-icon-plus:before{content:"\e16d"}.font-icon-cross-2:before{content:"\e16e"}.font-icon-minus-2:before{content:"\e16f"}.font-icon-plus-2:before{content:"\e170"}.font-icon-cross-3:before{content:"\e171"}.font-icon-minus-3:before{content:"\e172"}.font-icon-plus-3:before{content:"\e173"}.font-icon-erase:before{content:"\e174"}.font-icon-blocked:before{content:"\e175"}.font-icon-info:before{content:"\e176"}.font-icon-info-2:before{content:"\e177"}.font-icon-question:before{content:"\e178"}.font-icon-help:before{content:"\e179"}.font-icon-warning:before{content:"\e17a"}.font-icon-cycle:before{content:"\e17b"}.font-icon-cw:before{content:"\e17c"}.font-icon-ccw:before{content:"\e17d"}.font-icon-shuffle:before{content:"\e17e"}.font-icon-arrow:before{content:"\e17f"}.font-icon-arrow-2:before{content:"\e180"}.font-icon-retweet:before{content:"\e181"}.font-icon-loop:before{content:"\e182"}.font-icon-history:before{content:"\e183"}.font-icon-back:before{content:"\e184"}.font-icon-switch:before{content:"\e185"}.font-icon-list:before{content:"\e186"}.font-icon-add-to-list:before{content:"\e187"}.font-icon-layout:before{content:"\e188"}.font-icon-list-2:before{content:"\e189"}.font-icon-text:before{content:"\e18a"}.font-icon-text-2:before{content:"\e18b"}.font-icon-document:before{content:"\e18c"}.font-icon-docs:before{content:"\e18d"}.font-icon-landscape:before{content:"\e18e"}.font-icon-pictures:before{content:"\e18f"}.font-icon-video:before{content:"\e190"}.font-icon-music-3:before{content:"\e191"}.font-icon-folder:before{content:"\e192"}.font-icon-archive:before{content:"\e193"}.font-icon-trash:before{content:"\e194"}.font-icon-upload:before{content:"\e195"}.font-icon-download:before{content:"\e196"}.font-icon-disk:before{content:"\e197"}.font-icon-install:before{content:"\e198"}.font-icon-cloud:before{content:"\e199"}.font-icon-upload-2:before{content:"\e19a"}.font-icon-bookmark:before{content:"\e19b"}.font-icon-bookmarks:before{content:"\e19c"}.font-icon-book-2:before{content:"\e19d"}.font-icon-play:before{content:"\e19e"}.font-icon-pause:before{content:"\e19f"}.font-icon-record:before{content:"\e1a0"}.font-icon-stop:before{content:"\e1a1"}.font-icon-next:before{content:"\e1a2"}.font-icon-previous:before{content:"\e1a3"}.font-icon-first:before{content:"\e1a4"}.font-icon-last:before{content:"\e1a5"}.font-icon-resize-enlarge:before{content:"\e1a6"}.font-icon-resize-shrink:before{content:"\e1a7"}.font-icon-volume:before{content:"\e1a8"}.font-icon-sound:before{content:"\e1a9"}.font-icon-mute:before{content:"\e1aa"}.font-icon-flow-cascade:before{content:"\e1ab"}.font-icon-flow-branch:before{content:"\e1ac"}.font-icon-flow-tree:before{content:"\e1ad"}.font-icon-flow-line:before{content:"\e1ae"}.font-icon-flow-parallel:before{content:"\e1af"}.font-icon-arrow-left-big-flat:before{content:"\e1b0"}.font-icon-arrow-down-big-flat:before{content:"\e1b1"}.font-icon-arrow-up-big-flat:before{content:"\e1b2"}.font-icon-arrow-right-big-flat:before{content:"\e1b3"}.font-icon-arrow-left-small-flat:before{content:"\e1b4"}.font-icon-arrow-down-small-flat:before{content:"\e1b5"}.font-icon-arrow-up-small-flat:before{content:"\e1b6"}.font-icon-arrow-right-small-flat:before{content:"\e1b7"}.font-icon-arrow-left-circle:before{content:"\e1b8"}.font-icon-arrow-down-circle:before{content:"\e1b9"}.font-icon-arrow-up-circle:before{content:"\e1ba"}.font-icon-arrow-right-circle:before{content:"\e1bb"}.font-icon-arrow-left-triangle:before{content:"\e1bc"}.font-icon-arrow-down-triangle:before{content:"\e1bd"}.font-icon-arrow-up-triangle:before{content:"\e1be"}.font-icon-arrow-right-triangle:before{content:"\e1bf"}.font-icon-arrow-left-simple-round:before{content:"\e1c0"}.font-icon-arrow-down-simple-round:before{content:"\e1c1"}.font-icon-arrow-up-simple-round:before{content:"\e1c2"}.font-icon-arrow-right-simple-round:before{content:"\e1c3"}.font-icon-arrow-left-simple-thin-round:before{content:"\e1c4"}.font-icon-arrow-down-simple-thin-round:before{content:"\e1c5"}.font-icon-arrow-up-simple-thin-round:before{content:"\e1c6"}.font-icon-arrow-right-simple-thin-round:before{content:"\e1c7"}.font-icon-arrow-left-simple-thin:before{content:"\e1c8"}.font-icon-arrow-down-simple-thin:before{content:"\e1c9"}.font-icon-arrow-up-simple-thin:before{content:"\e1ca"}.font-icon-arrow-right-simple-thin:before{content:"\e1cb"}.font-icon-arrow-left-big:before{content:"\e1cc"}.font-icon-arrow-down-big:before{content:"\e1cd"}.font-icon-arrow-up-big:before{content:"\e1ce"}.font-icon-arrow-right-big:before{content:"\e1cf"}.font-icon-arrow-menu:before{content:"\e1d0"}.font-icon-ellipsis:before{content:"\e1d1"}.font-icon-dots:before{content:"\e1d2"}.font-icon-dot:before{content:"\e1d3"}.font-icon-social-zerply:before{content:"\e01b"}.font-icon-social-youtube:before{content:"\e017"}.font-icon-social-yelp:before{content:"\e01d"}.font-icon-social-yahoo:before{content:"\e01e"}.font-icon-social-wordpress:before{content:"\e01f"}.font-icon-social-virb:before{content:"\e020"}.font-icon-social-vimeo:before{content:"\e021"}.font-icon-social-viddler:before{content:"\e022"}.font-icon-social-twitter:before{content:"\e023"}.font-icon-social-tumblr:before{content:"\e024"}.font-icon-social-stumbleupon:before{content:"\e025"}.font-icon-social-soundcloud:before{content:"\e073"}.font-icon-social-skype:before{content:"\e074"}.font-icon-social-share-this:before{content:"\e075"}.font-icon-social-quora:before{content:"\e076"}.font-icon-social-paypal:before{content:"\e079"}.font-icon-social-linkedin:before{content:"\e027"}.font-icon-social-last-fm:before{content:"\e028"}.font-icon-social-instagram:before{content:"\e029"}.font-icon-social-grooveshark:before{content:"\e02a"}.font-icon-social-google-plus:before{content:"\e02b"}.font-icon-social-github:before{content:"\e02c"}.font-icon-social-forrst:before{content:"\e02d"}.font-icon-social-flickr:before{content:"\e02e"}.font-icon-social-facebook:before{content:"\e02f"}.font-icon-social-evernote:before{content:"\e030"}.font-icon-social-envato:before{content:"\e031"}.font-icon-social-email:before{content:"\e032"}.font-icon-social-dribbble:before{content:"\e033"}.font-icon-social-digg:before{content:"\e034"}.font-icon-social-deviant-art:before{content:"\e035"}.font-icon-social-blogger:before{content:"\e036"}.font-icon-social-behance:before{content:"\e037"}.font-icon-social-bebo:before{content:"\e038"}.font-icon-social-500px:before{content:"\e07b"}.font-icon-social-pinterest:before{content:"\e077"}.font-icon-align-right:before{content:"\e000"}.font-icon-align-left:before{content:"\e001"}.font-icon-align-justify:before{content:"\e002"}.font-icon-align-center:before{content:"\e003"}.font-icon-group:before{content:"\e004"}.font-icon-grid:before{content:"\e005"}.font-icon-grid-large:before{content:"\e006"}.font-icon-social-xing:before{content:"\f168"} /* Font Awesome */ @font-face { font-family: 'FontAwesome'; src:url('_include/css/fonts/fontawesome-webfont.eot?v=4.3.0'); src:url('_include/css/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('_include/css/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'), url('_include/css/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('_include/css/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'); font-weight: normal; font-style: normal; } [class^="fa-"], [class*=" fa-"] { font-family: 'FontAwesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before,.fa-genderless:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /*-----------------------------------------------------------------------------------*/ /* 29. Flex Slider Settings /*-----------------------------------------------------------------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;max-height: 350px;overflow: hidden;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flexslider .slides.round img {border-radius: 0;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .loading {min-height:350px;margin:0 auto; background: url("../../images/loading.html") no-repeat center center;} .carousel li {margin-right: 5px} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /*-----------------------------------------------------------------------------------*/ /* 30. Media Queries /*-----------------------------------------------------------------------------------*/ @media (min-width: 1300px) and (max-width: 1599px) { .portfolio-full .item-project.col-full-1 { width: 20%; } } @media (min-width: 1200px) and (max-width: 1299px) { .portfolio-full .item-project.col-full-1, .portfolio-full .item-project.col-full-2 { width: 25%; } } @media (min-width: 992px) and (max-width: 1199px) { .wrap_all.boxed, .wrap_all.boxed .sticky-header { width: 90%; } .wrap_all.boxed .container { max-width: none; padding-left: 30px; padding-right: 30px; } .wrap_all.boxed .portfolio-full #portfolio-filter .col-md-12 { max-width: none; } #navigation-mobile { display: none !important; } .single-people.col-md-3, .single-people.col-md-4, .item-project.col-md-3, .item-project.col-md-4, .masonry-blog article.col-md-3, .masonry-blog article.col-md-4 { width: 33.3333%; } .portfolio-full .item-project.col-full-1, .portfolio-full .item-project.col-full-2, .portfolio-full .item-project.col-full-3, .portfolio-full .item-project.col-full-4 { width: 33.3333%; } .single-people.col-md-6, .item-project.col-md-6, .masonry-blog article.col-md-6 { width: 50%; } .portfolio-full .item-project.col-full-6 { width: 50%; } /* Portfolio Filter */ .portfolio-full #portfolio-filter .col-md-12 { max-width: 970px; } /* Map */ .map { height: 420px; } /* Navigation Team / Portfolio Single Post */ .post-type-navi { display: none; } .main-content-navi.team.mobile, .main-content-navi.portfolio.mobile { display: block; } } @media (min-width: 768px) and (max-width: 991px) { /* Boxed Layout */ .wrap_all.boxed { width: 90%; } .wrap_all.boxed .container { max-width: none; padding-left: 30px; padding-right: 30px; } .wrap_all.boxed .portfolio-full #portfolio-filter .col-md-12 { max-width: none; } /* Header */ header, header.sticky-header, header.sticky-header.nav-small { position: relative; height: 90px; } header.sticky-header, header.sticky-header.nav-small { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } header #logo a, header #menu ul a, header.sticky-header #logo a, header.sticky-header #menu ul a, header.sticky-header.nav-small #logo a, header.sticky-header.nav-small #menu ul a { line-height: 90px; padding-top: 0; padding-bottom: 0; } #main.sticky-header-enabled, .wrap_all.boxed #main.sticky-header-enabled { padding-top: 0; } header #logo a { font-size: 24px; } header #logo a img { margin-top: -8px; } header .col-md-3 { float: left; width: 80%; } header .col-md-9 { float: left; width: 20%; } #menu { display: none; } #mobile-nav { display: block; float: right; } /* Portfolio and Team Columns */ .single-people.col-md-3, .single-people.col-md-4, .single-people.col-md-6, .item-project.col-md-3, .item-project.col-md-4, .item-project.col-md-6, .masonry-blog article.col-md-3, .masonry-blog article.col-md-4, .masonry-blog article.col-md-6 { width: 50%; } .portfolio-full .item-project.col-full-1, .portfolio-full .item-project.col-full-2, .portfolio-full .item-project.col-full-3, .portfolio-full .item-project.col-full-4, .portfolio-full .item-project.col-full-6 { width: 50%; } /* Contact Form and Comment */ .wpcf7 input, .wpcf7 .wpcf7-submit, .wpcf7-form-control-wrap.budget, #searchform input[type="text"], .widget_search form input[type="text"] { width: 100%; } #commentform input { width: 100%; margin-right: 0; } #commentform label, #commentform span.required { top: 0; } #commentform #submit { width: 100%; } .children .comment { padding-left: 0; } #commentform p { margin-bottom: 15px; } #commentform .logged-in-as, #commentform .comment-form-url, #commentform .comment-form-comment { margin-bottom: 30px; } #commentform p.form-submit { margin: 0; } #commentform #submit { margin-bottom: 20px; } /* Sidebar */ .col-md-3 > #sidebar, .col-md-3 > .sidebar { border-top: 3px solid #EBEDEF; margin-top: 30px; padding-top: 50px; } .col-md-3 > .sidebar { margin-top: 50px; } .sidebar_content { margin-top: 0; } #blog .col-md-9.right_side { float: left; } #blog .col-md-9, #blog .col-md-3 { width: 100%; } /* Portfolio and Team Filter Dropdown */ #portfolio-filter .dropdown, #team-filter .dropdown { width: 100%; } .dropmenu, .dropmenu-active { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #portfolio-filter.mobile-filter, #team-filter.mobile-filter { display: block; } #portfolio-filter.desktop-filter, #team-filter.desktop-filter { display: none; } .portfolio-full #portfolio-filter .col-md-12 { max-width: 750px; } /* Social Footer */ #social-footer { float: left; margin-top: 20px; } /* Map */ .map { height: 420px; } /* Back to Top */ #back-to-top { display: none !important; } /* Navigation Team / Portfolio Single Post */ .post-type-navi { display: none; } .main-content-navi.team.mobile, .main-content-navi.portfolio.mobile { display: block; } } @media (min-width: 481px) and (max-width: 767px) { /* Boxed Layout */ .wrap_all.boxed { width: 90%; } .wrap_all.boxed .container { padding-left: 30px; padding-right: 30px; } /* Header */ header, header.sticky-header, header.sticky-header.nav-small { position: relative; height: 90px; } header.sticky-header, header.sticky-header.nav-small { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } header #logo a, header #menu ul a, header.sticky-header #logo a, header.sticky-header #menu ul a, header.sticky-header.nav-small #logo a, header.sticky-header.nav-small #menu ul a { line-height: 90px; padding-top: 0; padding-bottom: 0; } #main.sticky-header-enabled, .wrap_all.boxed #main.sticky-header-enabled { padding-top: 0; } header #logo a { font-size: 24px; } header #logo a img { margin-top: -8px; } header .col-md-3 { float: left; width: 80%; } header .col-md-9 { float: left; width: 20%; } #menu { display: none; } #mobile-nav { display: block; float: right; } /* Portfolio and Team Columns */ .single-people.col-md-3, .single-people.col-md-4, .single-people.col-md-6, .item-project.col-md-3, .item-project.col-md-4, .item-project.col-md-6, .masonry-blog article.col-md-3, .masonry-blog article.col-md-4, .masonry-blog article.col-md-6 { width: 100%; } .portfolio-full .item-project.col-full-1, .portfolio-full .item-project.col-full-2, .portfolio-full .item-project.col-full-3, .portfolio-full .item-project.col-full-4, .portfolio-full .item-project.col-full-6 { width: 100%; } /* Contact Form and Comment */ .wpcf7 input, .wpcf7 .wpcf7-submit, .wpcf7-form-control-wrap.budget, #searchform input[type="text"], .widget_search form input[type="text"] { width: 100%; } #commentform input { width: 100%; margin-right: 0; } #commentform label, #commentform span.required { top: 0; } #commentform #submit { width: 100%; } .children .comment { padding-left: 0; } #commentform p { margin-bottom: 15px; } #commentform .logged-in-as, #commentform .comment-form-url, #commentform .comment-form-comment { margin-bottom: 30px; } #commentform p.form-submit { margin: 0; } #commentform #submit { margin-bottom: 20px; } /* Sidebar */ .col-md-3 > #sidebar, .col-md-3 > .sidebar { border-top: 3px solid #EBEDEF; margin-top: 30px; padding-top: 50px; } .col-md-3 > .sidebar { margin-top: 50px; } .sidebar_content { margin-top: 0; } #blog .col-md-9, #blog .col-md-3 { width: 100%; } /* Portfolio and Team Filter Dropdown */ #portfolio-filter .dropdown, #team-filter .dropdown { width: 100%; } .dropmenu, .dropmenu-active { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #portfolio-filter.mobile-filter, #team-filter.mobile-filter { display: block; } #portfolio-filter.desktop-filter, #team-filter.desktop-filter { display: none; } /* Social Footer */ #social-footer { float: left; margin-top: 20px; } /* Map */ .map { height: 420px; } /* Section Title Page */ #title-page .pagize, #image-static .pagize { padding-top: 100px !important; padding-bottom: 100px !important; } #title-page h2, #image-static h2 { font-size: 40px; } #title-page .page-caption, #title-page .entry-meta.entry-header, #image-static .page-caption, #image-static .entry-meta.entry-header { font-size: 26px; } /* Back to Top */ #back-to-top { display: none !important; } /* Navigation Team / Portfolio Single Post */ .post-type-navi { display: none; } .main-content-navi.team.mobile, .main-content-navi.portfolio.mobile { display: block; } /* Error Page */ #error-page.error-404-image { padding: 220px 0; } /* Mobile Padding Class */ .mobile-padding { padding: 200px 0 !important; } /* Special Heading */ .special-heading > h1 { font-size: 36px; } } @media (max-width: 480px) { /* Boxed Layout */ .wrap_all.boxed { width: 90%; } .wrap_all.boxed .container { padding-left: 30px; padding-right: 30px; } /* Header */ header, header.sticky-header, header.sticky-header.nav-small { position: relative; height: 90px; } header.sticky-header, header.sticky-header.nav-small { padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } header #logo a, header #menu ul a, header.sticky-header #logo a, header.sticky-header #menu ul a, header.sticky-header.nav-small #logo a, header.sticky-header.nav-small #menu ul a { line-height: 90px; padding-top: 0; padding-bottom: 0; } #main.sticky-header-enabled, .wrap_all.boxed #main.sticky-header-enabled { padding-top: 0; } header #logo a { font-size: 24px; } header #logo a img { margin-top: -8px; } header .col-md-3 { float: left; width: 80%; } header .col-md-9 { float: left; width: 20%; } #menu { display: none; } #mobile-nav { display: block; float: right; } /* Portfolio and Team Columns */ .single-people.col-md-3, .single-people.col-md-4, .single-people.col-md-6, .item-project.col-md-3, .item-project.col-md-4, .item-project.col-md-6, .masonry-blog article.col-md-3, .masonry-blog article.col-md-4, .masonry-blog article.col-md-6 { width: 100%; } .portfolio-full .item-project.col-full-1, .portfolio-full .item-project.col-full-2, .portfolio-full .item-project.col-full-3, .portfolio-full .item-project.col-full-4, .portfolio-full .item-project.col-full-6 { width: 100%; } /* Contact Form and Comment */ .wpcf7 input, .wpcf7 .wpcf7-submit, .wpcf7-form-control-wrap.budget, #searchform input[type="text"], .widget_search form input[type="text"] { width: 100%; } #commentform input { width: 100%; margin-right: 0; } #commentform label, #commentform span.required { top: 0; } #commentform #submit { width: 100%; } .comment-section { padding-left: 0; padding-right: 0; } .children .comment { padding-left: 0; } #commentform p { margin-bottom: 15px; } #commentform .logged-in-as, #commentform .comment-form-url, #commentform .comment-form-comment { margin-bottom: 30px; } #commentform p.form-submit { margin: 0; } #commentform #submit { margin-bottom: 20px; } .comment-side { display: none; } .comment .comment-cont { margin-left: 0; } /* Sidebar */ .col-md-3 > #sidebar, .col-md-3 > .sidebar { border-top: 3px solid #EBEDEF; margin-top: 30px; padding-top: 50px; } .col-md-3 > .sidebar { margin-top: 50px; } .sidebar_content { margin-top: 0; } #blog .col-md-9, #blog .col-md-3 { width: 100%; } /* Portfolio and Team Filter Dropdown */ #portfolio-filter .dropdown, #team-filter .dropdown { width: 100%; } .dropmenu, .dropmenu-active { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #portfolio-filter.mobile-filter, #team-filter.mobile-filter { display: block; } #portfolio-filter.desktop-filter, #team-filter.desktop-filter { display: none; } /* Social Footer */ #social-footer { float: left; margin-top: 20px; } /* Map */ .map { height: 300px; } /* Section Title Page */ #title-page .pagize, #image-static .pagize { padding-top: 100px !important; padding-bottom: 100px !important; } #title-page h2, #image-static h2 { font-size: 36px; } #title-page .page-caption, #title-page .entry-meta.entry-header, #image-static .page-caption, #image-static .entry-meta.entry-header { font-size: 22px; } /* Testimonial */ .az-testimonial-quote { font-size: 18px; } .az-testimonial-source { font-size: 14px; } /* Back to Top */ #back-to-top { display: none !important; } /* Navigation Team / Portfolio Single Post */ .post-type-navi { display: none; } .main-content-navi.team.mobile, .main-content-navi.portfolio.mobile { display: block; } /* Error Page */ #error-page.error-404-image { padding: 150px 0; } /* Mobile Padding Class */ .mobile-padding { padding: 100px 0 !important; } /* Special Heading */ .special-heading > h1 { font-size: 36px; } /* FancyBox */ .fancybox-nav span { visibility: visible; } .fancybox-title { display: none; } } @media (max-width: 320px) { /* Boxed Layout */ .wrap_all.boxed { width: 100%; margin: 0; } .wrap_all.boxed .container { padding-left: 15px; padding-right: 15px; } .wrap_all.boxed #portfolio-filter.desktop-filter, .wrap_all.boxed #portfolio-filter.mobile-filter { padding-left: 0; padding-right: 0; } } /* iPad Portrait & Landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .fullimage-container { background-attachment: scroll !important; } #content .main-content.image-cont { background-attachment: scroll !important; } } /* iPhone 5 Portrait & Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { .fullimage-container { background-attachment: scroll !important; } #content .main-content.image-cont { background-attachment: scroll !important; } } /* iPhone Portrait & Landscape */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .fullimage-container { background-attachment: scroll !important; } #content .main-content.image-cont { background-attachment: scroll !important; } } /* Retina Display */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { header #logo a img.standard { display: none; } header #logo a img.retina { display: inline-block; } .menu-nav .menu-icon { background-image: url(_include/img/menu-mobile_@2x.png); background-size: 16px 32px; } .bootstrap-select.btn-group .custom-select .plus-select { background-image: url(_include/img/plus_select_@2x.png); background-size: 18px 36px; } .mejs-overlay-button { background-image: url(_include/img/mediaelement/bigplay_@2x.png); background-size: 32px 32px; } .mejs-controls .mejs-button button { background-image: url(_include/img/mediaelement/controls.png); background-size: 50px 64px; } }