/*
 *
Theme Name: Handlamat
Theme URI: 
Author: Linus
Author URI: http://themeisle.com/
Description: Handla mat theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: handlamat
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.

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

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


/* --------------------------------------
=========================================
   1. GLOBAL STYLES
=========================================
-----------------------------------------*/


/*---------------------------------------
   1.0 GENERAL STYLES
-----------------------------------------*/
@font-face {
    font-family: ProximaNova;
    src: url('fonts/ProximaNova-regular.otf');
}

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: ProximaNova, "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
}

.llorix_one_lite_only_customizer {
	display: none !important;
}
.bypostauthor {}

/*---------------------------------------
   1.1 PRE-LOADER
-----------------------------------------*/

.preloader {
	overflow: hidden !important;
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fefefe;
}

.status {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
}


/*---------------------------------------
   1.2 ANCHOR AND BOLD TEXT
-----------------------------------------*/

a {
	text-decoration: none;
	-webkit-transition: all ease 0.25s;
	transition: all ease 0.25s;
}

a:hoverv {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}


/*---------------------------------------
   1.3 MISC FIXES
-----------------------------------------*/

@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

.row.no-gutters[class^="col-"],
.row.no-gutters[class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.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;
	color: #f16c20;
}

.navbar-inverse .navbar-nav > li.not-active {
	color: #f16c20;
}

.mailchimp-success,
.mailchimp-error,
.email-success,
.email-error {
	display: none;
	margin-top: 15px;
}

.mailchimp-success span,
.mailchimp-error span,
.email-success span,
.email-error span {
	margin-right: 10px;
}


/* --------------------------------------
=========================================
   2. COMPONENTS
=========================================
-----------------------------------------*/


/*---------------------------------------
   2.1 TYPOGRAPHY
-----------------------------------------*/

/* HEADINGS */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color:#129793; }
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: 24px;
	line-height: 25px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h3 {
	font-size: 20px;
	line-height: 23px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h4 {
	font-size: 18px;
	line-height: 22px;
	-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, .matkassedelimiter h2 {
	font-size: 3rem;
	line-height: 3rem;
    text-shadow:5px 5px 5px black;
    margin:0px 0px 10px 0px;
}

h1.single-title {
	margin-top: 0;
	color: #129793;
	font-size: 28px;
	line-height: 28px;
    font-weight:400;
    font-weight:bold;
    margin-bottom:0px;
}

h1.page-title {
	margin-top: 0;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	margin-top: 25px;
	margin-bottom: 15px;
	color:#129793;
}

/* BUTTONS */
.standard-button {
	font-weight: 600;
}

/* OTHER TEXTS */
strong,
.strong {
	font-weight: 600;
}

.dark-text {
	color: #1395ba;
}

.transparent-text {
	color: rgba(255, 255, 255, 0.6);
}

.transparent-text-dark {
	color: rgba(49, 49, 49, 0.5);
}

.small-text {
	font-size: 14px;
}

.small-text-medium {
	font-size: 14px;
	font-weight: 600;
}

.uppercase {
	text-transform: uppercase;
}

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

.button-text {
	font-weight: 600;
	text-transform: uppercase;
}

.price .month {
	color: #666;
	font-family: "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 16px !important;
}


/*--------------------------------------------------------------
	2.2 Elements
--------------------------------------------------------------*/

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. */
}

body.custom-background {
	background-size: cover;
}

.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,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	height: 1px;
	margin-bottom: 1.5em;
	border: 0;
	background-color: #ccc;
}

ul,
ol {
	margin: 0 0 1.5em 0;
	padding-left: 20px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

table {
	width: 100%;
	margin: 0 0 1.5em;
}
table,
th,
td {
	border: 1px solid #eaeaea;
}

th,
td {
	padding: 0.4em;
}

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.6em;
}

p {
	margin: 0 0 10px;
}

dfn,
cite,
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;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	max-width: 100%;
	margin-bottom: 1.6em;
	padding: 1.6em;
	border: 1px solid #e7e7e7;
	background: #eee;
	background: #fafafa;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/**:focus {
    outline: 0 !important;
}*/


/*--------------------------------------------------------------
	2.3 ALIGNMENTS
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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


/*---------------------------------------
   2.4 BUTTONS
-----------------------------------------*/

.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;
}

.secondary-button {
	padding: 20px 35px 20px 35px;
	border: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	color: #fff;
	background: transparent;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: none;
	transition: none;
}

.secondary-button:hover {
	border-color: #fff;
	background: transparent;
}

.secondary-button-dark {
	padding: 20px 35px 20px 35px;
	border: none;
	border-color: rgba(39, 39, 39, 0.5);
	border-radius: 3px;
	color: #272727;
	background: transparent;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: none;
	transition: none;
}

.secondary-button-dark:hover {
	border-color: #272727;
	color: #272727;
	background: transparent;
}

.navbar-register-button {
	border: none;
	color: #fff !important;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: none;
	transition: none;
}


/*---------------------------------------
   2.5 BORDER AND LINE
-----------------------------------------*/

.border-right {
	border-right: 1px solid #eaeaea;
}

.border-left {
	border-left: 1px solid #eaeaea;
}

.colored-line-left,
.colored-line-right,
.colored-line,
.white-line,
.grey-line {
	display: block;
	width: 80px;
	height: 2px;
}

.white-line {
	margin: auto;
	background: #fff;
}

.grey-line {
	background: #eaebec;
}

.grey-line-short {
	display: block;
	width: 40px;
	height: 2px;
	background: #eaebec;
}

.white-text {
	color: #fff;
}

.white-bg-border {
	border-top: 1px solid #eaebec;
	border-bottom: 1px solid #eaebec;
	background: #fff;
}

.white-bg {
	background: #fff;
}

.grey-bg {
}

.dark-bg {
	background: #2e3336;
}

.colored-line-left {
	float: left;
}

.colored-line-right {
	float: right;
}

.colored-line {
	margin: auto;
}


/*---------------------------------------
   2.6 SECTION HEADERS
-----------------------------------------*/

.section-header {
	margin-top: 90px;
	margin-bottom: 60px;
	text-align: center;
}

.section-header h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 2.4rem;
	line-height: 3.125rem;
}

.sub-heading {
	margin-top: 20px;
}

#llorix_one_lite_move .layer {
	width: 100%;
	height: 100%;
	background-position: top center;
	background-size: cover;
}

.header {
}

.header.headr-parallax-effect {
	position: relative;
}

.overlay-layer-wrap {
	position: relative;
	z-index: 3;
    background:rgba(13, 60, 85, 0.3);
}


/*---------------------------------------
   2.7 FORM ELEMENTS
-----------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 10px 30px 10px 30px;
	border: none;
	border: none;
	border-radius: 3px;
	color: #fff;
	background-color: #f16c20;
	background-image: url(images/tr-btn.png);
	background-repeat: repeat-x;
	background-size: contain;
	text-shadow: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 1px;
	text-transform: uppercase;
	-webkit-transition: none;
	transition: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: inherit;
	background: #f16c20;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="week"],
input[type="month"],
input[type="datetime-local"],
input[type="datetime"],
input[type="date"],
input[type="color"],
textarea,
select {
	padding: 5px;
	border: 1px solid #dedede;
	border-radius: 3px;
	color: #666;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
	height: auto;
	min-height: 150px;
	padding: 10px;
}

.input-box,
.textarea-box {
	margin-bottom: 15px;
	border: 0;
	border: 1px solid #dedede;
	border-radius: 3px;
	outline: 0;
	color: #999;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: auto;
}

.input-box {
	min-height: 45px;
}

.textarea-box {
	padding-top: 5px;
	padding-bottom: 5px;
}

textarea.form-control {
	min-height: 100px;
}

.input-box:active,
.textarea-box:active,
.input-box:focus,
.textarea-box:focus {
	color: #272727;
	-webkit-box-shadow: none;
	box-shadow: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	line-height: normal;
}

label {
	padding-right: 5px;
	vertical-align: middle;
}


/* --------------------------------------
=========================================
   3. SECTION STYLES
=========================================
-----------------------------------------*/

.sub-heading,
.content-section {
	font-weight: 300;
}


/*---------------------------------------
   3.1 SECTION: HOME / HEADER
-----------------------------------------*/

.whole-video-bg {
	overflow: hidden;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 0;
	width: 1260px;
	height: 911px;
	opacity: 1;
}

.whole-page-wrap {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1260px;
	height: 911px;
}

.header .overlay-layer {
	height: auto;
	padding-top: 84px;
	padding-bottom: 90px;
}

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;
}

.navbar-brand {
	height: auto;
}

.header-logo-wrap {
	float: left;
	padding: 4px 10px;
	text-align: center;
}

/* STICKY NAVIGATION AND LOGO */
#menu-primary {
	float: right;
}

.appear-on-scroll {
	opacity: 0;
}

header .navbar-brand {
	height: 70px;
	padding: 7px 7px 7px 0;
	line-height: 52px;
}
@media (max-width:768px) {
    header .navbar-brand {
        max-width:75%;
    }
}

.navbar-brand > img {
	display: inline-block;
	max-height: 56px;
}

.sticky-navigation {
	min-height: 70px;
	margin-bottom: 0 !important;
	border: none;
	background: firebrick;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(50, 50, 50, 0.4);
	box-shadow: 2px 2px 8px 0 rgba(50, 50, 50, 0.4);
	font-weight: 400;
	-webkit-backface-visibility: hidden;
}

.sticky-navigation .navbar-brand img {
	-webkit-backface-visibility: hidden;
}

.sticky-navigation .main-navigation {
	margin-top: 0;
}

.sticky-navigation .main-navigation li a {
	margin: 37px 3px 15px 3px;
	padding: 4px 7px;;
	line-height: 18px;
    font-weight:600; font-size: 14px;
    border-radius:5px;
    background-color:rgba(255,255,255,.15);
    box-shadow:0 2px 6px -2px rgba(0,0,0,.2);
    color:white;
}
@media(max-width:1200px) {
    .sticky-navigation .main-navigation li a {
        box-shadow:none; background-color:transparent;
    }
}

.sticky-navigation .main-navigation li:hover > a{
    box-shadow:0px 2px 6px 0px rgba(0,0,0,.6);
}

.sticky-navigation .main-navigation .sub-menu li a {
	margin: 0;
}


