/*
Theme Name: Llorix One Lite
Theme URI: http://themeisle.com/themes/llorix-one/
Author: ThemeIsle
Author URI: http://themeisle.com/
Description: Llorix One Lite is a free and beautiful one page business WordPress theme, with a flat and clean bootstrap based design and an elegant parallax effect. It provides a simple,minimal and modern look that can be used for any kind of personal businesses or startup mobile app. The landing page has a fullscreen hero image and blue & orange appearance with buttons and icons promoting simplicity and elegance at their best. The theme provides a responsive blog section, is eCommerce ready (WooCommerce store compatible), WPML, bbPress, Photo Gallery Grid,Contact Form 7,Meta Slider,SiteOrigin Page Builder, JetPack compatible  and SEO friendly. You can use it for your business / startup shop, agency, corporate website, or photography portfolio.
Version: 0.2.17
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: llorix-one-lite
Tags:one-column, two-columns, right-sidebar, custom-header, custom-background, custom-colors, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, threaded-comments, translation-ready, accessibility-ready, e-commerce, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Llorix One is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

1. GLOBAL STYLES (USED IN VARIOUS SECTION OF THE WEBSITE)
	1.0 GENERAL STYLES
	1.1 PRE LOADER
	1.2 ANCHOR
	1.3 MISC FIXES

2. COMPONENTS (ELEMNTS USED IN MANY SECTION)
	2.1 TYPOGRAPHY
	2.2 ELEMENTS
	2.3 ALIGNMENTS
	2.4 BUTTONS
	2.5 BORDER AND LINE
	2.6 SECTION HEADER
	2.7 FORM ELEMENTS

3. SECTION STYLES
	3.1 SECTION: HOME
	    3.1.1 STICKY NAVIGATION
	    3.1.2 ONLY LOGO
	    3.1.3 INTRO
	3.2 SECTION: CLIENTS LIST
	3.3 SECTION: SERVICES
	3.4 SECTION: APP BRIEF

	3.5 SECTION: STATS
    3.6 SECTION: FEATURES
    3.7 SECTION: PRICING TABLE
    3.8 SECTION: SCREENSHOTS
    3.9 SECTION: TIMELINE
    3.10 SECTION: TEAM
    3.11 SECTION: TESTIMONIALS
    3.12 SECTION: CALL TO ACTION
    3.13 SECTION: CONTACT INFO
    3.14 SECTION: GOOGLE MAP
    3.15 TEMPLATE: CONTACT PAGE
    3.16 WOOCOMMERCE STYLE
    3.17 FOOTER
    3.18 FRONTPAGE CONTENT

4. DEFAULT COLORS

5. BLOG
	5.1. SINGLE PAGE
	5.2 GALLERY
	5.3 SIDEBAR

6. RESPONSIVE

7. ICONS

8. ACCESSIBILITY

9. PLUGINS COMPATIBILITY
	9.1 POSTMATIC
	9.2 PIRATE FORMS
	9.3 JETPACK
	9.4 EASY DIGITAL DOWNLOADS

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

/* Trimmed copy for the static site: rules that match no element on any page were
   removed; everything else is unchanged. */

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

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	overflow-x: hidden !important;
	margin: auto !important;
	color: #313131;
	font-family: "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
}
a {
	text-decoration: none;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}
