/*
Theme Name: chouic
Theme URI: http://themeisle.com/themes/llorix-one/
Author: ThemeIsle
Author URI: http://themeisle.com/
Description: Chouic is a free and beautiful one page business WordPress theme, with a flat and clean bootstrap based design and an elegant parallax effect. It provides a simple,minimal and modern look that can be used for any kind of personal businesses or startup mobile app. The landing page has a fullscreen hero image and blue & orange appearance with buttons and icons promoting simplicity and elegance at their best. The theme provides a responsive blog section, is eCommerce ready (WooCommerce store compatible), WPML, bbPress, Photo Gallery Grid,Contact Form 7,Meta Slider,SiteOrigin Page Builder, JetPack compatible  and SEO friendly. You can use it for your business / startup shop, agency, corporate website, or photography portfolio.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chouic
Tags:black, blue, orange, gray, white, light, dark, responsive-layout, 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

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

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

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


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

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

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

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

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
=========================================
-----------------------------------------*/

@font-face {
  font-family: "GothamBoldRegular";
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-bold-webfont.eot");
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-bold-webfont.woff")
      format("woff"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-bold-webfont.ttf")
      format("truetype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-bold-webfont.svg#GothamBoldRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GothamBookRegular";
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-book-webfont.eot");
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-book-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-book-webfont.woff")
      format("woff"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-book-webfont.ttf")
      format("truetype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-book-webfont.svg#")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GothamMediumRegular";
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-medium-webfont.eot");
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-medium-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-medium-webfont.woff")
      format("woff"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-medium-webfont.ttf")
      format("truetype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-medium-webfont.svg#GothamMediumRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GothamBlackRegular";
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-black-webfont.eot");
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-black-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-black-webfont.woff")
      format("woff"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-black-webfont.ttf")
      format("truetype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-black-webfont.svg#GothamBlackRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GothamLightRegular";
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-light-webfont.eot");
  src: url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-light-webfont.woff")
      format("woff"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-light-webfont.ttf")
      format("truetype"),
    url("https://chouic.com/wp-content/themes/chouic/fonts/gotham-light-webfont.svg#GothamLightRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* cyrillic */

@font-face {
  font-family: "Oswald";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752HT8Gl-1PK62t.woff2)
      format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */

@font-face {
  font-family: "Oswald";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fj8Gl-1PK62t.woff2)
      format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: "Oswald";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752Fz8Gl-1PK62t.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Oswald";
  font-display: auto;
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"),
    url(https://fonts.gstatic.com/s/oswald/v16/TK3iWkUHHAIjg752GT8Gl-1PKw.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/*---------------------------------------
   1.0 GENERAL STYLES
-----------------------------------------*/

html {
  font-size: 100%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

body {
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #313131;
  text-align: left;
  max-width: 100%;
  overflow-x: hidden;
  margin: auto !important;
  -webkit-transition: background-color 2.5s;
  transition: background-color 2.5s;
}

.llorix_one_lite_only_customizer {
  display: none !important;
}

.container {
  max-width: 960px;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

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

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

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

.container {
  padding-right: 0px;
  padding-left: 0px;
}

/*---------------------------------------
   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 {
  outline: 1px dotted #f16c20;
  text-decoration: none;
}

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

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

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

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

@-o-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 {
  color: #f16c20;
  outline: 1px solid #f16c20;
  outline-style: dotted;
}

.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 {
  font-family: "GothamBlackRegular", Helvetica Neue, Sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 36px;
  line-height: 40px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

h2 {
  font-size: 30px;
  line-height: 34px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

h3 {
  font-size: 24px;
  line-height: 28px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

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 {
  font-size: 3.75rem;
  line-height: 5rem;
  text-align: center;
}

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

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

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  margin-top: 35px;
  margin-bottom: 20px;
  color: #000;
}

/* BUTTONS */

.standard-button {
  font-weight: 600;
}

/* OTHER TEXTS */

strong,
.strong {
  font-family: "GothamBlackRegular";
}

/*
.dark-text {
	color: #000;
}
*/

.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 {
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  color: #666666;
  font-size: 16px !important;
}

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

html {
  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/ */
  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;
  text-decoration: none !important;
  color: #f16c20 !important;
}

.header {
  background-size: cover;
  background-attachment: fixed;
  background-position: top center;
}

header .navbar-brand {
  margin-left: 15px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

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

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

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 {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

table,
th,
td {
  border: 1px solid #eaeaea;
}

th,
td {
  padding: 0.4em;
}

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

p {
  margin: 0 0 10px;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  padding: 15px 20px;
  font-size: 17.5px;
  line-height: 24px;
  margin-bottom: 1.5em;
  font-weight: 300;
}

.entry-content blockquote p {
  font-weight: 300;
  color: #313131;
}

address {
  margin: 0 0 1.5em;
}

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

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

abbr,
acronym {
  border-bottom: 1px dotted #666;
  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 {
  clear: both;
  display: block;
  margin: 0 auto;
}

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

.standard-button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1.6;
  border: none;
  padding: 18px 40px 18px 40px;
  color: #ffffff;
  -webkit-transition: none;
  transition: none;
}

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

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

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

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

.navbar-register-button {
  border: none;
  font-weight: 500;
  text-transform: uppercase;
  color: #ffffff !important;
  -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 {
  height: 2px;
  width: 80px;
  display: block;
}

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

.grey-line {
  background: #eaebec;
}

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

.white-text {
  color: #ffffff;
}

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

.white-bg {
  background: #ffffff;
}

.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-bottom: 20px;
  margin-top: 10px;
  font-size: 2.4rem;
  line-height: 3.125rem;
}

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

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

.header {
  overflow: hidden;
  position: relative;
}

.overlay-layer-wrap {
  z-index: 3;
  margin-top: 10px;
}

.content-wrap {
  margin-top: 0px;
}

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

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

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

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;
  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 {
  color: #666;
  border: 1px solid #dedede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
}

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;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dedede;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #999999;
  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 {
  vertical-align: middle;
  padding-right: 5px;
}

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

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

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

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

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

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

h1.site-title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: 5px;
  margin-top: 12px;
}

p.site-description {
  font-size: 1rem;
  line-height: 1rem;
  margin-top: 0;
  margin-bottom: 12px;
}

.navbar-brand {
  height: auto;
}

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

/* STICKY NAVIGATION AND LOGO */

#menu-primary {
  float: right;
}

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

header .navbar-brand {
  padding: 0px 7px 7px 0;
  line-height: 85px;
}

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

.sticky-navigation {
  background: #ffffff;
  min-height: 70px;
  border: none;
  font-weight: 400;
  margin-bottom: 0 !important;
  -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 {
  text-transform: uppercase;
  line-height: 18px;
  /* Placement de la top barre */
  padding: 36px 18px;
  color: #020202;
}

.sticky-navigation .main-navigation li:hover > a {
  color: #f16c20;
}

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

.very-top-header {
  background: #0d3c55;
  color: #fff;
}

.very-top-header .transparent-text-dark {
  color: #343434;
  background-color: #fff;
  border-radius: 75px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

.very-top-header .social-icons i:before {
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  width: 20px;
  float: left;
}

.very-top-header .transparent-text-dark:hover {
  background: #f16c20;
}

.very-top-header .social-icons i:hover:before {
  color: #fff;
}

.very-top-header a:hover .transparent-text-dark {
  color: #f16c20;
}

.very-top-left {
  float: left;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.very-top-right {
  float: right;
}

.very-top-header ul.social-icons {
  padding-left: 0;
  margin-left: 0;
  margin-top: 12px;
  margin-bottom: 0;
}

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

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

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

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

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

.main-navigation {
}

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

.main-navigation ul {
  list-style: none;
  margin: 0;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  color: #1a1a1a;
  display: block;
  line-height: 1.3125;
  padding: 0.84375em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
  color: #007acc;
}

.main-navigation ul ul {
  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-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 {
  content: "";
  display: table;
}

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

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

.menu-item > a:focus {
  outline: 1px dotted #f16c20;
}

.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;
  right: -10px;
  top: 0;
  width: 45px;
  height: 45px;
  padding: 10px;
  background: none;
  box-shadow: none;
  line-height: 25px;
}

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

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

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

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 {
  background-color: #f16c20;
  color: #fff;
  z-index: 1;
}

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

.admin-bar .sticky-navigation-open .sticky-navigation {
  top: 32px;
  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 {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.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 {
  background-color: #000;
  height: 4px;
  width: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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 {
  text-align: center;
  width: 100%;
}

.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 {
  margin: auto;
  float: none;
  text-align: center;
}

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

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

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

/* INTRO */

.intro-section {
  margin-top: 130px;
  text-align: center;
}

.intro-section h5 {
  margin-top: 30px;
  margin-bottom: 40px;
  line-height: 1.5;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
}

.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: 70px;
}

.header-style-one .intro-section h5 {
  margin-top: 13px;
  margin-bottom: 70px;
}

/* header style [2] */

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

.header-style-two .vertical-registration-form {
  background: #ffffff;
  padding: 15px 32px 32px 32px;
  margin-top: 84px;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px 0px #000000;
  box-shadow: 0px 0px 3px 0px #000000;
}

.header-style-two .vertical-registration-form form button {
  margin-top: 2px;
  width: 100%;
}

.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 {
  padding-top: 60px;
  padding-bottom: 0 !important;
  height: auto;
}

.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 {
  min-height: 65px;
  width: 350px;
  font-size: inherit;
  margin: 0;
}

.header-style-four .horizontal-subscribe-form {
  display: inline-block;
  background: rgba(0, 0, 0, 0.45);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 25px 25px 25px 25px;
}

/* header style [5] */

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

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

.client-logos {
  margin-bottom: 0;
  z-index: 1;
  text-align: center;
}

.client-logos li {
  display: inline-block;
  margin: 25px 25px 25px 25px;
  vertical-align: middle;
}

.client-logos li a {
  display: block;
  padding: 5px;
}

.client-logos li img {
  max-height: 40px;
  opacity: 0.6;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.client-logos li img:hover {
  opacity: 1;
  -webkit-filter: initial;
  filter: initial;
}

.clients {
  background: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid #dadfe3;
}

.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%;
  margin: 0 1.25% 0 1.25%;
  min-height: 1px;
}

.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;
  border-bottom: 1px solid #eaebec;
}

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

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

.brief h2 {
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 2.4rem;
  line-height: 3.125rem;
}

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

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

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

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

.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 {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 36px;
  color: #f16c20;
}

.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 {
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 35px;
  display: block;
  text-align: left;
}

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

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

.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;
  margin-right: 10px;
  vertical-align: middle;
  text-align: !important;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding-top: 1px;
  padding-right: 10px;
  padding-left: 10px;
  border-top-left-radius: 3px;
  float: left;
}

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

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

.ipad-image {
  margin: auto;
}

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

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

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

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

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

.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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px;
  text-align: center;
  overflow: hidden;
}

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

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

.pricing {
  padding-bottom: 30px;
}

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

.single-pricing {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-bottom: 25px;
  border: 1px solid #e4e7e7;
  border-bottom: 4px solid #e4e7e7;
  margin-bottom: 80px;
  padding: 20px;
  -webkit-transition: all ease 0.55s;
  transition: all ease 0.55s;
}

.package-title h3 {
  line-height: 60px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.price {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 5px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 25px;
  padding-top: 15px;
}

.price .superscript {
  vertical-align: super;
  font-size: 25px;
}

.price .month {
  font-size: inherit;
  display: block;
  margin-top: 0;
  line-height: 1;
  font-size: 14px !important;
  font-weight: 300;
}

.package-list {
  padding-top: 10px;
  margin-bottom: 25px;
}

.package-list li {
  margin-top: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #eaeaea;
  padding-bottom: 10px;
}

.package-list li span {
  margin-right: 8px;
}

.single-pricing .button {
  margin-bottom: 20px;
}

.highlighted {
  margin-top: -24px;
}

.highlighted .package-title h3 {
  line-height: 84px;
}

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

.features {
  background: transparent;
  -webkit-background-size: cover;
  background-size: cover;
}

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

.single-feature {
  margin-bottom: 58px;
}

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

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

.screenshot img {
  display: block;
  width: 100%;
  height: auto;
}

.screenshot img:hover {
  cursor: crosshair;
}

.owl-theme .owl-controls .owl-page span {
  background: #ffffff;
}

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

.latest-news {
  background-color: #f7f8fa;
  border-bottom: 1px solid #eaebec;
}

.latest-news .section-overlay-layer {
  padding-top: 80px;
  padding-bottom: 80px;
}

.vertical-timeline {
  padding: 0;
  margin: 0;
}

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

.timeline h2 {
  padding-right: 110px;
}

.timeline-box-wrap {
  list-style-type: none;
  padding: 1em 1em 1em 0;
  margin: 0;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  overflow: visible;
  border-left: 2px solid #eaeaea !important;
  min-height: 180px;
  float: left;
  width: 100%;
  position: relative;
}

.timeline-box-wrap .date {
  display: inline-block;
  float: left;
  margin-left: -100px;
  max-width: 55px;
  margin-top: 35px;
  position: absolute;
  left: -50px;
  top: 70px;
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.timeline-box-wrap .icon-container {
  display: inline-block;
  float: left;
  width: 150px;
  height: 150px;
  line-height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -75px;
  padding-top: 0;
  overflow: hidden;
  background: rgb(240, 240, 240);
  margin-top: 30px;
}

.timeline-box-wrap .icon-container img {
  float: left;
}

.timeline-box-wrap .info {
  text-align: left;
  padding: 0 10px;
  font-size: 14px;
  margin-left: 0;
  min-height: 150px;
  padding-left: 100px;
  background: #fff;
}

.timeline-box-wrap .info:hover {
  border-bottom-color: #f16c20;
}

.timeline-box-wrap .info h1 {
  font-size: 20px;
  line-height: 22px;
  float: left;
  width: 100%;
  margin: 0;
}

.timeline-box-wrap .info h1 a {
  font-size: 22px;
  line-height: 26px;
  font-family: "GothamBlackRegular", Helvetica Neue, Sans-serif;
  font-weight: 400;
  color: #454545;
}

.timeline-box-wrap .info h1 a:hover {
  text-decoration: none;
  color: #f16c20;
}

.timeline-box-wrap .info h1:after {
  content: "";
  height: 2px;
  width: 80px;
  display: block;
  background: #f16c20;
  margin-top: 5px;
}

.timeline-box-wrap .info .entry-content p {
  margin: 0;
  text-align: justify;
  float: left;
  width: 100%;
  padding: 2px 0;
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  color: #313131;
  margin-bottom: 5px;
}

.timeline-box-wrap .info .entry-meta {
  float: left;
  width: 100%;
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 300;
  padding: 5px 0 2px;
  font-style: italic;
}

.timeline-box-wrap .read-more {
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.chouic-slider-whole-wrap {
  position: relative;
  float: left;
  width: 100%;
}

#llorix_one_slider {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#llorix_one_slider > ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#llorix_one_slider > ul > li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1000px;
  height: auto;
  text-align: center;
}

button.control_next {
  right: 60px;
  position: absolute;
  top: -60px;
  z-index: 999;
  display: block;
  width: 40px;
  height: 40px;
  color: #f16c20;
  text-decoration: none;
  font-weight: 600;
  font-size: 50px;
  line-height: 40px;
  opacity: 0.8;
  cursor: pointer;
  background: none;
  padding: 0;
}

button.control_next:active,
button.control_next:focus,
button.control_prev:active,
button.control_prev:focus {
  box-shadow: none;
  outline: 1px dotted #f16c20;
}

button.control_prev {
  right: 10px;
  position: absolute;
  top: -60px;
  z-index: 999;
  display: block;
  width: 40px;
  height: 40px;
  color: #f16c20;
  text-decoration: none;
  font-weight: 600;
  font-size: 50px;
  line-height: 40px;
  opacity: 0.8;
  cursor: pointer;
  background: none;
  padding: 0;
}

button.control_prev:hover,
button.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

button.control_prev {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

button.control_prev.fade-btn,
button.control_next.fade-btn {
  opacity: 0.1 !important;
}

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

.call-to-action {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  border-bottom: 1px solid #eaebec;
}

.call-to-action .section-overlay-layer {
  padding-top: 100px;
  padding-bottom: 100px;
  background: rgba(13, 60, 85, 0.2);
}

.call-to-action h2 {
  margin-top: 20px;
  margin-bottom: 50px;
  font-size: 2.4rem;
  line-height: 3.125rem;
}

.modal-content {
  padding: 10px 30px 30px 30px;
}

.modal-content button {
  width: 100%;
}

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

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

.contact-info {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #eaebec;
}

.icon-container .colored-text {
  color: #343434;
}

.contact-info .section-overlay-layer {
  padding-top: 30px;
  padding-bottom: 70px;
}

.contact-info .logo-container {
  margin-top: 20px;
  margin-bottom: 35px;
}

.contact-info .logo-container img {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
  opacity: 0.6;
  max-width: 65px;
}

.contact-info .icon-container {
  font-size: 30px;
  margin-top: 40px;
  margin-bottom: 20px;
}

.contact-info .contact-links a {
  padding-top: 65px;
  padding-bottom: 0;
  color: #343434;
}

.contact-info .contact-links a:hover {
  color: #f16c20;
  text-decoration: none;
}

.contact-links .contact-link-box {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  text-align: center;
}

/*---------------------------------------
   3.14 SECTION: GOOGLE MAP
-----------------------------------------*/

#google-container {
  position: relative;
  width: 100%;
  height: 500px;
}

#cd-google-map {
  position: relative;
  -webkit-transition: all ease 0.55s;
  transition: all ease 0.55s;
}

#cd-google-map iframe {
  margin-bottom: -8px;
}

#cd-google-map address {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  padding: 1em 1em;
  color: #ffffff;
}

.llorix_one_lite_map_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}

#container-fluid {
  position: relative;
}

/*---------------------------------------
   3.15 TEMPLATE: CONTACT PAGE
-----------------------------------------*/

.page-template-template-contact-php .content-wrap > .container {
  width: 100%;
  padding: 0;
}

.page-template-template-contact-php #primary {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

.contact-page-map-wrap {
  margin-bottom: -6px;
}

.contact-page {
  padding-bottom: 70px;
}

.content-page > .col-md-6:nth-child(odd) {
  padding-left: 0;
}

.content-page > .col-md-6:nth-child(even) {
  padding-right: 0;
}

.content-page
  input:not([type="submit"]):not([type="reset"]):not([type="button"]) {
  padding: 5px;
}

.content-page form {
  font-size: 12px;
}

.content-page form p {
  margin-bottom: 1em;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ng {
  border: none;
  background-color: rgba(255, 0, 0, 0.5);
  color: #fff;
}

div.wpcf7-response-output {
  margin: 2em 0 1em;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng {
  border: none;
  background-color: rgba(57, 143, 20, 0.5);
}

.content-page .entry-footer {
  float: left;
  width: 100%;
}

.llorix_one_lite_contact_form input:not([type="submit"]) {
  width: 100%;
}

.llorix_one_lite_contact_form input[type="text"],
.llorix_one_lite_contact_form input[type="email"],
.llorix_one_lite_contact_form input[type="url"],
.llorix_one_lite_contact_form input[type="password"],
.llorix_one_lite_contact_form input[type="search"] {
  padding: 10px;
}

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

.footer,
.footer a {
  background-color: #4a4a4a;
}

.footer a {
  color: #fff;
}

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

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  color: #dbdbdb;
}

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

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

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

ul.social-icons {
  padding-left: 0;
  margin-left: 0;
  margin-top: 10px;
}

.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 {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  text-align: left;
}

.powered-by {
  font-size: 13px;
  margin-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 5px;
  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: 21px;
  line-height: 28px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  text-transform: uppercase;
  font-weight: normal;
}

footer.footer .widget-title:after {
  content: "";
  height: 2px;
  width: 80px;
  display: block;
  background: #ececec;
  margin-top: 5px;
}

footer.footer .social-icons li a {
  padding: 0 5px;
}

footer.footer .social-icons i:before {
  line-height: 30px;
  font-size: 12px;
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 75px;
  width: 30px;
  height: 30px;
  display: inline-block;
}

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 {
  margin: 0;
  list-style: none;
  position: relative;
  font-size: 16px;
  padding-top: 10px;
}

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

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

/* Calendar Widget */

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

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

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

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

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

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

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%;
  border: 1px solid #e7e7e7;
  padding: 10px 50px 10px 5px;
  font-weight: 300;
}

.widget_search form {
  position: relative;
}

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

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

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

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

/* PRELOADER IMAGE BACKGROUND */

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

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

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

/* NAVBAR AND LINK COLORS */

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  color: #f16c20;
}

a {
  color: #be5000;
}

a:hover {
  color: #be5000;
}

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

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

.sticky-navigation .main-navigation li.current > a {
  color: #f16c20;
}

/* INPUT FIXES */

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

/* BUTTONS*/

.standard-button,
.navbar-register-button {
  color: #ffffff;
  background: rgba(241, 108, 32, 0.4);
  border-color: #f16c20;
  text-decoration: none;
  border-radius: 30px;
  border: 3px solid #f16c20;
  padding: 10px 25px;
  font-size: 20px;
}

.standard-button:hover,
.navbar-register-button:hover {
  color: #ffffff;
  background: #f16c20;
  text-decoration: none;
  border-color: #f16c20;
}

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

.standard-button:active,
.navbar-register-button:active {
  background: #f16c20 !important;
  border-color: inherit !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 {
  height: 1px;
  width: 200px;
  background: rgba(19, 149, 186, 0.3);
  margin: auto;
}

/*---------------------------------------
   SECTION: SERVICES
-----------------------------------------*/

.galcolumn .single-service {
  width: 100%;
}

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

/*---------------------------------------
 SECTION: TESTIMONIALS
-----------------------------------------*/

.testimonials {
  text-align: center;
  background-color: #fff;
}

.testimonials .section-overlay-layer {
  padding-bottom: 20px;
}

.feedback {
  padding: 0 30px;
  margin-bottom: 45px;
}

.feedback .pic-container {
  top: -40px;
  width: 100%;
  position: absolute;
}

.feedback .pic-container-inner {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  background-clip: padding-box;
  width: 170px;
  height: 170px;
  box-shadow: 0px 0px 0px 5px #f5f5f5;
  background-color: #f5f5f5;
  border: 5px solid #e5e5e5;
}

.feedback .pic-container img {
  width: 100%;
}

.feedback p {
  font-style: italic;
  margin-top: 20px;
  margin-bottom: 0;
}

.feedback h5 {
  margin-bottom: 0;
}

.feedback-text-wrap {
  padding: 0 20px;
}

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

.testimonials-wrap {
  position: relative;
}

.testimonials-wrap .testimonials-box {
  display: inline-block;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.testimonials-box .feedback {
  padding: 145px 0 40px 0;
  margin: 40px 0 30px 0;
  background: #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all ease 0.55s;
  transition: all ease 0.55s;
  position: relative;
}

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

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

.testimonials-wrap > .testimonials-box {
  width: 31.5%;
  margin: 0 1.15% 0 1.15%;
  margin-bottom: 30px;
  vertical-align: top;
}

.testimonials-wrap > .testimonials-box:nth-child(3n + 1) {
  margin-left: 0;
  clear: left;
}

.testimonials-wrap > .testimonials-box:nth-child(3n) {
  margin-right: 0;
  clear: right;
}

/*---------------------------------------
  SECTION: TEAM
-----------------------------------------*/

.team {
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

.team .section-overlay-layer {
  padding-bottom: 50px;
  background: rgba(13, 60, 85, 0.8);
}

.team .sub-heading {
  color: #fff;
}

.team .dark-text {
  color: #fff;
}

.team-member {
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  min-height: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.team-member .social-icons {
  opacity: 1;
  margin-top: 5px;
  position: relative;
  -webkit-transition: all ease 0.55s;
  transition: all ease 0.55s;
  margin-bottom: 0;
  margin-top: 0;
}

.team-member .social-icons li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
}

.team-member .social-icons li a {
  opacity: 0.9;
}

.team-member .social-icons li a:hover {
  opacity: 1;
  text-decoration: none;
}

.team-member:hover .social-icons {
  opacity: 1;
}

.member-pic {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  width: 183px;
  height: 183px;
}

.member-pic img {
  width: 183px;
  height: 183px;
}

.member-details {
  left: 0;
  position: absolute;
  color: #fff;
  display: table;
  overflow: hidden;
  height: 183px;
  width: 183px;
  bottom: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0);
  text-align: center;
}

.member-details h5 {
  margin: 0;
  margin-bottom: 5px;
  color: #fff;
}

.team-member-wrap {
  text-align: center;
}

.team-member-wrap .team-member-box {
  float: none;
  display: inline-block;
  margin-right: -4px;
  vertical-align: top;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 30px;
}

.member-details-inner {
  display: table-cell;
  vertical-align: middle;
}

.team-member:hover .member-details {
  bottom: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(241, 108, 32, 0.7);
}

/*@media (min-width: 992px) and (max-width: 1200px) {
	.team-member-wrap .team-member-box {
	    padding-right: 30px;
	    padding-left: 30px;
	}
}
*/

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

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

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

.post-img-wrap {
  position: relative;
  min-height: 150px;
  background-color: rgb(234, 234, 234);
}

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

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

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

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

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

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

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

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

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

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

.post-date .post-date-month {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
  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 {
  width: 50%;
  float: left;
  text-align: left;
  font-weight: bold;
}

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

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

.chouic-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

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

.chouic-post-meta {
  visibility: none;
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

.post-time {
  font-weight: 500;
  position: relative;
  margin-right: 10px;
  padding-left: 18px;
}

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

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

.post-comments {
  float: right;
}

.entry-content,
.entry-content p,
.entry-content span {
  font-weight: 400;
  color: #666666;
  font-size: 16px;
  line-height: 26px;
}

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

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

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

.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: 15px;
}

#sidebar-secondary {
  margin: 50px 0;
  padding-left: 30px;
  border-left: 1px solid #e7e7e7;
}

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

/* comments */

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

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

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

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

.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 {
  font-family: "GothamMediumRegular", Helvetica Neue, Sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 15px;
}

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

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

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

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

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

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

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

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

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

.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;
  line-height: 38px;
  font-weight: 400;
}

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

.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 {
  background: #f16c20;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: none;
  font-weight: 500;
  text-align: center;
  line-height: 30px;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
  padding: 7px 30px;
  border: 1px solid #f16c20;
  min-width: 10px;
}

.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 {
  background: #f7f8fa;
  border: 1px solid #eaebec;
  color: #f16c20;
}

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

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

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

.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 {
  margin-bottom: 1.6em;
  max-width: 100%;
}

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

.wp-caption-text {
  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;
  padding: 0.5em 0;
}

/**
 * 14.2 Galleries
 */

.gallery {
  margin-bottom: 1.6em;
}

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

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

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

.gallery-caption {
}

.bypostauthor {
}

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

#sidebar-secondary .widget-title {
  font-size: 20px;
  color: #4f4f4f;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}

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

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

#sidebar-secondary .widget {
  margin-bottom: 50px;
}

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

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

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

#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-collapse: separate;
  border-spacing: 1px;
}

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

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

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

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

.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%;
  border: 1px solid #e7e7e7;
  padding: 10px 50px 10px 5px;
  font-weight: 300;
}

.widget_search form {
  position: relative;
}

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

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

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

.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 {
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 350px;
}
*/

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

.chouic-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 {
    padding: 6px 15px 6px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 10px;
    width: auto !important;
  }
}

/*---------------------------------------
   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: 26px;
  }
}

/*---------------------------------------
   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 {
    width: 100%;
    float: none;
  }

  .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;
    opacity: 0.6;
  }

  .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 {
    margin-top: 20px;
    padding-bottom: 40px;
    max-width: 430px;
    margin: auto;
  }

  .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 {
    margin-bottom: 28px;
    width: 33%;
    float: left;
  }

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

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

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

  .pricing-table {
    padding-left: 0;
    padding-right: 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;
  }

  .chouic-slider-whole-wrap {
    padding-top: 20px;
  }

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

  #llorix_one_slider {
    margin: 0px 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 {
    margin: 0;
    padding-top: 50px;
    border-top: 1px solid #e7e7e7;
    border-left: 0;
    padding-left: 15px;
    width: 100%;
  }

  #primary,
  #sidebar-secondary {
    float: left;
    width: 100%;
  }

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

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

#menu-primary {
  text-align: center;
  width: 70%;
}

@media (max-width: 782px) {
  .admin-bar .sticky-navigation-open .sticky-navigation {
    top: 46px;
  }

  .contact-links .contact-link-box {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .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 {
    border: 0;
    float: left;
  }

  .main-navigation li:hover > a,
  .main-navigation li.focus > a {
    color: #007acc;
  }

  .main-navigation ul ul {
    display: block;
    float: left;
    margin: 0;
    position: absolute;
    left: -999em;
    z-index: 99999;
    padding: 0;
    top: 100%;
    background: #fff;
    list-style: none;
  }

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

  .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 {
    white-space: normal;
    width: 15em;
  }

  .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 {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    top: 23px;
    right: 0;
    z-index: -1;
    line-height: 24px;
  }

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

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

  .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 {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
  }

  .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 {
    line-height: 28px;
    top: 0;
  }
}

@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 {
    line-height: 34px;
    line-height: 18px;
    padding: 26px 18px;
  }

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

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

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

@media (max-width: 767px) {
  html {
    font-size: 80%;
  }

  .navbar-toggle {
    font-size: 30px !important;
  }

  .navbar-inverse .navbar-toggle {
    border: 0 !important;
  }

  .navbar-inverse .navbar-toggle,
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: inherit;
    box-shadow: none;
  }

  .sticky-navigation .main-navigation li a {
    line-height: inherit;
    padding: 10px;
  }

  .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%;
    text-align: left;
    padding-left: 15px;
  }

  .container > .navbar-header {
    margin-left: 0;
    margin-right: 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-left: 30px;
    padding-right: 30px;
    padding-top: 0;
  }

  .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 {
		margin-bottom: 25px;
		max-width: 270px;
	}
*/
  .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 {
    top: 0 !important;
    opacity: 1 !important;
    position: relative !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 {
    box-shadow: none;
    padding: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .navbar-collapse .main-navigation li a {
    margin: 0;
    line-height: 25px;
  }

  .call-to-action {
    background-position: center;
    background-attachment: initial;
    background-size: cover;
  }

  header .navbar-brand {
    padding: 0px 7px 7px 0;
    height: 55px;
    line-height: 55px;
  }

  .overlay-layer-wrap {
    margin-top: 20px;
  }

  .content-wrap {
    margin-top: -10px;
  }
}

@media (max-width: 680px) {
  .single-feature {
    width: auto;
    float: none;
  }
}

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

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

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

  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 {
    background: #ffffff;
    padding: 7px 16px 16px 16px;
    margin-top: 34px;
    width: 100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -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-left: 0;
    padding-right: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .post-author {
    font-size: 12px;
    padding-left: 14px;
    float: left;
  }

  .post-author i {
    font-size: 10px;
    line-height: 20px;
  }

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

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

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

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

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

  .post-date {
    padding: 10px;
    min-width: 80px;
    min-height: 80px;
  }

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

  /* 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 {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  color: #000;
  background: #fff;
  width: 1px;
  height: 1px;
}

.screen-reader-text:focus {
  clip: auto;
  overflow: auto;
  left: 1em;
  top: 1em;
  z-index: 100;
  padding: 1em;
  background-color: #fff;
  font-size: 1.2em;
  outline: 1px solid;
  width: auto;
  height: auto;
}

/* --------------------------------------
=========================================
   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 {
  clear: both;
  margin-left: 15px;
  float: left;
}

/*---------------------------------------
   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 {
  background: #f16c20 !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 30px !important;
  color: #fff !important;
  text-shadow: none !important;
  text-transform: uppercase !important;
  padding: 7px 30px !important;
  border: 1px solid #f16c20 !important;
  min-width: 10px !important;
}

/* portfolio ^ testimonial */

.testimonial-entry {
  padding-left: 180px !important;
  position: relative !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-left: 0 !important;
    padding-top: 180px !important;
  }

  .testimonial-featured-image {
    padding: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
  }

  .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 {
  font-weight: 400;
  color: #666666;
  font-size: 14px;
  line-height: 18px;
}

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

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

.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 {
  background: #ffffff;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 4px solid #eaeaea;
  margin: 0 15px;
  padding: 15px;
  transition: all ease 0.55s;
  list-style: none;
  text-align: center;
  margin-bottom: 30px;
}

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

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

#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 {
  content: "";
  height: 2px;
  width: 80px;
  display: block;
  background: #e0e0e0;
  margin-top: 5px;
}

#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 {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}

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

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

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

#edd_user_history {
  border-radius: 5px;
}

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

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

.edd_download_purchase_form .edd_price_options li {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 12px;
  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 {
    color: #fff;
    padding: 10px;
    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;
  }
}

.spaced-columns [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
}

.spaced-columns [class*="col-"]:first-child {
  padding-right: 5px;
}

.spaced-columns [class*="col-"]:last-child {
  padding-left: 5px;
}

.block_home {
  object-fit: contain;
  background-color: #e04045;
  color: #fff;
  padding: 10px;
  height: 305px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

@media (max-width: 992px) {
  .block_home {
    padding: 0px;
    height: 245px;
  }
}

@media (max-width: 768px) {
}

#block_les_gens_qui {
  background-color: #FFE249;
}

#block_culot_home {
  background-image: url("images/equipe-chouic.jpg");
  background-size: cover;
  color: #fff;
  align-items: end;
  padding: 0;
  background-position: center;
}

#block_culot_home > span {
  font: "GothamMediumRegular";
  width: 100%;
  padding: 5px;
  margin-bottom: 30px;
  font-size: 35px;
  text-align: center;
}

#img_lgq_home {
  max-width: 400px;
}

@media (max-width: 992px) {
  #img_lgq_home {
    width: 200px;
  }
}

@media (max-width: 768px) {
  #img_lgq_home {
    width: 70%;
  }
  #block_culot_home > span {
    font-size: 25px;
  }
  

}

.clickable_big_box a {
  padding: 0px 40px 0px 40px;
  font-size: 35px;
  line-height: 35px;
  color: #000;
  font: "GothamMediumRegular";
}

.clickable_big_box a:hover {
  text-decoration: none;
  color: #9c9ea1;
}

@media (max-width: 768px) {
  .edd_download {
    width: 100% !important;
  }

  .spaced-columns [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
  }

  .spaced-columns [class*="col-"]:first-child {
    padding-right: 15px;
  }

  .spaced-columns [class*="col-"]:last-child {
    padding-left: 15px;
  }

  .clickable_big_box a {
    font-size: 25px;
    padding: 0px 20px 0px 20px;
  }
}

/* CSS */

/**/

/* main styles */

/**/

.pcss3t {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 0;
  text-align: left;
  color: #fff;
  /*background: green;*/
}

.pcss3t hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eeeeee -moz-use-text-color #ffffff;
  border-style: solid none;
  border-width: 0px 0;
  margin: 5px 0 18px 0px;
}

.pcss3t > input {
  position: absolute;
  display: none;
}

.pcss3t > label {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  transition: all 0.1s;
  -o-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.pcss3t > label i {
  display: block;
  float: left;
  margin: 0 8px 0 -2px;
  padding: 0;
  border: 0;
  outline: none;
  font-style: normal;
  font-size: 17px;
}

.pcss3t > input:checked + label {
  cursor: default;
}

.pcss3t > ul {
  list-style: none;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 13px;
}

.pcss3t > ul > li {
  position: absolute;
  width: 100%;
  overflow: auto;
  padding: 30px 40px 40px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  opacity: 0;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
}

.pcss3t > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -webkit-transform: rotate(0deg);
}

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

/*                                 EXTENSIONS                                 */

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

/**/

/* auto height */

/**/

.pcss3t-height-auto > ul {
  height: auto !important;
}

.pcss3t-height-auto > ul > li {
  position: static;
  display: none;
  height: auto !important;
}

.pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t-height-auto > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t-height-auto > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t-height-auto > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t-height-auto > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
  display: block;
}