.menu-align-center  .main-navigation li a {
	margin: 0;
}

.sticky-navigation .main-navigation a {
	display: block;
	color: #313131;
	text-align: left;
	text-decoration: none;
}

.sticky-navigation .main-navigation ul ul a {
	width: 200px;
	padding: 10px;
}

.dropdownmenu {
	position: absolute;
	z-index: -1;
	top: 23px;
	right: 0;
	line-height: 28px;
}

.sticky-navigation-open .sticky-navigation {
	top: 0;
	opacity: 1;
}

.main-navigation {
	font-family: Montserrat, sans-serif;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.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;
}

.main-navigation ul ul {
    background:firebrick;
	display: none;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid #e8e8e8;
}

.main-navigation .menu-item-has-children > a {
	margin-right: 50px;
}

.site-header-menu {
	display: none;

	-webkit-box-flex: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.primary-menu:before,
.primary-menu:after {
	display: table;
	content: "";
}

.primary-menu:after {
	clear: both;
}

.menu-item-has-children a:after,
.dropdown-toggle:after {
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-align: center;
	vertical-align: top;
	text-decoration: inherit;
	text-transform: none;

	speak: none;
}

.menu-item > a:focus {
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}
.main-navigation ul .toggled-on {
	display: block;
}

button.dropdown-toggle,
button.dropdown-toggle:hover,
button.dropdown-toggle:active {
	position: absolute;
	z-index: 9;
	top: 0;
	right: -10px;
	width: 45px;
	height: 45px;
	padding: 10px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 25px;
}

button.dropdown-toggle .dropdown-toggle-inner {
	float: left;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	padding: 0;
	border-radius: 2px;
	background: #fff;
}

button.dropdown-toggle .dropdown-toggle-inner:after {
	display: inline-block;
	font: normal normal normal 14px/20px FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 25px;
	content: "\f107";
	text-rendering: auto;
    color:firebrick;
}

button.dropdown-toggle:hover .dropdown-toggle-inner,
button.dropdown-toggle:focus .dropdown-toggle-inner {
	z-index: 1;
	color: #fff;
	background-color: gray;
}

button.dropdown-toggle.toggled-on .dropdown-toggle-inner,
button.dropdown-toggle.toggled-on:hover .dropdown-toggle-inner,
button.dropdown-toggle.toggled-on:focus .dropdown-toggle-inner {
	z-index: 1;
	color: #fff;
	background-color: gray;
}

.dropdown-toggle.toggled-on .dropdown-toggle-inner:after {
	display: inline-block;
	font: normal normal normal 14px/20px FontAwesome;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f107";
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	text-rendering: auto;
}

.admin-bar .sticky-navigation-open .sticky-navigation {
	opacity: 1;
}

.sticky-navigation-open {
	min-height: 70px;
	background: transparent;
}

.primary-menu {
	width: auto;
}

.menu-align-center .navbar-header,
.menu-align-center .navbar-collapse {
	width: 100%;
	text-align: center;
}

.menu-align-center .navbar-header > a {
	display: inline-block;
	float: none;
}

.menu-align-center .primary-menu {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.menu-align-center .primary-menu > li {
	display: inline-block;
	float: none;
}

.menu-align-center .primary-menu > li a {
	padding: 5px 8px;
}

.menu-align-center .primary-menu > li.menu-item-has-children a {
	padding: 5px 18px 5px 8px;
}

.menu-align-center .primary-menu > li.menu-item-has-children > .dropdownmenu {
	top: 4px;
}

.menu-align-center .no-menu > li > a {
	padding: 5px 8px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	width: 30px;
	height: 4px;
	border-radius: 2px;
	background-color: #fff;
}

.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.toggled-on .icon-bar,
.navbar-toggle:focus .icon-bar {
	background-color: #0d3c55;
}

/* ONLY LOGO */
.centered-logo {
	width: 100%;
	text-align: center;
}

.centered-logo .navbar-brand > img {
	display: inline-block;
}

.centered-logo .navbar-brand {
	float: none;
}

.centered-logo .navbar-brand a {
	padding: 0;
}

.centered-logo .navbar-brand img {
	margin: 18px 15px 10px 15px;
}

.only-logo .navbar-header {
	float: none;
	margin: auto;
	text-align: center;
}

.only-logo .navbar {
	min-height: 10px;
}

.header-layer-one {
	background-position: 0 0;
	background-size: cover!important;
}

.header-layer-two {
	background-position: 0 0;
	background-size: cover!important;
}

/* INTRO */
.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;
}

.imac-image img {
	width: 85%;
	margin-top: 70px;
}

.header-parallax-effect-mobil {
	background-position: top center;
}

/* header style [1] */
.header-style-one .intro-section {
	margin-top: 0px;
}
.header-style-one .intro-section h5 {
	margin-top: 0px;
	margin-bottom: 0px;
    font-size:20px;
    text-shadow:3px 3px 3px black;
    line-height:22px;
}

/* header style [2] */
.header-style-two .intro-section {
	margin-top: 110px;
}
.header-style-two .vertical-registration-form {
	float: right;
	margin-top: 84px;
	padding: 15px 32px 32px 32px;
	border-radius: 3px;
	background: #fff;
	-webkit-box-shadow: 0 0 3px 0 #000;
	box-shadow: 0 0 3px 0 #000;
}
.header-style-two .vertical-registration-form form button {
	width: 100%;
	margin-top: 2px;
}
.header-style-two .intro-section .btn-primary {
	padding: 10px 20px 10px 20px;
}
.header-style-two .intro-section p {
	margin-top: 30px;
	margin-bottom: 40px;
}
.header-style-two .vertical-registration-form .form-heading {
	margin-bottom: 25px;
}

/* header style [3] */
.header-style-three .intro-section {
	margin-top: 100px;
	margin-bottom: 55px;
}
.header-style-three .overlay-layer {
	height: auto;
	padding-top: 60px;
	padding-bottom: 0 !important;
}
.header-style-three .intro-section h5 {
	margin-top: 15px;
	margin-bottom: 60px;
}
.header-style-three .browser-image img {
	max-width: 80%;
	margin-bottom: -5px;
}

/* header style [4] */
.header-style-four .intro-section {
	margin-top: 80px;
}
.header-style-four .intro-section h5 {
	margin-top: 15px;
	margin-bottom: 45px;
}
.header-style-four .horizontal-subscribe-form .input-box {
	width: 350px;
	min-height: 65px;
	margin: 0;
	font-size: inherit;
}
.header-style-four .horizontal-subscribe-form {
	display: inline-block;
	padding: 25px 25px 25px 25px;
	border-radius: 6px;
	background: rgba(0, 0, 0, 0.45);
}

/* header style [5] */
.header-style-five .intro-section {
	margin-top: 70px;
}


/*---------------------------------------
   3.2 SECTION: CLIENTS LIST
-----------------------------------------*/


.display-none {
	display: none !important;
}

.llorix_one_lite_grid_col_4 > div,
.llorix_one_lite_grid_col_3 > div,
.llorix_one_lite_grid_col_2 > div,
.llorix_one_lite_grid_col_1 > div {
	margin-bottom: 30px;
	text-align: center;
}

.llorix_one_lite_grid_col_4 {
	float: left;
	width: 23%;
	margin: 0 1.25% 0 1.25%;
}

.llorix_one_lite_grid_col_3 {
	float: left;
	width: 31.5%;
	min-height: 1px;
	margin: 0 1.25% 0 1.25%;
}

.llorix_one_lite_grid_col_2 {
	float: left;
	width: 48%;
	margin: 0 1.75% 0 1.75%;
}

.llorix_one_lite_grid_col_1 {
	float: left;
	width: 100%;
}

.llorix_one_lite_grid_first {
	margin-left: 0;
	padding-left: 0;
}

.llorix_one_lite_grid_last {
	margin-right: 0;
	padding-right: 0;
}


/*---------------------------------------
   3.4 SECTION: APP BRIEF
-----------------------------------------*/

.brief {
	background-color: #fff;
}

.brief .section-overlay-layer {
	padding-top: 80px;
	padding-bottom: 115px;
}

.brief .content-section {
	margin-top: 15px;
}

.brief h2 {
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1.5rem;
	line-height: 2rem;
    text-align:center;
}

.brief p {
	margin-top: 10px;
}

.brief .brief-image-right {
	margin-top: 20px;
}

.brief .brief-image-right img {
	float: right;
	width: 92%;
}

.brief .brief-image-left {
	overflow: hidden;
	margin-top: 25px;
}

.brief .brief-image-left img {
	float: left;
	width: 95%;
}

.feature-list {
	margin-top: 15px;
}

.feature-list li {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
}

.feature-list li:before {
	position: absolute;
	top: 8px;
	left: 0;
	color: #f16c20;
	font-size: 36px;
	content: "\2022";
}

.feature-list li span {
	margin-right: 10px;
}

.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-right .brief-content-one {
	float: right;
}

.brief-right .brief-content-two {
	float: left;
}

.brief-content-text {
	clear: both;
	margin-top: 40px;
}

/* ACCORDION */
.panel-default {
	display: block;
	margin-top: 35px;
	border: 0;
	border-radius: 3px;
	text-align: left;
}

.panel-body {
	border-top: 4px solid #f7f8fa !important;
}

.panel-heading {
	padding: 0;
	border: none;
	background-color: #fff !important;
}

.panel-group .panel + .panel {
	margin-top: 15px;
}

.panel-heading .title-text {
	line-height: 40px;
}

.panel-title a:hover {
	text-decoration: none;
}

.panel-title .icon-container {
	display: inline-block;
	float: left;
	height: 40px;
	margin-right: 10px;
	padding-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-left-radius: 3px;
	font-size: 16px;
	line-height: 40px;
	text-align: !important;
	vertical-align: middle;
}


/*---------------------------------------
   3.6 SECTION: UNIQUE FEATURES
-----------------------------------------*/

.unique-features {
	padding-bottom: 100px;
}

.ipad-image {
	margin: auto;
}

.ipad-image img {
	width: auto;
	max-width: 100%;
	text-align: center;
}

.feature {
	overflow: hidden;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 25px;
	padding-right: 0;
	padding-left: 10px;
}

.feature .icon-container {
	float: left;
	margin-right: 10px;
	padding-top: 18px;
}

.feature .icon-container i {
	font-size: 30px;
}

.feature .description {
	float: right;
	width: 85%;
}

.feature .description p {
	margin-top: 20px;
}

.unique-features-cols-one .unique-features-col {
	width: 100%;
}

.unique-features-cols-one .feature .description {
	width: 100%;
	padding-left: 110px;
}

.unique-features-cols-one .feature {
	position: relative;
}

.unique-features-cols-one .icon-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 110px;
	text-align: center;
}