a:hoverv {
	text-decoration: none;
}
a:focus {
	outline: 1px dotted #f16c20;
	text-decoration: none;
}
.navbar-inverse .navbar-nav > li > a {
	color: inherit;
}
.nav > li > a {
	padding: inherit;
}
.navbar-nav.navbar-right:last-child {
	margin-right: 0;
}
.navbar-inverse .navbar-nav > li > a:focus {
	outline: 1px solid #f16c20;
	outline-style: dotted;
	color: #f16c20;
}
h1,
h2 {
	font-family: "Cabin", Helvetica Neue, Sans-serif;
	font-weight: 400;
}
h1 {
	font-size: 36px;
	line-height: 40px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h2 {
	font-size: 30px;
	line-height: 34px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h3 {
	font-size: 24px;
	line-height: 28px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h5 {
	font-size: 14px;
	line-height: 18px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
h1.intro {
	font-size: 3.75rem;
	line-height: 5rem;
	text-align: center;
}
h1.single-title {
	margin-top: 0;
	color: #000;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}
.entry-content h2,
.entry-content h3 {
	margin-top: 35px;
	margin-bottom: 20px;
	color: #000;
}
.standard-button {
	font-weight: 600;
}
strong,
.strong {
	font-weight: 600;
}
.dark-text {
	color: #1395ba;
}
.transparent-text-dark {
	color: rgba(49, 49, 49, 0.5);
}
.small-text {
	font-size: 14px;
}
html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	background-color: #fff; /* Fallback for when there is no custom background color defined. */
}
.skip-link {
	z-index: 1031!important;
	top: 40px!important;
	color: #f16c20!important;
	text-decoration: none!important;
}
.header {
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}
blockquote:before,
blockquote:after {
	content: "";
}
blockquote {
	quotes: "" "";
}
ul {
	margin: 0 0 1.5em 0;
	padding-left: 20px;
}
ul {
	list-style: disc;
}
img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
p {
	margin: 0 0 10px;
}
em,
i {
	font-style: italic;
}
blockquote {
	margin-bottom: 1.5em;
	padding: 15px 20px;
	font-size: 17.5px;
	font-weight: 300;
	line-height: 24px;
}
.entry-content blockquote p {
	color: #313131;
	font-weight: 300;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}
.standard-button {
	padding: 18px 40px 18px 40px;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: none;
	transition: none;
}
.colored-line-left {
	display: block;
	width: 80px;
	height: 2px;
}
.white-text {
	color: #fff;
}
.white-bg {
	background: #fff;
}
.grey-bg {
	border-top: 1px solid #eaebec;
	border-bottom: 1px solid #eaebec;
	background: #f7f8fa;
}
.colored-line-left {
	float: left;
}
.header {
	overflow: hidden;
}
.overlay-layer-wrap {
	position: relative;
	z-index: 3;
}
label {
	padding-right: 5px;
	vertical-align: middle;
}
.content-section {
	font-weight: 300;
}
.header .overlay-layer {
	height: auto;
	padding-top: 84px;
	padding-bottom: 195px;
}
h1.site-title {
	margin-top: 12px;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 1.5rem;
}
p.site-description {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 1rem;
	line-height: 1rem;
}
.header-logo-wrap {
	float: left;
	padding: 4px 10px;
	text-align: center;
}
#menu-primary {
	float: right;
}
.sticky-navigation {
	min-height: 70px;
	margin-bottom: 0 !important;
	border: none;
	background: #fff;
	-webkit-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);
	box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08);
	font-weight: 400;
	-webkit-backface-visibility: hidden;
}
.sticky-navigation .main-navigation {
	margin-top: 0;
}
.sticky-navigation .main-navigation li a {
	margin: 26px 18px;
	padding: 0;
	line-height: 18px;
	text-transform: uppercase;
}
.sticky-navigation .main-navigation li:hover > a {
	color: #f16c20;
}
.very-top-header {
	color: #fff;
	background: #0d3c55;
}
.very-top-header .transparent-text-dark {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 75px;
	color: #343434;
	background-color: #fff;
}
.very-top-header .social-icons i:before {
	float: left;
	width: 20px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}
.very-top-header .transparent-text-dark:hover {
	background: #f16c20;
}
.very-top-header .social-icons i:hover:before {
	color: #fff;
}
.very-top-header a:hover .transparent-text-dark {
	color: #f16c20;
}
.very-top-left {
	float: left;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.very-top-right {
	float: right;
}
.very-top-header ul.social-icons {
	margin-top: 12px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
}
.sticky-navigation .main-navigation a {
	display: block;
	color: #313131;
	text-align: left;
	text-decoration: none;
}
.main-navigation {
	font-family: Montserrat, sans-serif;
}
.main-navigation ul {
	margin: 0;
	list-style: none;
}
.main-navigation li {
	position: relative;
}
.main-navigation a {
	display: block;
	padding: 0.84375em 0;
	color: #1a1a1a;
	line-height: 1.3125;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #007acc;
}
.site-header-menu {
	display: none;

	-webkit-box-flex: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.no-js .site-header-menu {
	display: block;
}
.no-js .site-header-menu {
	display: block;
}
.navbar-inverse .navbar-toggle .icon-bar {
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background-color: #f16c20;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.navbar-toggle {
	margin-right: 5px;
	padding: 13px 10px;
}
.navbar-toggle:hover .icon-bar,
.navbar-toggle:focus .icon-bar {
	background-color: #0d3c55;
}
.only-logo .navbar-header {
	float: none;
	margin: auto;
	text-align: center;
}
.only-logo .navbar {
	min-height: 10px;
}
.intro-section {
	margin-top: 130px;
	text-align: center;
}
.intro-section h5 {
	margin-top: 30px;
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.5;
	line-height: 28px;
	text-align: center;
}
.header-style-one .intro-section {
	margin-top: 70px;
}
.header-style-one .intro-section h5 {
	margin-top: 13px;
	margin-bottom: 70px;
}
.client-logos {
	z-index: 1;
	margin-bottom: 0;
	text-align: center;
}
.client-logos li {
	display: inline-block;
	margin: 25px 25px 25px 25px;
	vertical-align: middle;
}
.client-logos li a {
	display: block;
	padding: 5px;
}
.client-logos li img {
	max-height: 40px;
	opacity: 0.6;

	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
.client-logos li img:hover {
	opacity: 1;

	-webkit-filter: initial;
	filter: initial;
}
.clients {
	border-bottom: 1px solid #dadfe3;
	background: rgba(255, 255, 255, 0.9);
}
.brief {
	border-bottom: 1px solid #eaebec;
	background-color: #fff;
}
.brief .section-overlay-layer {
	padding-top: 80px;
	padding-bottom: 115px;
}
.brief .content-section {
	margin-top: 15px;
}
.brief h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 2.4rem;
	line-height: 3.125rem;
}
.brief .brief-image-right {
	margin-top: 20px;
}
.brief .brief-image-right img {
	float: right;
	width: 92%;
}
.brief-content-one {
	float: left;
}
.brief-content-one {
	float: right;
}
.brief-left .brief-content-one {
	float: left;
}
.brief-left .brief-content-two {
	float: right;
}
.brief-content-text {
	clear: both;
	margin-top: 40px;
}
.call-to-action {
	border-bottom: 1px solid #eaebec;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	background-size: cover;
}
.call-to-action .section-overlay-layer {
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgba(13, 60, 85, 0.8);
}
.call-to-action h2 {
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 2.4rem;
	line-height: 3.125rem;
}
.ribbon-wrap {
	text-align: center;
}
.contact-info {
	border-bottom: 1px solid #eaebec;
	background-color: #fff;
	text-align: center;
}
.icon-container .colored-text {
	color: #343434;
}
.contact-info .section-overlay-layer {
	padding-top: 30px;
	padding-bottom: 70px;
}
.contact-info .icon-container {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 30px;
}
.contact-info .contact-links a {
	padding-top: 65px;
	padding-bottom: 0;
	color: #343434;
}
.contact-info .contact-links a:hover {
	color: #f16c20;
	text-decoration: none;
}
.contact-links .contact-link-box {
	display: inline-block;
	float: none;
	margin-right: -4px;
	text-align: center;
	vertical-align: top;
}
.page-template-template-contact-php .content-wrap > .container {
	width: 100%;
	padding: 0;
}
.page-template-template-contact-php #primary {
	float: none;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.contact-page {
	padding-bottom: 70px;
}
.content-page > .col-md-6:nth-child(odd) {
	padding-left: 0;
}
.content-page .entry-footer {
	float: left;
	width: 100%;
}
.footer,
.footer a {
	background-color: #0d3c55;
}
.footer a {
	color: #fff;
}
.footer a:hover {
	text-decoration: none;
}
.footer {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #dbdbdb;
}
ul.social-icons {
	margin-top: 10px;
	margin-left: 0;
	padding-left: 0;
}
.social-icons li {
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
}
.social-icons li a:hover {
	text-decoration: none;
}
.social-icons li a:hover .transparent-text-dark {
	color: #313131;
}
.footer-widget-wrap {
	width: 100%;
	text-align: center;
}
.powered-by {
	margin-top: 30px;
	padding-top: 5px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 13px;
	text-align: center;
}
.powered-by a {
	color: #dbdbdb;
}
.powered-by a:hover {
	color: #f16c20;
	text-decoration: none;
}
.footer-bottom-wrap {
	text-align: center;
}
.footer-bottom-wrap ul {
	margin: 0;
	padding: 0;
}
footer.footer .social-icons li a {
	padding: 0 5px;
}
footer.footer .social-icons i:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 75px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
	font-size: 12px;
	line-height: 30px;
}
footer.footer .social-icons i:hover:before {
	background: #f16c20;
}
footer.footer li {
	list-style: none;
}
footer.footer ul {
	padding-left: 0;
}
footer.footer ul li {
	position: relative;
	margin: 0;
	padding-top: 10px;
	font-size: 16px;
	list-style: none;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	color: #f16c20;
}
a {
	color: #be5000;
}
a:hover {
	color: #be5000;
}
.sticky-navigation .main-navigation li a:hover {
	color: #f16c20;
	text-decoration: none;
}
.standard-button {
	padding: 10px 25px;
	border: 3px solid #f16c20;
	border-color: #f16c20;
	border-radius: 30px;
	color: #fff;
	background: rgba(241,108,32,0.4);
	font-size: 20px;
	white-space: initial;
	text-decoration: none;
}
.standard-button:hover {
	border-color: #f16c20;
	color: #fff;
	background: #f16c20;
	text-decoration: none;
}
.standard-button:focus {
	color: #fff;
}
.standard-button:active {
	border-color: inherit !important;
	background: #f16c20 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.colored-text {
	color: #f16c20;
}
.colored-line-left {
	background: #f16c20;
}
.content-page {
	margin-top: 15px;
}
.llorix-one-lite-video-container {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
}
.llorix-one-lite-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}
.post-author i {
	position: absolute;
	top: 0;
	left: 0;
	color: #676767;
	font-size: 14px;
	line-height: 22px;
}
.post-time i {
	position: absolute;
	top: 0;
	left: 0;
	color: #676767;
	font-size: 14px;
	line-height: 22px;
}
.post-author {
	position: relative;
	margin-right: 10px;
	padding-left: 16px;
	font-weight: 600;
}
.post-time {
	position: relative;
	margin-right: 10px;
	padding-left: 18px;
	font-weight: 500;
}
.single-entry-meta {
	padding: 10px 0;
}
.entry-content,
.entry-content p {
	color: #666;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}
#primary {
	margin: 50px 0;
	padding-right: 15px;
}
.content-single-page .entry-content {
	padding: 10px 0 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
html {
		font-size: 90% !important;
	}
body {
		font-size: 15px;
		line-height: 26px;
	}
}
@media (max-width: 1024px) {
.header .overlay-layer {
		padding-bottom: 85px;
	}
.header {
		background-attachment: scroll !important;
	}
.header .overlay-layer {
		padding-top: 60px;
	}
.intro-section {
		margin-top: 60px;
	}
.header-style-one .intro-section {
		margin-top: 20px;
	}
}
@media (max-width: 991px) {
html {
		font-size: 90% !important;
	}
body {
		font-size: 15px;
		line-height: 26px;
	}
.client-logos li {
		margin: 15px 15px 15px 15px;
	}
.client-logos li img {
		max-width: 60px;
		opacity: 0.6;
	}
.text-left {
		text-align: center;
	}
.brief .section-overlay-layer {
		padding-bottom: 40px;
	}
.colored-line-left {
		float: none;
		margin: auto;
	}
.brief .brief-image-right {
		max-width: 430px;
		margin: auto;
		margin-top: 20px;
		padding-bottom: 40px;
	}
.brief .brief-image-right img {
		float: none;
		width: 90%;
	}
.brief-left .brief-content-two {
		float: none;
	}
#primary {
		float: left;
		width: 100%;
	}
.entry-header .colored-line-left {
		float: left;
	}
.content-page > .col-md-6 {
		padding: 0;
	}
}
@media (max-width: 782px) {
.contact-links .contact-link-box {
		margin-right: 0;
	}
}
@media (min-width: 768px) {
.main-navigation {
		margin: 0 -0.875em;
	}
.main-navigation li {
		float: left;
		border: 0;
	}
.main-navigation li:hover > a {
		color: #007acc;
	}
.no-menu > li {
		display: inline-block;
		float: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
html {
		font-size: 95%;
	}
.sticky-navigation {
		min-height: 70px;
	}
}
@media (max-width: 767px) {
html {
		font-size: 80%;
	}
.navbar-toggle {
		font-size: 30px !important;
	}
.navbar-inverse .navbar-toggle {
		border: 0 !important;
	}
.navbar-inverse .navbar-toggle,
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background-color: inherit;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
.sticky-navigation .main-navigation li a {
		padding: 10px;
		line-height: inherit;
	}
.navbar-inverse .navbar-collapse {
		border-color: rgba(49, 49, 49, 0.1);
	}
.sticky-navigation {
		min-height: 60px;
	}
.nav > li {
		display: inline-block;
		display: inline-block;
		width: 100%;
		padding-left: 15px;
		text-align: left;
	}
.container > .navbar-header {
		margin-right: 0;
		margin-left: 0;
	}
.brief {
		padding-top: 0;
		padding-bottom: 0;
	}
.brief .section-overlay-layer {
		margin-bottom: 0;
		padding-bottom: 80px;
	}
.contact-info .contact-links a {
		padding-top: 0;
		padding-bottom: 0;
	}
.sticky-navigation {
		position: relative !important;
		top: 0 !important;
		opacity: 1 !important;
	}
.sticky-navigation .main-navigation ul {
		position: relative;
		left: 0;
		left: auto;
	}
.sticky-navigation .main-navigation ul,
	.sticky-navigation .main-navigation ul li,
	.sticky-navigation .main-navigation ul a {
		width: 100%;
	}
.sticky-navigation .main-navigation ul {
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
.navbar-fixed-top .navbar-collapse {
		max-height: 2000px;
	}
#menu-primary {
		float: none;
		width: 100%;
		margin: 0;
	}
.nav > li {
		margin-left: 0;
		padding-left: 0;
	}
.navbar-collapse .main-navigation li a {
		margin: 0;
		line-height: 25px;
	}
.call-to-action {
		background-attachment: initial;
		background-position: center;
		background-size: cover;
	}
}
@media (max-width: 580px) {
html {
		font-size: 65% !important;
	}
body {
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}
h3 {
		font-weight: 600;
	}
h5 {
		font-size: 15px;
		line-height: 24px;
	}
.header .overlay-layer {
		padding-top: 55px;
	}
.intro-section {
		margin-top: 40px;
	}
.intro-section h5,
.header-style-one .intro-section h5 {
		margin-top: 15px;
		margin-bottom: 30px;
	}
.standard-button {
		padding: 15px 35px 15px 35px;
	}
.brief {
		padding-top: 0;
		padding-bottom: 0;
	}
.post-author {
		float: left;
		padding-left: 14px;
		font-size: 12px;
	}
.post-author i {
		font-size: 10px;
		line-height: 20px;
	}
}
.screen-reader-text {
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	position: absolute!important;
	width: 1px;
	height: 1px;
	color: #000;
	background: #fff;
}
.screen-reader-text:focus {
	overflow: auto;
	clip: auto;
	z-index: 100;
	top: 1em;
	left: 1em;
	width: auto;
	height: auto;
	padding: 1em;
	outline: 1px solid;
	background-color: #fff;
	font-size: 1.2em;
}