/**/

/* steps */

/**/

.pcss3t-steps > label {
  cursor: default;
}

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

/*                               RESPONSIVENESS                               */

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

/**/

/* pad */

/**/

@media screen and (max-width: 980px) {
}

/**/

/* phone */

/**/

@media screen and (max-width: 767px) {
  .pcss3t > label {
    display: block;
  }

  .pcss3t > .right {
    float: none;
  }
}

/**/

/* default */

/**/

.pcss3t > label {
  padding: 0 20px;
  background: #e5e5e5;
  font-size: 14px;
  line-height: 49px;
}

.pcss3t > label:hover {
  background: #f2f2f2;
}

.pcss3t > input:checked + label {
  background: #fff;
}

.pcss3t > ul {
  background: #fff;
  text-align: left;
}

.pcss3t-steps > label:hover {
  background: #e5e5e5;
}

/**/

/* theme 5 */

/**/

.pcss3t-theme-5 {
  padding: 15px;
  border-radius: 5px;
}

.pcss3t-theme-5 > label {
  margin-left: 10.1%;
  margin-bottom: 15px;
  background: none;
  border-radius: 5px;
  text-align: center;
  color: #000;
  opacity: 1;
  width: 170px;
  float: left;
}

.pcss3t .icon {
  display: block;
  height: 85px;
  width: 85px;
  object-fit: contain;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#services .facebookLink {
  text-align: right;
  padding-top: 30px;
  padding-bottom: 0px;
}