.unique-features-cols-two .unique-features-col {
	width: 50%;
}


/*---------------------------------------
   3.7 SECTION: PRICING TABLE
-----------------------------------------*/



/*---------------------------------------
   3.8 SECTION: SCREENSHOTS
-----------------------------------------*/


/*---------------------------------------
   3.9 VERTICAL TIMELINE
-----------------------------------------*/



/*---------------------------------------
   3.12 SECTION: CALL TO ACTION
-----------------------------------------*/

/*---------------------------------------
   3.13 SECTION: CONTACT INFO
-----------------------------------------*/



/*---------------------------------------
   3.17 BBPRESS STYLE
-----------------------------------------*/



/*---------------------------------------
   3.17 SECTION: FOOTER
-----------------------------------------*/

.footer,
.footer a {
	background-color: firebrick;
}

.footer a {
	color: #fff;
    font-size:18px;
}

.footer a:hover {
	text-decoration: none;
}

.footer {
    margin-top:0px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
}

.footer-links li {
	display: inline-block;
	padding: 10px;
}

.footer-links li a {
	font-size: 14px;
}

.footer-links li a:hover {
	color: #f16c20;
	text-decoration: none;
}

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;
}

.footer-widget-wrap .widget {
	float: none;
	width: 100%;
}

.footer-widget-wrap .widget-box {
	display: inline-block;
	float: none;
	margin-right: -4px;
	text-align: left;
	vertical-align: top;
}

.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 .widget-title {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 28px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
    margin-bottom:5px;
}


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;
}

/* foooter widget */
footer.footer li {
	list-style: none;
}

footer.footer ul {
	padding-left: 0;
}

footer.footer ul li {
	position: relative;
	margin: 0;
	padding-top: 0px;
	font-size: 16px;
	list-style: none;
}

footer.footer select {
	width: 100%;
	padding: 5px;
	border: 1px solid #e7e7e7;
}

footer.footer .widget {
	margin-bottom: 40px;
}

/* Calendar Widget */
footer.footer #wp-calendar {
	border: 1px solid #fff;
}

footer.footer #wp-calendar,
footer.footer #wp-calendar td {
	border: 0;
	border-spacing: 1px;
	border-collapse: separate;
}

footer.footer #wp-calendar caption {
	margin: 0;
	font-size: 14px;
}

footer.footer #wp-calendar th,
footer.footer #wp-calendar td {
	padding: 0;
	background-color: rgba(19, 149, 186, 0.1);
	text-align: center;
}

footer.footer #wp-calendar a {
	display: block;
	color: #000;
	background-color: #fff;
}

footer.footer #wp-calendar a:hover {
	color: #fff;
	background: #f16c20;
	background-color: rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

footer.footer #wp-calendar th {
	border: 1px solid #ddecf5;
}

footer.footer #wp-calendar tbody td {
	background-color: transparent;
}

footer.footer .site-footer #wp-calendar tbody td {
	background-color: transparent;
}

footer.footer #wp-calendar tbody td.pad,
footer.footer .site-footer #wp-calendar tbody td.pad {
	background-color: transparent;
}

footer.footer #wp-calendar td {
	background: transparent;
}

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

.widget_search label {
	width: 100%;
}

.widget_search input {
	width: 100%;
	padding: 10px 50px 10px 5px;
	border: 1px solid #e7e7e7;
	font-weight: 300;
}

.widget_search form {
	position: relative;
}

.widget_search .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 51px;
	height: 44px;
	padding: 0;
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-indent: -99999999px;
}

.widget_search .search-submit:hover {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.widget_search .search-form:hover:before {
	color: #f16c20;
}


/*---------------------------------------
3.18 FRONTPAGE CONTENT
-----------------------------------------*/

.frontpage-content {
	padding: 20px 0;
}

/*---------------------------------------
   4. DEFAULT COLORS
-----------------------------------------*/

/* PRELOADER IMAGE BACKGROUND */
.status {
	background-image: url(images/loader-red.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* THE OVERLAY COLORS WHICH WILL SHOW IN FRONT OF BACKGROUND IMAGES*/

.overlay-layer-2 {
	background: rgba(0, 5, 8, 0.90);
}

/* NAVBAR AND LINK COLORS */
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
}

a {
}

a:hover {
}

.border-bottom-hover:hover {
	border-bottom-color: #f16c20;
}

.sticky-navigation .main-navigation li a:hover,
.sticky-navigation .login-register li.login a:hover {
	text-decoration: none;
}

.sticky-navigation .main-navigation li.current > a {
}

/* INPUT FIXES */
.input-box:active,
.textarea-box:active,
.input-box:focus,
.textarea-box:focus {
	border-color: #f16c20;
}

/* BUTTONS*/
.standard-button,
.navbar-register-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,
.navbar-register-button:hover {
	border-color: #f16c20;
	color: #fff;
	background: #f16c20;
	text-decoration: none;
}

.standard-button:focus,
.navbar-register-button:focus {
	color: #fff;
}

.standard-button:active,
.navbar-register-button:active {
	border-color: inherit !important;
	background: #f16c20 !important;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* COLORED BACKGROUND AND TEXT*/
.color-bg {
	background: #f16c20;
}

.colored-text {
	color: #f16c20;
}

/* COLORED BORDERS AND LINES */
.colored-line-left,
.colored-line-right,
.colored-line {
	background: #f16c20;
}

.border-right-colored {
	border-right: 1px solid rgba(19, 149, 186, 0.3);
}

.border-left-colored {
	border-left: 1px solid rgba(19, 149, 186, 0.3);
}

.long-transparent-line {
	width: 200px;
	height: 1px;
	margin: auto;
	background: rgba(19, 149, 186, 0.3);
}


/* --------------------------------------
=========================================
   5. BLOG
=========================================
-----------------------------------------*/

.post-list article {
	float: left;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	border: 1px solid #eaeaea;
	border-bottom: 4px solid #eaeaea;
	border-radius: 3px;
}

.page-header {
	margin-top: 0;
}

.post-img-wrap {
	position: relative;
	min-height: 150px;
}

.list-post-entry-meta {
	position: relative;
	bottom: -1px;
	left: 0;
	width: 100%;
	padding: 14px;
	background: rgba(247, 247, 247, 1);
}

.posted-in i {
	position: absolute;
	top: 0;
	left: 0;
	color: #676767;
	font-size: 14px;
	line-height: 22px;
}

.posted-in {
	position: relative;
	margin-right: 10px;
	padding-left: 18px;
	color: #676767;
	font-weight: 600;
}

.post-list article .entry-content p {
	margin: 10px 0 5px;
}

.post-list h1.entry-title {
	margin-top: 10px;
	margin-bottom: 5px;
}

.post-list h1.entry-title a {
	color: #000;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

.post-list h1.entry-title a:hover {
	color: #f16c20;
	text-decoration: none;
}

.page-title {
	margin-top: 0;
	color: #f16c20;
	font-size: 24px;
	line-height: 28px;
	text-transform: uppercase;
}

.post-img-wrap .post-date {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 90px;
	min-height: 90px;
	padding: 16px 20px;
	background: rgba(19,149,186,0.9);
	text-align: center;
}

.post-date .post-date-day {
	display: block;
	color: #fff;
	font-size: 31px;
	font-weight: 700;
	line-height: 34px;
}

.post-date .post-date-month {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
}

.content-page {
	margin-top: 15px;
}

.post-list article.sticky {
	border: 1px solid #f16c20;
	border-bottom: 4px solid #f16c20;
}

.posts-navigation {
	float: left;
	width: 100%;
}

.posts-navigation .nav-previous {
	float: left;
	width: 50%;
	font-weight: bold;
	text-align: left;
}

.posts-navigation .nav-next {
	float: right;
	width: 50%;
	font-weight: bold;
	text-align: right;
}

.page-content input[type="search"] {
	padding: 8px;
	border: 1px solid #e7e7e7;
	font-weight: normal;
}

.llorix-one-lite-video-container {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 380px;
}

.llorix-one-lite-video-container iframe,
.llorix-one-lite-video-container object,
.llorix-one-lite-video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}

.llorix-one-lite-post-meta {
	visibility: none;
	position: absolute;
}

.archive-top {
	background-position: center 30%;
	background-size: cover;
}

.archive-top .section-overlay-layer {
	padding-top: 100px;
	padding-bottom: 100px;
}

.archive-top {
	color: #fff;
	text-align: center;
}

.archive-top-big-title {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: 300;
	line-height: 3.125rem;
	text-transform: uppercase;
}

.archive-top-text {
	margin-top: 30px;
	font-size: 16px;
	font-weight: 300;
}


/* --------------------------------------
=========================================
   5.1 SINGLE PAGE
=========================================
-----------------------------------------*/

.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-comments i {
	position: absolute;
	top: 2px;
	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;
}

.post-comments {
	position: relative;
	margin-right: 10px;
	padding-left: 19px;
	font-weight: 600;
}

.single-entry-meta {
	padding: 0px;
    line-height:28px;
}

.post-comments {
	float: right;
}

.entry-content,
.entry-content p,
.entry-content span {
	color: #313131;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.cat-links,
.tags-links {
	float: left;
	clear: both;
	width: 100%;
	font-weight: 500;
}

.cat-links i,
.tags-links i {
	padding-right: 5px;
	color: #676767;
	font-size: 14px;
	line-height: 22px;
}

.post-navigation {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 40px;
	padding-top: 15px;
	border-top: 1px solid #e7e7e7;
	font-size: 13px;
}

.post-navigation .nav-previous {
	float: left;
	max-width: 50%;
}

.post-navigation .nav-next {
	float: right;
	max-width: 50%;
}

.post-navigation h2.screen-reader-text {
	position: inherit!important;
	width: auto;
	height: auto;
}

#primary {
	margin: 50px 0;
	padding-right: 0px;
    padding-left:0px;
    padding:25px;
    background-color:#fff;
    border-radius:5px;
    box-shadow:0 2px 5px -2px black;
}

#sidebar-secondary {
	margin: 50px 0;
	padding-left: 30px;
    padding-right:0px;
}

.content-single-page .entry-content {
	padding: 10px 0 10px;
}

/* comments */
.comments-area {
	float: left;
	width: 100%;
	margin-top: 0px;
	padding-top: 15px;
	border-top: 1px solid #e7e7e7;
}

.comment-list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.comment-list ol {
	padding-left: 0;
	list-style: none;
}

.comment-list .comment-body {
	color: #666;
	font-weight: 400;
}

.comment-list .comment-body ol {
	margin: 0 0 1.5em 0;
	padding-left: 20px;
	list-style: decimal;
}

.comment-list ol.children {
	margin-left: 50px;
}

h2.comments-title {
	margin-top: 15px;
	margin-bottom: 30px;
	color: #000;
	font-family: "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
}

h2.screen-reader-text {
	color: #000;
	font-family: "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
}

.comment-list .comment > article {
	position: relative;
	margin-bottom: 22px;
	margin-left: 80px;
	padding: 15px;
	border: 1px solid #eaeaea;
	border-radius: 6px;
}

.comment-list .comment-author img {
	position: absolute;
	top: 0;
	left: -80px;
	border: 5px solid #e4e4e4;
	border-radius: 50%;
}

.comment-list  .comment-author .fn {
	font-size: 14px;
	font-weight: 700;
}

.comment-list  .comment-author .fn a {
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

.comment-list .comment-author .says {
	color: #666;
	font-size: 14px;
	font-weight: 500;
}

.comment-list .comment-metadata {
	color: #f16c20;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
}

.comment-list .comment-metadata .edit-link {
	float: right;
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.comment-list .comment-content {
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
}

.comment-list .reply {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 14px;
	font-weight: 500;
}

.comment-form p {
	position: relative;
	padding-left: 100px;
}

.comment-form p.comment-notes,
.comment-form p.logged-in-as {
	width: 100%;
	padding-left: 0;
}

.comment-form label {
	position: absolute;
	left: 0;
	font-weight: 400;
	line-height: 38px;
}

.comment-form input {
	min-width: 50%;
	font-size: 14px;
	font-weight: 500;
}

.comment-form textarea {
	font-size: 14px;
	font-weight: 500;
}

.comment-form .form-allowed-tags,
.comment-form .form-allowed-tags code {
	font-size: 10px;
	line-height: 14px;
}

.comment-form .form-submit input,
#recaptcha-submit-btn-area input {
	min-width: 10px;
	padding: 7px 30px;
	border: 1px solid #f16c20;
	border-radius: 3px;
	color: #fff;
	background: #f16c20;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}

.g-recaptcha {
	margin-bottom: 10px;
}

#recaptcha-submit-btn-area input {
	margin-top: 10px;
}

.comment-form .form-submit input:hover,
#recaptcha-submit-btn-area input:hover {
	border: 1px solid #eaebec;
	color: #f16c20;
	background: #f7f8fa;
}

.comment-reply-title {
	margin-top: 10px;
	font-family: "Open Sans", Helvetica Neue, Sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}

.comment-list li.pingback {
	margin-bottom: 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ececec;
}

.mejs-container span {
	color: #fff;
	font-size: 11px;
	line-height: 11px;
}

.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-container .mejs-controls {
	background: #f16c20!important;
}

.mejs-controls .mejs-button button:focus {
	outline: none;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	background: #f16c20!important;
}

.wp-playlist-caption span {
	line-height: 21px;
}


/* --------------------------------------
=========================================
   5.2 GALLERY
=========================================
-----------------------------------------*/

/**
 * 14.1 Captions
 */

.wp-caption {
	max-width: 100%;
	margin-bottom: 1.6em;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	padding: 0.5em 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

/**
 * 14.2 Galleries
 */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	width: 100%;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	display: block;
	padding: 0.5em 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.wp-caption-text {
	font-size: 14px;
	line-height: 20px;
}


/* --------------------------------------
=========================================
   5.3 SIDEBAR
=========================================
-----------------------------------------*/

#sidebar-secondary .widget-title {
	margin-bottom: 5px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

#sidebar-secondary .widget-title:after {
	display: block;
	float: left;
	width: 80px;
	height: 2px;
	background: #f16c20;
}

#sidebar-secondary ul {
	padding-left: 0;
}

#sidebar-secondary .widget {
	margin-bottom: 20px;
}
@media (max-width:991px) {
#sidebar-secondary .widget { margin-bottom:30px; }
.sticky-navigation .main-navigation li a { padding:4px 2px; }
}