#services .facebookLink a {
  color: #fff;
}

#services h1 {
  padding-top: 0px;
  font-size: 29px;
  padding-bottom: 0px;
}

.pcss3t > ul,
.pcss3t > ul > li {
  height: 412px;
  overflow: hidden;
}

.pcss3t .download_badge {
  margin-top: 10px;
}

.pcss3t .download_badge img {
  display: block;
  margin: 0 auto;
  height: 65px;
  max-width: 200px;
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 992px) {
  .pcss3t-theme-5 > label {
    margin-left: 5%;
  }
}

@media (max-width: 767px) {
  .pcss3t-theme-5 > label {
    margin-left: 3%;
    width: 140px;
    font-size: 10px;
  }

  #services .facebookLink {
    text-align: left;
    padding-top: 15px;
  }

  #services h1 {
    padding-top: 0px;
    font-size: 25px;
    padding-bottom: 0px;
    margin: 0;
  }

  .pcss3t > ul,
  .pcss3t > ul > li {
    height: 749px;
    overflow: hidden;
  }
}

@media (max-width: 530px) {
  .pcss3t > ul,
  .pcss3t > ul > li {
    height: 654px;
    overflow: hidden;
  }

  .pcss3t-theme-5 > label {
    margin-left: 0%;
    width: 80px;
    font-size: 7px;
    margin: 2px 2px 2px 2px;
    padding: 0 3px;
  }

  .pcss3t .icon {
    display: block;
    height: 73px;
    width: 73px;
    object-fit: contain;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media (max-width: 400px) {
  .pcss3t .download_badge img {
    height: 52px;
  }
}

.pcss3t-theme-5 > label:hover {
  background: rgba(255, 255, 255, 0.15);
}

.pcss3t-theme-5 > label {
  padding-bottom: 20px;
}

.pcss3t-theme-5 > input:checked + label {
  background: rgba(255, 255, 255, 0.3);
  color: #000;
}

.pcss3t-theme-5 > input:checked + label:after {
  content: "";
  position: absolute;
  top: 85%;
  left: 50%;
  margin-top: 20px;
  margin-left: -20px;
  border-right: 20px solid transparent;
  border-bottom: 20px solid green;
  border-left: 20px solid transparent;
}

@media (max-width: 530px) {
  .pcss3t-theme-5 > input:checked + label:after {
    margin-top: 8px;
  }
}

.pcss3t-theme-5 > ul {
  /*margin: 0 -15px -15px;*/
  box-shadow: none;
  width: 100%;
}

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

/*                                    ICONS                                   */

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

/**/

/* icons positions */

/**/

.pcss3t-icons-top > label {
  text-align: center;
}

.pcss3t-icons-top > label i {
  float: none;
  margin: 0 auto -10px;
  padding-top: 17px;
  font-size: 23px;
  line-height: 23px;
  text-align: center;
}

.pcss3t-icons-right > label i {
  float: right;
  margin: 0 -2px 0 8px;
}

.pcss3t-icons-bottom > label {
  text-align: center;
}

.pcss3t-icons-bottom > label i {
  float: none;
  margin: -10px auto 0;
  padding-bottom: 17px;
  font-size: 23px;
  line-height: 23px;
  text-align: center;
}

.pcss3t-icons-only > label i {
  float: none;
  margin: 0 auto;
  font-size: 23px;
}

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

/*                               CUSTOMIZATION                                */

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

/**/

/* height */

/**/

#tab_chopine {
  background: #3EAF14;
  background: -webkit-linear-gradient(left top, #3EAF14, #007DAD);
  background: -o-linear-gradient(bottom right, #3EAF14, #007DAD);
  background: -moz-linear-gradient(bottom right, #3EAF14, #007DAD);
  background: linear-gradient(to bottom right, #3EAF14, #007DAD);
}

#tab_jeucouple {
  background: #df2b3f;
}

#tab_av {
  background: #FF614C;
  background: -webkit-linear-gradient(left top, #FFD700 , #FF614C);
  background: -o-linear-gradient(bottom right, #FFD700 , #FF614C);
  background: -moz-linear-gradient(bottom right, #FFD700 , #FF614C);
  background: linear-gradient(to bottom right, #FFD700 , #FF614C);
}

.pcss3t-theme-5 > #tab1 + label:after {
  border-bottom: 20px solid #3EAF14;
}

.pcss3t-theme-5 > #tab2 + label:after {
  border-bottom: 20px solid #df2b3f;
}

.pcss3t-theme-5 > #tab3 + label:after {
  border-bottom: 20px solid  rgb(244, 176, 78) ;
}

#tab1 {
  margin-left: 300px;
}

#chopine_label > .icon {
  background-image: url("https://chouic.com/wp-content/uploads/2023/02/Spiky-Logo-Splash-Screen-iOS.png");
}

#couple_label > .icon {
  background-image: url("images/apps/logo-couple.png");
}

#av_label > .icon {
  background-image: url("https://chouic.com/wp-content/uploads/2023/02/lovbirdz_rounded.png");
}

#team {
  background-repeat: no-repeat;
  background-size: cover;
  border: 15px solid #fff;
  background-image: url("images/team/chouic-team.jpg");
  padding: 0px;
  background-position: 50% 50%;
}

#services .apppict {
  padding: 3px;
}

.pcss3t p {
  line-height: 17px;
  font-size: 14px;
}

.img_top_filled {
  max-width: 100%;
}

.easingslider-arrows-inside .easingslider-next {
  right: 30px;
}

.easingslider-arrows-inside .easingslider-prev {
  left: 30px;
}

.entry-content,
.entry-content p,
.entry-content span,
.timeline-box-wrap .info .entry-content p {
  font-family: "GothamLightRegular", Helvetica Neue, Sans-serif;
}

#llorix_one_slider h3 {
  font-size: 19px;
  line-height: 19px;
  padding: 0;
  margin: 0;
  font-weight: bold;
}

#llorix_one_slider h3 a {
  color: #000;
}