#sidebar-secondary ul li {
	position: relative;
	margin: 0;
	padding-top: 10px;
	font-size: 16px;
	list-style: none;
}

#sidebar-secondary ul ul li:last-child {
	padding-bottom: 0;
}

.widget-title-margin {
	margin-bottom: 0px;
}

#sidebar-secondary select {
	width: 100%;
	padding: 10px 5px 10px 5px;
	border: 1px solid #e7e7e7;
}

.widget .post-date {
	padding-left: 10px;
}

#sidebar-secondary .widget ul:not(.recentcomments) li a {
	color: #000;
}

#sidebar-secondary .widget ul:not(.recentcomments) li a:hover {
	color: #f16c20;
	text-decoration: none;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
	border: 0;
	border-spacing: 1px;
	border-collapse: separate;
}

.widget_calendar caption {
	margin: 0;
	font-size: 14px;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	background-color: rgb(245, 245, 245);
	text-align: center;
}

.widget_calendar a {
	display: block;
	color: #000;
	background-color: #f5f5f5;
}

.widget_calendar a:hover {
	color: #fff;
	background: #f16c20;
	background-color: rgba(0, 0, 0, 0.15);
	text-decoration: none;
}

.widget_calendar th {
	border: 1px solid #e5f3fa;
}

.widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
	background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
	background-color: transparent;
}

.widget_calendar td.pad {
	background: transparent;
}

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

.widget_search label {
	width: 100%;
}

.widget_search input {
	width: 100%;
	padding: 10px 50px 10px 5px;
	border: 1px solid #e7e7e7;
	font-weight: 300;
}

.widget_search form {
	position: relative;
}

.widget_search .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 51px;
	height: 44px;
	padding: 0;
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-indent: -99999999px;
}

.widget_search .search-submit:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.widget_search .search-form:before {
	position: absolute;
	top: 10px;
	right: 11px;
	color: #949495;
	font-family: FontAwesome;
	font-size: 25px;
	font-weight: normal !important;
	font-style: normal !important;
	font-variant: normal !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
	text-transform: none !important;
	content: "\f002";

	speak: none;
}

.widget_search .search-form:hover:before {
	color: #f16c20;
}

#sidebar-secondary .service-box {
	width: 100%;
	text-align: center;
}

#sidebar-secondary .single-service {
	margin-bottom: 40px;
}

#sidebar-secondary .testimonials-box {
	width: 100%;
	text-align: center;
}

#sidebar-secondary .testimonials-box .feedback {
	margin-bottom: 0;
}

#sidebar-secondary .team-member-box {
	width: 100%;
	text-align: center;
}

#sidebar-secondary .team-member-box .team-member {
	max-width: 350px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.mobile-bg-fixed {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-size: cover;
}

.llorix-one-lite-top-margin-5px {
	margin-top: 5px !important;
}


/* --------------------------------------
=========================================
   6. RESPONSIVE CSS FIXES
=========================================
-----------------------------------------*/


/*---------------------------------------
   6.1 FIXES FOR >= 1200PX SCREENS
-----------------------------------------*/

@media (min-width: 1200px) {
	.header-style-two .vertical-registration-form {
		width: 80%;
	}
}


/*---------------------------------------
   6.1a FIXES FOR >= 1200PX SCREENS
-----------------------------------------*/

@media (max-width: 1200px) {
	.woocommerce ul.products li.product a.added_to_cart {
		width: auto !important;
		margin-top: 10px;
		padding: 6px 15px 6px 15px;
		border-radius: 3px;
	}
}


/*---------------------------------------
   6.2 FIXES FOR 992PX to <= 1199PX SCREENS
-----------------------------------------*/

@media (min-width: 992px) and (max-width: 1199px) {
	html {
		font-size: 90% !important;
	}

	body {
		font-size: 15px;
		line-height: 22px;
	}
}


/*---------------------------------------
   6.3 FIXES FOR <= 1024PX SCREENS
-----------------------------------------*/

@media (max-width: 1024px) {
	.header .overlay-layer {
		padding-bottom: 85px;
	}

	.header,
	.features,
	.stats {
		background-attachment: scroll !important;
	}

	.vertical-registration-form,
	.header-style-two .vertical-registration-form {
		float: none;
		width: 100%;
	}

	.header .overlay-layer {
		padding-top: 60px;
	}

	.intro-section,
	.header-style-two .intro-section,
	.header-style-three .intro-section {
		margin-top: 60px;
	}

	.header-style-one .intro-section,
	.header-style-four .intro-section {
		margin-top: 20px;
	}

	.feature .icon-container {
		margin-right: 0;
		padding-top: 14px;
	}

	.wow {
		-webkit-transform: translateZ(0);
	}
}


/*---------------------------------------
   6.4 FIXES FOR <= 991PX SCREENS
-----------------------------------------*/

@media (max-width: 991px) {
	html {
		font-size: 90% !important;
	}

	body {
		font-size: 15px;
		line-height: 26px;
	}

	.browser-image img {
		width: 100%;
	}

	.client-logos li {
		margin: 15px 15px 15px 15px;
	}

	.client-logos li img {
		max-width: 60px;
	}

	.pull-left,
	.pull-right {
		float: none !important;
		margin: auto !important;
	}

	.text-left,
	.text-right {
		text-align: center;
	}

	#latestnews .timeline-text .text-left {
		text-align: left;
	}

	#latestnews .timeline-text .colored-line-left {
		float: left;
	}

	.brief .section-overlay-layer {
		padding-bottom: 40px;
	}

	.colored-line-left {
		float: none;
		margin: auto;
	}

	.brief .brief-image-right,
	.brief .brief-image-left {
		max-width: 430px;
		margin: auto;
		margin-top: 20px;
		padding-bottom: 40px;
	}

	.brief .brief-image-right img,
	.brief .brief-image-left img {
		float: none;
		width: 90%;
	}

	.border-right-colored,
	.border-left-colored,
	.border-left,
	.border-right {
		border: none !important;
	}

	.features {
		background-image: none;
	}

	.single-feature {
		float: left;
		width: 33%;
		margin-bottom: 28px;
	}

	.left-side .single-feature,
	.right-side .single-feature {
		padding-right: 15px;
		padding-left: 15px;
	}

	.feature .icon-container {
		float: none;
	}

	.feature .description {
		float: none;
		width: auto;
	}

	.pricing-table {
		padding-right: 0;
		padding-left: 0;
	}

	.header-style-four .horizontal-subscribe-form .input-box {
		width: inherit;
		width: 100%;
		margin-bottom: 5px;
	}

	.header-style-four .horizontal-subscribe-form .standard-button {
		width: 100%;
	}

	.header-style-four .horizontal-subscribe-form {
		width: 100%;
		margin: auto;
	}

	.header-style-five .intro-section {
		margin-top: 20px;
	}

	.unique-features-cols-two .unique-features-col {
		width: 100%;
	}

	.brief-left .brief-content-two,
	.brief-right .brief-content-two {
		float: none;
	}

	.feedback {
		padding-bottom: 45px;
	}

	.feature-list li {
		text-align: left;
	}

	.timeline h2 {
		padding-right: 0;
	}

	.llorix-one-lite-slider-whole-wrap {
		padding-top: 20px;
	}

	a.control_next,
	a.control_prev {
		display: inline-block;
		position: relative;
		top: 0;
		width: 0;
	}

	#llorix_one_slider {
		margin: 0 auto 0 auto;
	}

	.testimonials-wrap .testimonials-box {
		width: 100%;
	}

	.team-member-wrap .team-member-box {
		max-width: 300px;
	}

	.controls-wrap {
		text-align: center;
	}

	#sidebar-secondary {
		width: 100%;
		margin: 0;
		padding-top: 50px;
		padding-left: 15px;
		border-left: 0;
	}

	#sidebar-secondary, #sidebar-review {
		float: left;
		width: 100%;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
	}
    #primary { margin:50px 0px 20px 0; }

	.entry-header .colored-line-left {
		float: left;
	}

	.service-box {
		width: 100%;
	}

	#sidebar-secondary .colored-line-left {
		float: left;
	}

	.content-page > .col-md-6 {
		padding: 0;
	}

	.gridalicious .galcolumn {
		width: 50% ;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		float: left;
		width: 48%;
		margin: 0 1.75% 0 1.75%;
		margin-bottom: 30px;
	}

	.woocommerce ul.products li.product:nth-child(2n+1),
	.woocommerce-page ul.products li.product:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

	.woocommerce ul.products li.product:nth-child(2n),
	.woocommerce-page ul.products li.product:nth-child(2n) {
		clear: right;
		margin-right: 0;
	}

	.woocommerce-page .upsells.products ul li.product,
	.woocommerce-page .upsells.products ul.products li.product,
	.woocommerce .upsells.products ul li.product,
	.woocommerce .upsells.products ul.products li.product,
	.woocommerce .related ul li.product,
	.woocommerce .related ul.products li.product,
	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		float: left;
		width: 48%;
		margin: 0 1.75% 0 1.75%;
		margin-bottom: 30px;
	}

	.woocommerce-page .upsells.products ul li.product:nth-child(2n+1),
	.woocommerce-page .upsells.products ul.products li.product:nth-child(2n+1),
	.woocommerce .upsells.products ul li.product:nth-child(2n+1),
	.woocommerce .upsells.products ul.products li.product:nth-child(2n+1),
	.woocommerce .related ul li.product:nth-child(2n+1),
	.woocommerce .related ul.products li.product:nth-child(2n+1),
	.woocommerce-page .related ul li.product:nth-child(2n+1),
	.woocommerce-page .related ul.products li.product:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}

	.woocommerce-page .upsells.products ul li.product:nth-child(2n),
	.woocommerce-page .upsells.products ul.products li.product:nth-child(2n),
	.woocommerce .upsells.products ul li.product:nth-child(2n),
	.woocommerce .upsells.products ul.products li.product:nth-child(2n),
	.woocommerce .related ul li.product:nth-child(2n),
	.woocommerce .related ul.products li.product:nth-child(2n),
	.woocommerce-page .related ul li.product:nth-child(2n),
	.woocommerce-page .related ul.products li.product:nth-child(2n) {
		clear: right;
		margin-right: 0;
	}
}


/*---------------------------------------
   6.5 FIXES FOR => 768PX to <= 991PX SCREENS
-----------------------------------------*/

@media (max-width: 782px) {
	.admin-bar .sticky-navigation-open .sticky-navigation {
		top: 46px;
	}
	.contact-links .contact-link-box {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0;
	}

	.main-navigation {
		margin: 0 -0.875em;
	}

	.main-navigation .primary-menu {
		border: 0;
	}

	.main-navigation li {
		float: left;
		border: 0;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
	}

	.main-navigation ul ul {
		display: block;
		float: left;
		position: absolute;
		z-index: 99999;
		top: 100%;
		left: -999em;
		margin: 0;
		padding: 0;
		background: firebrick;
		-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		list-style: none;
	}

	.main-navigation ul ul ul {
		top: 0;
		left: -999em;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.main-navigation ul ul a {
		width: 15em;
		white-space: normal;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
	}

	.main-navigation .menu-item-has-children > a:after {
		position: absolute;
		z-index: -1;
		top: 23px;
		right: 0;
		font-family: FontAwesome;
		line-height: 24px;
		content: "\f0d7";
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		top: 0;
		right: 10px;
		line-height: 38px;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.no-menu > li {
		display: inline-block;
		float: none;
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	.menu-align-center .primary-menu,
	.menu-align-center .no-menu {
		width: 100%;
		margin-bottom: 10px;
		padding: 0;
		text-align: center;
	}

	.menu-align-center .primary-menu > li,
	.menu-align-center .no-menu > li {
		display: inline-block;
		float: none;
	}

	.menu-align-center .primary-menu > li a {
		padding: 5px 8px;
	}

	.menu-align-center .primary-menu > li.menu-item-has-children a {
		padding: 5px 18px 5px 8px;
	}

	.menu-align-center .primary-menu > li.menu-item-has-children a:after,
	.sticky-navigation .no-menu > li.page_item_has_children > a:after {
		top: 0;
		line-height: 28px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	html {
		font-size: 95%;
	}

	.sticky-navigation {
		min-height: 70px;
	}

	.sticky-navigation .main-navigation > li.has_children > a {
		padding: 26px 18px;
		line-height: 34px;
		line-height: 18px;
	}

	.sticky-navigation .login-register {
		margin-top: 3px;
	}

	.ipad-image {
		max-width: 500px;
	}
}


/*---------------------------------------
   6.6 FIXES FOR <= 768PX SCREENS
-----------------------------------------*/

@media (max-width: 1200px) {
	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;
	}

	.border-right-colored,
	.border-left-colored {
		border: none;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		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;
	}

	.menu-align-center .navbar-header > a {
		float: left;
	}

	.brief {
		padding-top: 0;
		padding-bottom: 0;
	}

	.brief .section-overlay-layer {
		margin-bottom: 0;
		padding-bottom: 80px;
	}

	.section-header {
		margin-top: 75px;
		margin-bottom: 50px;
	}

	.features .overlay-layer-2 {
		padding-bottom: 50px;
	}

	.pricing-table {
		padding-top: 0;
		padding-right: 30px;
		padding-left: 30px;
	}

	.highlighted {
		margin-top: 0;
	}

	.single-pricing {
		margin-bottom: 40px;
	}

	.single-stats .icon-container {
		margin-bottom: 20px;
	}

	.single-stats .icon-container i {
		font-size: 50px;
	}

	.team-member {
		max-width: 270px;
		margin-bottom: 25px;
	}

	.contact-info .contact-links a {
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer-widget-wrap .widget-box {
		width: 50%;
	}

	.jspVerticalBar {
		margin-right: 8px;
	}

/* fixed header */
	.sticky-navigation {
		position: relative !important;
		top: 0 !important;
		opacity: 1 !important;
	}

	.sticky-navigation .main-navigation ul,
	.sticky-navigation .main-navigation ul ul,
	.sticky-navigation .main-navigation ul ul 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 li:hover > ul {
		left: 0;
	}

	.sticky-navigation .main-navigation ul {
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.sticky-navigation .primary-menu ul li {
		padding-left: 7%;
	}

	.sticky-navigation .main-navigation ul .dropdownmenu,
	.dropdownmenu {
		position: absolute;
		z-index: 9;
		top: 5px;
		right: 0;
		width: 25px;
		height: 25px;
		margin: 0;
		padding: 0;
		border-radius: 2px;
		background: #999;
	}

	.sticky-navigation .main-navigation ul .this-open > .dropdownmenu,
	.this-open > .dropdownmenu {
		background: #f16c20;
	}

	.dropdownmenu:before {
		float: left;
		width: 25px;
		height: 25px;
		color: #fff;
		line-height: 26px !important;
		text-align: center;
		text-align: center;
		content: "";
	}

	.this-open > a {
		color: #f16c20 !important;
	}

	.has_children > ul {
		display: none;
	}

	.has_children.this-open > ul {
		display: block;
	}

	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 2000px;
	}

	#menu-primary {
		float: none;
		width: 100%;
		margin: 0;
	}
	.menu-align-center #menu-primary > ul {
		margin-left: 0;
	}
	.nav > li {
		margin-left: 0;
		padding-left: 0;
	}
	#header_layer_one,
	#header_layer_two {
		background-position: top center !important;
	}

/* woocommerce */
	.woocommerce div.product .woocommerce-tabs {
		padding: 80px 0 0;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs {
		text-align: center;
	}

	.woocommerce-page .upsells.products ul li.product,
	.woocommerce-page .upsells.products ul.products li.product,
	.woocommerce .upsells.products ul li.product,
	.woocommerce .upsells.products ul.products li.product,
	.woocommerce .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		float: left;
		clear: both;
		width: 48%;
		margin: 0 0 2.992em;
	}

	.woocommerce-page .upsells.products ul li.product:nth-child(even),
	.woocommerce-page .upsells.products ul.products li.product:nth-child(even),
	.woocommerce .upsells.products ul li.product:nth-child(even),
	.woocommerce .upsells.products ul.products li.product:nth-child(even),
	.woocommerce .related ul li.product:nth-child(even),
	.woocommerce-page .related ul.products li.product:nth-child(even) {
		float: right;
	}

	.woocommerce .cart_item .quantity .qty {
		width: 40px;
	}

	.woocommerce .order_details li {
		width: 100%;
		padding: 10px 5px;
		border-right: none;
		border-bottom: 1px dashed #d3ced2;
	}

	.comment-list .comment-author img {
		left: -45px;
		width: 32px;
		height: 32px;
		border: 3px solid #e4e4e4;
	}

	.comment-list .comment > article {
		margin-left: 45px;
	}

	.comment-list ol.children {
		margin-left: 30px;
	}

	.services-wrap > .service-box {
		clear: left;
		clear: right;
		width: 100%;
		margin: 0;
		margin-right: 0;
		margin-bottom: 30px;
		margin-left: 0;
	}

	.testimonials-wrap > .testimonials-box {
		clear: left;
		clear: right;
		width: 100%;
		margin: 0;
		margin-right: 0;
		margin-bottom: 30px;
		margin-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: 680px) {
	.single-feature {
		float: none;
		width: auto;
	}
}


/*---------------------------------------
   6.7 FIXES FOR MOBILE SCREENS
-----------------------------------------*/

@media (max-width: 580px) {
	html {
		font-size: 65% !important;
	}

	body {
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}

	h3,
	h4 {
		font-weight: 600;
	}

	h4 {
		font-size: 16px;
		line-height: 26px;
	}

	h5 {
		font-size: 15px;
		line-height: 24px;
	}

	.single-stats {
		display: block;
		width: 100%;
	}

	.contact-links .row[class^="col-xs"],
	.contact-links .row[class*=" col-xs"] {
		margin-bottom: 10px;
	}

	.section-header {
		margin-bottom: 25px;
	}

	.header .overlay-layer {
		padding-top: 55px;
	}

	.header-style-two .overlay-layer {
		padding-bottom: 0;
	}

	.header .overlay-layer .pull-right {
		padding: 0;
	}

	.vertical-registration-form,
	.header-style-two .vertical-registration-form {
		width: 100%;
		margin-top: 34px;
		padding: 7px 16px 16px 16px;
		border-radius: 0;
		background: #fff;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.intro-section,
	.header-style-two .intro-section {
		margin-top: 40px;
	}

	.header-style-three .intro-section {
		margin-top: 30px;
	}

	.intro-section h5,
	.header-style-one .intro-section h5,
	.header-style-three .intro-section h5 {
		margin-top: 15px;
		margin-bottom: 30px;
	}

	.header-style-four .horizontal-subscribe-form {
		max-width: 100%;
		margin: auto;
		padding: 5px;
	}

	.header-style-four .horizontal-subscribe-form .input-box {
		min-height: 55px;
	}

	.pricing-table {
		padding-right: 0;
		padding-left: 0;
	}

	.standard-button {
		padding: 15px 35px 15px 35px;
	}

	.timeline-section {
		padding-left: 0;
	}

	.timeline-box-wrap {
		padding-left: 1em;
	}

	.timeline-section li .icon-container {
		float: none;
		margin: 0 auto;
		margin-bottom: -80px;
	}

	.timeline-section li .date {
		display: none;
	}

	.timeline-section li .info {
		padding-top: 90px;
		padding-left: 15px;
	}

	.timeline-section li {
		padding: 1em;
	}

	.timeline-section li .info {
		border-left: none;
		text-align: center;
	}

	.list-post-entry-meta {
		float: left;
		position: relative;
		margin: 15px 0 0;
		padding: 0;
	}

	.timeline-box-wrap .info h1:after {
		margin-right: auto;
		margin-left: auto;
		content: "";
	}

	.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;
	}

	.posted-in {
		float: left;
		padding-left: 14px;
		font-size: 12px;
	}

	.posted-in i {
		font-size: 10px;
		line-height: 20px;
	}

	.post-comments {
		float: left;
		padding-left: 15px;
		font-size: 12px;
	}

	.post-comments i {
		font-size: 10px;
	}

	.post-list h1.entry-title {
		clear: left;
	}

	.post-date {
		min-width: 80px;
		min-height: 80px;
		padding: 10px;
	}
	.footer-widget-wrap .widget-box {
		width: 100%;
	}

/* woocommerce */
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 100%;
	}

	.woocommerce ul.products li.product a:nth-child(1) {
		width: 100%;
		height: auto !important;
	}

	.woocommerce .products ul,
	.woocommerce ul.products {
		text-align: center;
	}

	.woocommerce-ordering {
		width: 100%;
		margin: 10px 15px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		width: 100%;
		border-bottom: 1px solid rgb(236, 236, 236);
	}

	.woocommerce-page .upsells.products ul li.product,
	.woocommerce-page .upsells.products ul.products li.product,
	.woocommerce .upsells.products ul li.product,
	.woocommerce .upsells.products ul.products li.product,
	.woocommerce .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		display: inline-block;
		float: none !important;
		width: 100%;
		max-width: 300px;
	}

	.woocommerce #reviews #comments ol.commentlist li img.avatar {
		width: 32px;
	}

	.woocommerce #reviews #comments ol.commentlist li .comment-text {
		margin: 0 0 0 50px;
	}

	.woocommerce .commentlist .star-rating {
		display: block;
		float: none;
		clear: left;
		margin-bottom: 10px;
	}

	.woocommerce .cart-collaterals .cross-sells ul.products li,
	.woocommerce-page .cart-collaterals .cross-sells ul.products li {
		width: 100%;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		float: left;
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		margin-right: 0;
		margin-left: 0;
	}

/* contact page */
	.comment-form p {
		padding-left: 0;
	}

	.comment-form label {
		position: relative;
		line-height: 15px;
	}

	.comment-form input {
		width: 100%;
	}
}


/* --------------------------------------
=========================================
   8. ACCESSIBILITY
=========================================
-----------------------------------------*/

.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;
}


/* --------------------------------------
=========================================
   9. PLUGINS COMPATIBILITY
=========================================
-----------------------------------------*/


/*---------------------------------------
   9.1 POSTMATIC
-----------------------------------------*/

.comment-form > #prompt-comment-subscribe {
	position: inherit;
	width: 100%;
}

.comment-form > #prompt-comment-subscribe > input {
	min-width: 0;
}

#prompt-comment-subscribe {
	padding-left: 100px;
}

@media (max-width: 580px) {
	#prompt-comment-subscribe input {
		width: auto;
	}

	#prompt-comment-subscribe {
		padding: 0;
	}
}


/*---------------------------------------
   9.2 PIRATE FORMS
-----------------------------------------*/

.pirate-forms-submit-button {
	float: left;
	clear: both;
	margin-left: 15px;
}


/*---------------------------------------
   9.3 JETPACK
-----------------------------------------*/

.grunion-field-label.checkbox,
.grunion-radio-label.radio {
	margin-left: 20px;
}
.contact-form.commentsblock .contact-submit {
	margin-top: 20px;
}
#jp-carousel-comment-form-button-submit {
	min-width: 10px !important;
	padding: 7px 30px !important;
	border: 1px solid #f16c20 !important;
	border-radius: 3px !important;
	color: #fff !important;
	background: #f16c20 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 30px !important;
	text-align: center !important;
	text-transform: uppercase !important;
}

/* portfolio ^ testimonial */
.testimonial-entry {
	position: relative !important;
	padding-left: 180px !important;
}
.testimonial-featured-image {
	float: left;
	position: absolute;
	top: 15px;
	left: 0;
}
.widget_wpcom_social_media_icons_widget .genericon {
	padding: 0 5px;
}

@media (max-width: 992px) {
	.contact-form.commentsblock textarea {
		width: 100%;
	}
}
@media (max-width: 480px) {
	.testimonial-entry {
		padding-top: 180px !important;
		padding-left: 0 !important;
	}
	.testimonial-featured-image {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	.portfolio-entry-mobile-first-item-row,
	.portfolio-entry-mobile-last-item-row {
		width: 100% !important;
	}
}


/*---------------------------------------
   9.4 EASY DIGITAL DOWNLOADS
-----------------------------------------*/

.edd_download {
	float: left;
	width: 33%;
}
.edd_download:nth-child(4n+1) {
	clear: both;
}
.edd-submit.button.red span,
.edd-submit.button.blue span,
.edd-submit.button.green span,
.edd-submit.button.orange span,
.edd-submit.button.dark-gray span {
	color: #fff;
}

#edd-purchase-button,
.edd-submit,
input[type=submit].edd-submit {
	border: none;
}

#edd_checkout_cart td,
#edd_checkout_cart thead,
#edd_checkout_cart th.edd_cart_total,
#edd_checkout_cart th:last-child,
#edd_checkout_cart .edd_checkout_cart_item_title {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

#edd_checkout_form_wrap select.edd-select {
	display: block;
	width: 70%;
}

.edd_errors.edd-alert.edd-alert-error,
.edd-alert-error {
	border: none;
	border: none;
	border-bottom: 3px solid #c84e54;
	border-radius: 3px;
	color: #fff;
	background-color: #e86a6a;
}

.edd-alert-error,
p.edd-alert-error,
.edd-alert-error a {
	color: #fff;
}

.edd-alert-error a:hover {
	text-decoration: underline;
}

#edd_checkout_form_wrap fieldset p:last-child {
	color: rgba(255,255,255,0.8);
}

.edd_download_inner {
	margin: 0 15px;
	margin-bottom: 30px;
	padding: 15px;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 4px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	background: #fff;
	text-align: center;
	list-style: none;
	-webkit-transition: all ease 0.55s;
	transition: all ease 0.55s;
}

.edd_download_inner:hover {
	border-bottom-color: #008ed6;
}

.edd_download_title a,
.edd_download_title {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
}

#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
	border-bottom: 0;
}

#edd_checkout_form_wrap legend:after,
#edd_login_form legend:after,
.edd_form legend:after {
	display: block;
	width: 80px;
	height: 2px;
	margin-top: 5px;
	background: #e0e0e0;
	content: "";
}

#edd_profile_billing_address_wrap input,
#edd_profile_billing_address_wrap select {
	margin-bottom: 10px;
}

#edd_new_user_pass1,
#edd_first_name {
	margin-bottom: 10px;
}

#edd_profile_billing_address_wrap legend {
	margin-top: 50px;
}

#edd_checkout_form_wrap legend,
#edd_login_form legend,
.edd_form legend {
	margin-top: 50px;
}

#edd_address_country,
#edd_display_name {
	width: 192px;
}

#edd_discounts_list {
	padding-left: 0;
	border: 1px solid rgba(0,0,0,0.1);
}

#edd_discounts_list li,
#edd_checkout_cart .edd_cart_header_row th {
	padding: 6px 12px;
	border-top: 1px solid rgba(0,0,0,0.1);
	list-style: none;
}

#edd_discounts_list li:nth-child(1) {
	border-top: none;
}

#edd_user_history td,
#edd_user_history th {
	padding: 6px 12px;
	border-top: 1px solid rgba(0,0,0,0.1);
	line-height: 25px;
	vertical-align: middle;
}

#edd_user_history {
	border-radius: 5px;
}

.edd_price_options.edd_multi_mode ul {
	padding-left: 0;
	border: 1px solid rgba(0,0,0,0.1);
}

.edd_download_purchase_form .edd_price_options li:nth-child(1) {
	border-top: none;
}

.edd_download_purchase_form .edd_price_options li {
	padding: 6px 12px;
	border-top: 1px solid rgba(0,0,0,0.1);
	list-style: none;
}

.edd-image-wrap {
	float: right;
	width: 100%;
	max-width: 50%;
	padding: 0 0 15px 15px;
}

@media (max-width: 992px) {
	.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js {
		padding: 10px;
		color: #fff;
		font-size: 12px;
	}
	.edd_download a.edd-add-to-cart.button.red.edd-submit.edd-has-js span {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.edd_download {
		width: 100% !important;
	}
}
.frontitem { width:100%; background-color:#f5f5f5; padding:25px; margin-bottom:30px; border-radius:8px; box-shadow:2px 2px 2px lightgray;}
.frontitemimg { width:100%; text-align:center; margin-bottom:25px;}
.frontitemimg img { max-width:200px; max-height:80px; }
.frontitemlink { text-align:center; margin-top:25px;}
ul.bullets { margin:0px; padding:0px;}
.bullets li { margin-top:10px; margin-bottom:10px; list-style:none; font-size:14px;}
.bullets li:before { content:'\f00c'; font-family:FontAwesome; margin-right:8px; color:lightgreen; font-weight:bold; height:100%; }
.frontpage-content .container .row { margin-right:15px; }
#frontcontact { float:left; }
#frontcontact span { color:white; width:100%; max-width:100%;}
#frontcontact { width:50%; }
#frontcontact input { max-width:100%; }
#frontcontact .contact50 { width:50%; }
#frontcontact textarea { height:120px; resize:none;}
#contacttext { float:left; width:50%; color:white; padding-right:30px;}
#contacttext h2 { margin-top:0px; margin-bottom:5px; }
.ribbon-wrap .section-overlay-layer { padding-top:50px; padding-bottom:50px; }
@media(max-width:991px) {
.ribbon-wrap .section-overlay-layer { padding-top:20px; padding-bottom:20px; }
.frontpage-content .container .row { margin-right:0px; padding-right:0px; }
}
.reviewlogo {text-align:center; }
.reviewwidget { background-color:#f5f5f5; border-radius:8px; padding:25px; margin-top:50px;box-shadow:2px 2px 2px lightgray;}
.reviewwidget .bullets { margin-top:25px; }
.textwidget .wpcf7-form span { max-width:100%; }
.textwidget .wpcf7-form input { max-width:100%; }
.textwidget .wpcf7-form label { width:50%; }
.textwidget .wpcf7-form .owncomment { width:100%; }
.textwidget .wpcf7-form .owncomment textarea { resize:none; height:120px; }
.archiveitem { width:100%; background-color:#f5f5f5; padding:25px; border-radius:8px;box-shadow:2px 2px 2px lightgray;}
.archiveitemouter { width:375px; float:left; background-color:white; padding:15px; min-height:350px; max-height:350px; overflow:hidden;}
@media (max-width:991px) {
    .archiveitemouter { width:350px; }
}
@media (max-width:745px) {
    .archiveitemouter { float:none; margin: 0 auto;}
}
@media (max-width:450px) {
    .archiveitemouter { width:100%; }
}
@media (max-width:650px) {
    #contacttext { width:100%; }
    #frontcontact { width:100%; }
    #frontcontact label, #frontcontact label input { width:100%; }
    #frontcontact .contact50 { width:50%; }
}
#llorix_one_lite_header { padding-top:154px;}
@media (max-width:768px) {
#llorix_one_lite_header { padding-top:40px; padding-bottom:40px; }
}
.visitbutton { text-align:center; color:white; margin:10px;}
.visitbutton a {
    color:white;
    background:linear-gradient(lightgreen,green);
    display:inline-block;
    padding:10px 5px 10px 5px;
    box-shadow:2px 2px 2px darkgreen;
    line-height:15px;
    border-radius:3px;
    font-weight:bold;
    width:100%;
}
.matlist ul {list-style:none; padding:0px; margin:0px; }
.listimg { width:20%; text-align:center;}
.listimg img { max-height:100px; transition: 0.3s; }
.listlinks { width:15%; }
.matbutik td, .matkasse td, .vindryck td, .hamtmat td { padding:10px; border-radius:5px; position:relative; }
.matbutik:nth-child(even) { background-color:#fff; }
.matbutik:nth-child(odd) { background-color:#fbfbfb; }
.matlist table, .matlist td { border:none; }
.readmorecolor a {
    background:linear-gradient(#129793,teal);
box-shadow:2px 2px 2px teal;
}
.matbutik h3, .matkasse h3, .vindryck h3, .hamtmat h3 {font-size:18px; font-weight:bold; line-height:22px; word-wrap:break-word; margin-top:0px; margin-bottom:2px; color:#000;}
.frontpage-list .matlist { margin-top:30px; }
.matkasse:nth-child(odd) { background-color:#fff; }
.matkasse:nth-child(even) { background-color:#fbfbfb; }
.vindryck:nth-child(odd) { background-color:#fff; }
.vindryck:nth-child(even) { background-color:#fbfbfb; }
.textbold { font-weight:bold; display:block;}
.visitbutton a:hover {
    text-decoration:none;
    background-color:rgb(0,150,0);
}

.visitbutton:hover {
    -moz-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -o-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transform: scale(1.08);

    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition:transform 0.1s ease-in-out;
    -ms-transition:transform 0.1s ease-in-out;
}
.matkassedelimiter { text-align:center; }
.ribbonimg {position:absolute; top:-2px; left:-3px; width:145px; opacity:0.8; }
#sidebar-frontpage .rpwwt-widget ul li img { margin-bottom:0px; }
.matlist table { margin:40px 0 0 0; }
.matkassetext { margin-top:40px; }
a { outline:0; color:#f16c20;}
.textwidget .rm-form-style0 .rm_form_el_set { padding:0px; }
.textwidget .rm_form_container { margin-top:20px; }
#customlogos { padding:0px; border-bottom:1px solid lightgray;}
#customlogos ul li {
    width:19%;
    margin:0px;
    padding:5px;
}
.listtext { font-size:14px; line-height:20px; }
@media(max-width:400px) {
#customlogos ul li {
            width:30%;
        }
    }
#customlogos ul li img { max-height:25px; }
@media (max-width:600px) {
    .entry-content img, .wp-caption { float:none; display:block; margin:0 auto; }
    .matlist table tr td { float:left; width:100%; padding:10px;}
    .listlinks ul li { float:left; width:50%;}
    .listlinksbig ul li { width:100%; float:left;}
    .listimg img { max-width: 200px; }
    .matlist .visitbutton { margin:0px 10px; }
    .matlist .visitbuttonbig { margin:0px; }
    .listtext { padding-top:0px; }
}
.reviewwidget2 .listlinks ul li { float:left; width:50%;}
.reviewwidget2 .listimg img { max-width: 200px; }
.reviewwidget2 .listlinksbig ul li { width:100%; float:left;}
.reviewwidget2 .matlist table tr td { float:left; width:100%; padding:10px;}
.reviewwidget2 .matlist .visitbutton { margin:0px 10px; }
.reviewwidget2 .matlist .visitbuttonbig { margin:0px; }
.reviewwidget2 .matlist { border-radius:8px; }
.reviewwidget2 .matlist .listtext { padding-top:0px; }
@media (max-width:991px) {
    .listlinks { width:20%; }
}

.socialfooter i { font-size:36px; text-align:center; width:45%; margin-top:25px;}
.monthlyoffer { text-align:center;position:relative; background-color:#e0ffff;padding:15px;}
.hetdiv {
    text-align:center;
    margin-top:20px;
    width:100%;
    font-size:22px;
    font-weight:bold;
    background:linear-gradient(orange,#ff6600);
    color:white;
    padding:10px 0px;
    border-radius:5px 5px 0px 0px;
}
#offerimg { max-width:70%; }
.monthlyoffer .visitbutton { margin:10px 0 0 0; }
#breadcrumbs { position:absolute; top:10px; padding-left:15px;font-size:12px;margin:0px;}
#breadcrumbs a { font-style:none; color:#2d2d2d; }
.container { position:relative; }
.visitbuttonbig { font-size:14px; }
@media (max-width:600px) {
    .visitbuttonbig { width:100%; }
}
.rabatttable h3 { margin-top:0px; margin-bottom:5px; color:#000;}
.rabatttable td { text-align:center; padding:15px; height:130px;}
.rabatttable td, table.rabatttable { border:none; }
.rabatttable tr { border: 2px dashed black; border-collapse:collapse;}
.rightrabatt { padding-left:15px; }
.leftrabatt { padding-right:15px; }
.rabatttext .rabattbutton { background:green; color:white; font-weight:bold; padding:10px 20px; border-radius:8px; line-height:50px;}
.rabatttext .rabattbutton:hover { background:darkgreen; text-decoration:none; }
.rabattbuttonfront { color:white; font-size:14px; display:block; color:green; font-weight:bold;}
.rabattbuttonfront:hover { text-decoration:none; color:red; }
@media (max-width:600px) {
    .rabatttable h3 { font-size:14px; }
    .rabattbutton { font-size:12px; }
    .rabatttable td { padding:10px; }
}
td.rabattimg { padding-right:0px; }
.matbutiker .entry-meta { text-align:right; }
.matbutiker h1.entry-title { margin-bottom:5px; text-align:left; padding-left:0px;}
.post .entry-content h2, .matbutiker .entry-content h2 { text-align:left;}
.visitortext { font-weight:bold; }
.visitorrating { padding:0px; width:70%; float:left;}
.reviewmeta { width:30%; float:left; margin-top:20px;}
.reviewmeta .post-author { float:none; font-size:16px;}
.visitmeta { vertical-align:bottom; }
.rabattkodtext { margin-bottom:0px; font-weight:bold; text-transform:uppercase; font-size:16px;}
#sidebar-review { margin:50px 0 0 0; float:left;}
h4.widget-title { margin: 0px 0px 10px 0px; }
.reviewwidget2 .visitbutton a { background:linear-gradient(#ff6666,red); }
.reviewwidget2 .greenbutton a { 
    background:linear-gradient(lightgreen,green);
    box-shadow: 2px 2px 2px darkgreen;
}
.toc {
position:relative;
background-color:green;
margin:0px 0px 10px 0px;
border-radius:5px; 
}
#pageindex { margin:5px 0px 10px 0px; }
.toc li {
    list-style:none; padding:0 3px; text-align:center;
    font-size:13px; line-height:18px; display:inline-block;
    border-collapse:collapse; margin:5px 1px 5px 1px;
    color:white;
}
.toc ul { margin:0px; padding:0px; text-align:center; border-radius:5px; border-collapse:collapse; color:yellow;}
.toc li a { text-decoration:none; color:white; font-weight:bold;}
.toc li a:hover { text-decoration:none; color:yellow; }
.heart { font-size:13px; color:orange; }
@media (max-width:991px) {
    .matbutiker .entry-meta { text-align:left; }
    #sidebar-review { margin:-10px 0 0 0;}
}




/* ---- grid ---- */

.grid {
max-width: 1200px;
}

/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}

/* ---- .element-item
* ---- */

.element-item {
position: relative;
float: left;
width: 214px;
height: 200px;
margin: 5px;
padding: 10px;
background: #F5f5f5;
color: #262524;
}
/*.element-item:nth-child(2n+1) { background:#FFF5C3; }
.element-item:nth-child(3n+1) { background:#E5E5FF; }
*/
.element-item > * {
margin: 0;
padding: 0;
}

.element-item .name {
    margin-top:5px;
    margin-bottom:10px;
    position: relative;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: bold;
    color:#000;
}
.element-item .numberoutside, .element-item .number { font-size:20px; font-weight:bold; }
.element-item .numberoutside { display:block; margin-bottom:20px;}

.element-item { text-align:center; border:1px solid #000;}

.element-item .compareimg { height:60px; }
.element-item .compareimg img { max-height:100%; }
.button-group { padding:0px; }
.button-group ul { list-style:none; margin:0px; padding:0px;}
.button-group ul li label { line-height:24px; }
.button-group ul li label, .button-group ul li label input { vertical-align:top; }
.element-item a { text-decoration:none; }
.element-item:hover {
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    transform: scale(1.06);

    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition:transform 0.1s ease-in-out;
    -ms-transition:transform 0.1s ease-in-out;
}
.help-tip{
position: relative;
text-align: center;
margin-left:0px;
background-color: green;
border-radius: 50%;
width: 14px;
height: 14px;
font-size: 14px;
line-height: 16px;
cursor: default;
display:inline-block;
}

.help-tip:before{
content:'?';
font-weight: bold;
color:#fff;
}

.help-tip:hover p{
display:block;
transform-origin: 100% 0%;

-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
display: none;
text-align: left;
background-color: #1E2021;
padding: 20px;
width: 300px;
position: absolute;
border-radius: 3px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
color: #FFF;
font-size: 13px;
line-height: 1.4;
z-index:2;
}

.help-tip p:before{
position: absolute;
content: '';
width:0;
height: 0;
border:6px solid transparent;
border-bottom-color:#1E2021;
right:10px;
top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
width:100%;
height:40px;
content:'';
position: absolute;
top:-40px;
left:0;
}

/* CSS
* animation
* */

@-webkit-keyframes fadeIn {
0% { 
opacity:0; 
transform: scale(0.6);
}

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

@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:100%; }
}
#resetfilter { margin-bottom:5px; display:block;}
.front { padding-top:40px; }
.frontsectionone { background:linear-gradient(#fff5c3,#fff); }
.frontnav { padding:0px; }
.frontnav ul { list-style:none; margin:0px; padding:0px; }
.frontnav ul li { font-size:20px; color:#129793; padding:15px 25px; width:100%;border-radius:5px; margin-bottom:10px;
 box-shadow:0 2px 5px -2px black; background-color:#fff; font-weight:bold;}
.subtitlefront { font-size:18px; color:gray; font-weight:bold; margin-bottom:40px;}
.front h1 { font-size:30px; font-weight:bold; margin-top:0px; color:#000;}
.frontnav img { margin-right:15px; }
.chef img { margin-top:-50px; }
.chef { text-align:center; float:right;}
.newspost h3 { color:#fff;margin-top:0px; color:#ff6600; font-size:16px; font-weight:Bold; padding:0px;}
@media (max-width:991px) {
    .subtitlefront { margin-bottom:10px;}
    .chef { float:none; }
    .chef img { margin-top:0px; max-width:140px;}
    .newspost h3 { text-align:center; }
}
.frontright h2 { margin-top:0px; font-weight:bold; color:#129793; font-size:22px;}
.frontright p { margin-bottom:30px; }
.frontright { text-align:center; font-size:16px; }
.standardbox { padding:25px; background:#fff; border-radius:5px; box-shadow:0 2px 5px -2px black; margin-bottom:10px;}
.monthlytext { margin: 10px 0; }
.monthlylink { width:50%; float:left;}
.frontright .monthlylinksingle { width:80%; margin:0 auto 5px auto; }
@media (max-width:500px) {
    .monthlylink { width:100%; float:none; }
    .monthlylink:first-child { margin-bottom:15px; }
    .front h1 { font-size:24px; line-height:30px; }
    .front { padding-top:20px; }
    .subtitlefront { margin-bottom:5px; }
}
.frontright img { margin: 20px 0;}
.frontnav ul a:hover li { box-shadow:0 4px 10px -4px black; text-decoration:none;}
.frontnav ul a:hover { text-decoration:none; }
.frontsectiontwo h2 { font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:5px;margin-top:0px; color:#000;}
.frontsectionfour h2 { font-size:20px; color:#000;}
.frontsectionone { padding-bottom:50px; }
.frontsectiontwo { padding-bottom:50px; font-size:16px;}
.frontsectionthree h2 { text-align:center; font-size:30px; font-weight:bold; margin-bottom:40px; margin-top:0px; color:#fff;}
.frontsectionthree {background-color:firebrick; padding:60px 0; text-align:center; margin-bottom:50px;}
.frontsectionthree .step {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 8px;
    border: 5px solid #129793;
    color: white;
    text-align: center;
    line-height:57px;
    font-size:40px;
    margin:0 auto;
    margin-bottom:30px;

}
.frontsectionthree .col-sm-3 { text-align:center; }
.frontsectionthree .col-sm-3 p { font-size:18px; font-weight:bold; color:#fff;}
@media (max-width:768px){
    .frontsectionthree .col-sm-3 p { margin-bottom:30px; }
}
.steplink a { color:#fff; background-color:rgba(255,255,255,0.15); padding:10px 15px; font-size:26px; border-radius:5px;
box-shadow:0 2px 6px -2px rgba(0,0,0,.2);
}
.steplink { margin-top:30px; }
.steplink a:hover { text-decoration:none;
    box-shadow:0 4px 8px 2px rgba(0,0,0,.2);
}
.frontsectionfive { background:#2d2d2d; color:#fff; padding:40px 0;}
.frontsectionfive h2 { color:#fff; text-align:center; margin-top:0px; margin-bottom:50px; font-size:26px;}
.newspost img { border-radius:50%; margin:0 auto;}
.leftpost { text-align:center; }
.slick-next { right:-5px; }
.slick-prev { left:-5px; }
.monthlylink a, .monthlylinksingle a { padding:3px 20px; background-color:#bd4343; border-radius:5px; color:white; font-weight:bold;
box-shadow:0 2px 5px -2px black; white-space:nowrap;}
.monthlylinksingle a { display:block; }
.monthlylink a:hover, .monthlylinksingle a:hover { box-shadow:2px 2px 2px black; text-decoration:none;}
.readmore a { background:linear-gradient(#129793,teal); box-shadow: 2px 2px 2px teal; }
.frontright h2 img { margin:0px; margin-right:10px; }
.matlist tr { border:2px solid firebrick; }
.endorsement { font-style:italic; font-size:34px; color:gray; margin-top:60px; line-height:44px; font-weight:bold; text-align:center;}
@media(max-width:768px) {
    .matlist { margin-right:-15px; margin-left:-15px; }
    .grid { margin-right:-15px; margin-left:-15px; }
    .endorsement { font-size:26px; line-height:32px; margin-top:20px; margin-bottom:20px;}
    .frontsectionone { padding-bottom:20px; }
}
.content-wrap { background-color:#fff5c3; }
.navbar { border-radius:0px; }
.comparebutton { padding:8px; width:100%; color:#fff; background:linear-gradient(lightgreen,green); border-radius:5px; font-weight:bold;}
.reviewwidget2 .standardbox img { margin-top:0px; }
.reviewwidget2 .sidebartitle { font-size:23px; color:#129793; font-weight:bold; line-height:25px; display:block; margin-bottom:10px;
font-family: "Cabin", Helvetica Neue, Sans-serif; }
.frontsectionfour { padding:0px 0; font-size:16px;}
@media (max-width:600px) {
    .container { padding-left:5px; padding-right:5px; }
}
.stader .matlist table { margin-top:0px; }
.stadp { margin-top:15px; }
.slick-arrow { background:rgba(255,255,255,0.1); border-radius:50%;}
.frontsectionstader { margin-bottom:50px;}