@charset "UTF-8";
/*

	Theme Name: Takk
	Theme URI: http://themeforest.net/user/onioneye
	Description: A Premium Portfolio Wordpress Theme.
	Author: OnionEye
	Author URI: http://themeforest.net/user/onioneye
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0.0
	
	Designed & Handcrafted by OnionEye 
	
*/
@font-face{
    font-family : "Eureka Sans";
    src: url('css/Eureka_Sans_Regular.otf');
}

@font-face{
    font-family : "Eureka Sans Bold";
    src: url('css/Eureka_Sans_Bold.otf');
}

@font-face{
    font-family : "Eureka";
    src: url('css/EurekaSansEE_Regular.ttf');
}
@font-face{    
    font-family : "Eureka-bold";
    src: url('css/EurekaSansEE_Bold.ttf');
}


/*  Table of Contents 
    ==========================================================================
	
	01. Main Base Styles
	02. Common and Reusable Styles
	03. Links
	04. Images
	05. Technical and Creative Typography 
    06. Forms  
  	07. Page Structure
  	08. Header
  	09. Portfolio Gallery
  	10. Single Portfolio Item
  	11. Blog
  	12. Comment Styles
  	13. Comment Form Styles
  	14. Widgets
  	15. Content Styles
  	16. Search & 404 Not Found
  	17. Footer
  	18. Plugins
  	19. Media Queries
  	20. Animations
  	
*/
/*  01. Main Base Styles
    ========================================================================== */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
}

html,
body {
  min-height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

html {
  overflow-y: auto;
}

body {
  min-height: 100vh;
  position: relative;
  background-color: #fff;
}

ol,
ul {
  list-style: none inside none;
  margin: 0;
  padding: 0;
}

small {
  font-size: 80%;
}

/* Remove empty paragraphs */
p:empty {
  display: none;
}

/* Highlighted text */
::-moz-selection {
  background: #191919;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #191919;
  color: #fff;
  text-shadow: none;
}

/* Simple fluid media */
object,
embed {
  max-width: 100%;
  height: auto;
}

figure {
  position: relative;
}
figure img,
figure object,
figure embed,
figure video {
  max-width: 100%;
  display: block;
}

/*  02. Common and Reusable Styles
    ========================================================================== */
/* Caps */
.caps, input[type="submit"],
button,
input[type="button"],
.url-button, .shifter .header .shifter-handle,
.header .header-buttons .oy-prev-link,
.header .header-buttons .oy-next-link, .header-title,
.shifter-navigation .menu a,
.portfolio-filter a,
#main-search-form #main-search-field, .portfolio-item .project-link .thumb-container .project-info-wrap .project-title, .project-meta .meta-column span:first-child, .post .post-link .post-title, .post .post-link .post-time, .pager a, .single-post .post-time, .main-content .widget .tp_recent_tweets li a.twitter_time, .footer .menu a, .footer .copyright {
  font-family: "Eureka", helvetica, arial, sans-serif;
  color: #222;
  font-size: 12.003px;
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .2em;
}

/**
 * Divider lines
 */
.sep, .post .post-link .post-time, .single-post .post-time, #comments {
  position: relative;
  padding-bottom: 1.75em;
  /* 28px */
  margin-bottom: 1.75em;
  /* 28px */
}
.sep:after, .post .post-link .post-time:after, .single-post .post-time:after, #comments:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  background: #dcdcdc;
  content: " ";
}

.table {
  display: table;
  width: 100%;
  position: relative;
}

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.overflow-wrap {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

/* highlighting search term on search page */
mark,
.search-term {
  background: #EBE16F;
}

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * Vertically align elements on the page
 */
.header {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.header .header-buttons, .header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .oy-prev-link:after,
.header .header-buttons .oy-next-link:after, .header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .oy-prev-link span,
.header .header-buttons .oy-next-link span, .shifter-close:after, .post .post-link .featured-img-container .read-more {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/**
 * Button styles
 */
input[type="submit"],
button,
input[type="button"],
.url-button {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 4px;
  border: 2px solid #313233;
  background: none;
  color: #313233;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.no-touch input[type="submit"]:hover,
.no-touch button:hover,
.no-touch input[type="button"]:hover,
.no-touch .url-button:hover {
  border-color: #bfbfbf;
  color: #bfbfbf;
}
input[type="submit"]:active,
button:active,
input[type="button"]:active,
.url-button:active {
  position: relative;
  top: 1px;
}

    /**
	 * Text colors which are applied when one or both of the cover images (header and footer) are displayed. 
	 */
#bg-hook .oy-light-bg {
  color: #000;
}

.background--light {
  color: #FFF !important;
}

#bg-hook .oy-dark-bg {
  color: white;
}

.background--dark {
  color: white !important;
}

    /**
	 * Toggle the logo and the prev/next/menu buttons, based on the brightness of the background. This code is utilized only when the header cover image is displayed.
	 */
#header-bg-check .shifter-handle.oy-light-bg:after {
  background-position: 0 0;
}
#header-bg-check .shifter-handle.background--light:after {
  background-position: 0 0 !important;
}
#header-bg-check .shifter-handle.oy-dark-bg:after {
  background-position: 0 -50px;
}
#header-bg-check .shifter-handle.background--dark:after {
  background-position: 0 -50px !important;
}
#header-bg-check .oy-prev-link.oy-light-bg:after {
  background-position: -100px 0;
}
#header-bg-check .oy-prev-link.background--light:after {
  background-position: -100px 0 !important;
}
#header-bg-check .oy-prev-link.oy-dark-bg:after {
  background-position: -100px -50px;
}
#header-bg-check .oy-prev-link.background--dark:after {
  background-position: -100px -50px !important;
}
#header-bg-check .oy-next-link.oy-light-bg:after {
  background-position: -150px 0;
}
#header-bg-check .oy-next-link.background--light:after {
  background-position: -150px 0 !important;
}
#header-bg-check .oy-next-link.oy-dark-bg:after {
  background-position: -150px -50px;
}
#header-bg-check .oy-next-link.background--dark:after {
  background-position: -150px -50px !important;
}
#header-bg-check .dark-logo.oy-light-bg {
  display: block;
  opacity: 1;
}
#header-bg-check .background--light .dark-logo {
  display: block !important;
  opacity: 1 !important;
}
#header-bg-check .light-logo.oy-light-bg {
  display: none;
  opacity: 0;
}
#header-bg-check .background--light .light-logo {
  display: none !important;
  opacity: 0 !important;
}
#header-bg-check .dark-logo.oy-dark-bg {
  display: none;
  opacity: 0;
}
#header-bg-check .background--dark .dark-logo {
  display: none !important;
  opacity: 0 !important;
}
#header-bg-check .light-logo.oy-dark-bg {
  display: block;
  opacity: 1;
}
#header-bg-check .background--dark .light-logo {
  display: block !important;
  opacity: 1 !important;
}

/**
 * Swap the scroll arrow based on the brightness of the header cover image. 
 */
.bg-cover-img .scroll-indicator.oy-light-bg {
  background-position: -350px 0;
}

.bg-cover-img .scroll-indicator.background--light {
  background-position: -350px 0 !important;
}

.bg-cover-img .scroll-indicator.oy-dark-bg {
  background-position: -350px -50px;
}

.bg-cover-img .scroll-indicator.background--dark {
  background-position: -350px -50px !important;
}

/**
 * Footer link colors, utilized when the footer cover image is displayed.
 */
#footer-bg-check.oy-light-bg a {
  color: #222;
}

#footer-bg-check .background--light a {
  color: #222 !important;
}

#footer-bg-check.oy-dark-bg a {
  color: white;
}

#footer-bg-check .background--dark a {
  color: white !important;
}

/**
 * Toggle the mail icon depending on the brightness of the background
 */
#footer-bg-check.oy-light-bg .mail-link:after {
  background-position: -300px 11px;
}

#footer-bg-check .background--light .mail-link:after {
  background-position: -300px 11px !important;
}

#footer-bg-check.oy-dark-bg .mail-link:after {
  background-position: -300px -39px;
}

#footer-bg-check .background--dark .mail-link:after {
  background-position: -300px -39px !important;
}

/**
 * Toggle the telephone icon depending on the brightness of the background
 */
#footer-bg-check.oy-light-bg .tel-link:after {
  background-position: -250px 9px;
}

#footer-bg-check .background--light .tel-link:after {
  background-position: -250px 9px !important;
}

#footer-bg-check.oy-dark-bg .tel-link:after {
  background-position: -250px -41px;
}

#footer-bg-check .background--dark .tel-link:after {
  background-position: -250px -41px !important;
}

/**
 * Footer border colors, utilized when the footer cover image is displayed.
 */
#footer-bg-check .sep:after, #footer-bg-check .post .post-link .post-time:after, .post .post-link #footer-bg-check .post-time:after, #footer-bg-check .single-post .post-time:after, .single-post #footer-bg-check .post-time:after, #footer-bg-check #comments:after {
  opacity: .5;
}

.no-footer-cover-image #footer-bg-check .sep:after, .no-footer-cover-image #footer-bg-check .post .post-link .post-time:after, .post .post-link .no-footer-cover-image #footer-bg-check .post-time:after, .no-footer-cover-image #footer-bg-check .single-post .post-time:after, .single-post .no-footer-cover-image #footer-bg-check .post-time:after, .no-footer-cover-image #footer-bg-check #comments:after {
  /* Reset the opacity of the border in the footer, if the footer cover image is not defined */
  opacity: 1;
}

#footer-bg-check.oy-light-bg .sep:after, #footer-bg-check.oy-light-bg .post .post-link .post-time:after, .post .post-link #footer-bg-check.oy-light-bg .post-time:after, #footer-bg-check.oy-light-bg .single-post .post-time:after, .single-post #footer-bg-check.oy-light-bg .post-time:after, #footer-bg-check.oy-light-bg #comments:after {
  background: #b4b4b4;
}

#footer-bg-check .sep.background--light:after, #footer-bg-check .post .post-link .background--light.post-time:after, .post .post-link #footer-bg-check .background--light.post-time:after, #footer-bg-check .single-post .background--light.post-time:after, .single-post #footer-bg-check .background--light.post-time:after, #footer-bg-check .background--light#comments:after {
  background: #b4b4b4 !important;
}

#footer-bg-check.oy-dark-bg .sep:after, #footer-bg-check.oy-dark-bg .post .post-link .post-time:after, .post .post-link #footer-bg-check.oy-dark-bg .post-time:after, #footer-bg-check.oy-dark-bg .single-post .post-time:after, .single-post #footer-bg-check.oy-dark-bg .post-time:after, #footer-bg-check.oy-dark-bg #comments:after {
  background: #e2e2e2;
}

#footer-bg-check .sep.background--dark:after, #footer-bg-check .post .post-link .background--dark.post-time:after, .post .post-link #footer-bg-check .background--dark.post-time:after, #footer-bg-check .single-post .background--dark.post-time:after, .single-post #footer-bg-check .background--dark.post-time:after, #footer-bg-check .background--dark#comments:after {
  background: #e2e2e2 !important;
}

/*  03. Links
    ========================================================================== */
a {
  color: #b3b3b3;
  text-decoration: none;
  -webkit-transition: .2s all ease;
          transition: .2s all ease;
}
.no-touch a:hover {
  color: #2e2e2e;
}

/*  04. Images
    ========================================================================== */
img {
  max-width: 100%;
  height: auto;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/*  05. Technical and Creative Typography
    ========================================================================== */
/* Modular Scale    ---------------------- 16px @ 1:1.333 perfect fourth	   15px @ 1:1.333  ----------------------*/
/* Fontbase         ---------------------- 16px = 1em	  					                   ----------------------*/
/* Line Height Base ---------------------- 28px = 1.75em     halved baseline = 14px / 0.875em  ----------------------*/
/* maxvoltar.com/archive/-webkit-font-smoothing */
html {
  -webkit-font-smoothing: antialiased;
}

body,
button,
input,
textarea {
  font-family: "Eureka", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 28px;
  line-height: 1.75em;
  /* 28px */
  color: #676767;
}

b,
strong {
  font-weight: 500;
  color: #191919;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 28px 0;
  margin-bottom: 1.75em;
}

h1,
.h1 {
  font-size: 37.897px;
  font-size: 2.368rem;
  line-height: 1.108em;
  margin-bottom: 0.7388em;
}

h2,
.h2 {
  font-size: 28.430px;
  font-size: 1.777rem;
  line-height: 1.477em;
  margin-bottom: 0.984em;
}

h3,
.h3 {
  font-size: 21.328px;
  font-size: 1.333rem;
  line-height: 1.312em;
  margin-bottom: 1.312em;
}

h4,
.h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75em;
}

h5,
.h5,
h6,
.h6 {
  font-size: 15px;
  font-size: 0.938rem;
  line-height: 1.866em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family:"Eureka", Futura, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #3c3c3c;
}

/*  06. Forms
    ========================================================================== */
fieldset {
  margin: 0 0 1.75em 0;
  padding: 0;
  border: none;
}

input,
textarea {
  padding: 8px 10px;
}

input,
textarea,
select {
  margin: 0;
  /* webkit browsers add a 2px margin outside the chrome of form elements */
  border-radius: 2px;
  outline: none;
}

select,
input,
textarea,
button {
  font-family: inherit;
  font-size: 100%;
}

select {
  max-width: 600px;
  padding: 4px 4px 4px 0;
  border: 1px solid #e3e5e5;
  background: white;
}

label {
  display: inline-block;
  margin-bottom: 5px;
}

label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
  /* hand cursor on clickable input elements */
}

/**
 * Buttons
 */
.main-search-submit:active {
  /* Reset the styles for the main search button in the active state */
  position: static;
  top: 0;
}

input[type="submit"] {
  display: inline;
  vertical-align: top;
}

input[type="submit"],
button,
input[type="button"] {
  border-radius: 2px;
}

/**
 * Text inputs and select
 */
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
input[type="text"],
textarea {
  width: 100%;
  appearance: none;
  line-height: 1;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea {
  padding: 10px 8px;
  /*max-width: 450px;*/
  display: block;
  border-radius: 2px;
  border: 1px solid #d7d7d7;
  background: white;
}

input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
textarea,
select {
  -webkit-transition: all .2s ease-in;
          transition: all .2s ease-in;
}
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
select:focus {
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.008);
  border-color: #bebebe;
}

/*  07. Page Structure
    ========================================================================== */
.shifter-open {
  /* Disable scrolling when the menu is open */
  overflow: hidden !important;
}
.shifter-open .shifter-page *,
.shifter-open .shifter-header * {
  pointer-events: none !important;
}

.shifter-page {
  display: block;
  position: relative;
  left: 0;
  top: 0;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
  /**/
  /*


  */
    margin-top: 1px;
   
  
}
.shifter-tzsdigital{
 margin-top:53px;
}

.shifter-page,
.shifter-header {
  -webkit-transform: translate3D(0px, 0px, 0px);
      -ms-transform: translate3D(0px, 0px, 0px);
          transform: translate3D(0px, 0px, 0px);
}

.shifter-page,
.shifter-header,
.shifter-navigation {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.main-container {
  position: relative;
  margin: 0 auto;
}
.main-container .main-content {
  max-width: 1170px;
  margin: 0 auto;
  margin-top: 7em;
  margin-bottom: 5.25em;
  padding: 0 2.5em;
}

.page-template-template-portfolio-php .main-container .main-content,
.tax-portfolio_category .main-container .main-content {
  /* reset the padding and the max-width for both the portfolio and the taxonomy page */
  max-width: none;
  padding: 0;
}

.blog .main-content,
.category .main-content,
.tag .main-content {
  max-width: 1320px;
}

.page-content,
.blog-container,
.page-container,
.single-portfolio-container {
  margin: 0 auto;
}

.page-container > .page-content {
  /* page with sidebar */
  padding-left: 0;
  padding-right: 0;
}

.page-content {
  width: 100%;
}

.page-template-template-page-with-sidebar-php .page-content {
  width: 70%;
  float: left;
  padding-right: 1.875em;
}

.sidebar {
  width: 28%;
  float: right;
}

/*  08. Header
    ========================================================================== */
/**
 * Logo, the prev/next links, and the menu button
 */
.header {
  position: absolute;
  width: 100%;
  padding: 0.625em 2.5em;
  z-index: 9;
}
#header-bg-check .header.no-header-cover-img {
  position: relative;
  margin-bottom: -1.75em;
  /* -28px */
}
.header .oy-logo {
  float: left;
  position: relative;
  padding: 0.625em 0;
  z-index: 9;
}
.header .oy-logo a {
  display: block;
  vertical-align: top;
  /* Prevent the inline-block declaration from messing up the (line) height of the parent element. */
}
.no-touch .header .oy-logo a:hover {
 /*
  -webkit-animation: tinywiggle 220ms ease-out;
          animation: tinywiggle 220ms ease-out;
          */
}
.header .oy-logo img {
  display: block;
  max-height: 70px;
}
#header-bg-check .header .oy-logo img.max-size-header {
  width: auto;
}
.header .oy-logo .textual-logo {
  display: block;
  margin: 0 auto;
  color: #222;
  font-size: 28.430px;
  font-size: 1.777rem;
  line-height: 1.477em;
}
.header.headhesive .dark-logo {
  max-height: 45px;
}
.header.headhesive .dark-logo.max-size-fixed-bar {
  width: auto;
}
.header.headhesive .light-logo {
  /* Hide the light logo from the view in the fixed header because it will never be displayed */
  display: none !important;
}
.header.headhesive .main-nav-buttons, .shifter .header.headhesive .shifter-handle,
.header.headhesive .header-buttons .oy-prev-link,
.header.headhesive .header-buttons .oy-next-link {
  color: #222 !important;
}
.header.headhesive .textual-logo {
  color: #222 !important;
}
.header .header-buttons {
  position: absolute;
  right: 2.5em;
  width: 300px;
  height: 36px;
}
.header .main-nav-buttons, .shifter .header .shifter-handle,
.header .header-buttons .oy-prev-link,
.header .header-buttons .oy-next-link {
  display: block;
  position: relative;
  float: right;
  padding: 5px 0;
  margin-left: 20px;
  height: 36px;
   /*font-size: 14px;*/
  font-weight: 600;
  color: #222;
  z-index: 99999;
  cursor: pointer;
  content: '';
  line-height: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity ease .2s;
          transition: opacity ease .2s;
}
.no-touch .header .main-nav-buttons:hover, .no-touch .shifter .header .shifter-handle:hover, .shifter .no-touch .header .shifter-handle:hover,
.no-touch .header .header-buttons .oy-prev-link:hover,
.no-touch .header .header-buttons .oy-next-link:hover {
  opacity: .7 !important;
}
.header .main-nav-buttons:after, .shifter .header .shifter-handle:after,
.header .header-buttons .oy-prev-link:after,
.header .header-buttons .oy-next-link:after {
  position: absolute;
  top: 18px;
  right: 0;
  width: 15px;
  height: 11px;
  /*background: url("images/main.png") no-repeat 0 0;*/
  content: '';
}
.header .main-nav-buttons span, .shifter .header .shifter-handle span,
.header .header-buttons .oy-prev-link span,
.header .header-buttons .oy-next-link span {
  display: block;
  margin-right: 25px;
}
.shifter .header .shifter-handle {
  /* Make the menu button appear as disabled until the menu plugin is activated */
  opacity: 0.3;
}
.header .header-buttons .oy-prev-link:after {
  left: 0;
  background-position: -100px 0;
}
.header .header-buttons .oy-prev-link span {
  margin-right: 0;
  margin-left: 17px;
}
.header .header-buttons .oy-next-link:after {
  width: 9px;
  background-position: -150px 0;
}
.header .header-buttons .oy-next-link span {
  margin-right: 16px;
}

/**
 * Fixed header – clone of the .header element
 */
.header.headhesive {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.96);
  z-index: 99;
  /* Translate -100% to move off screen */
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  /* Animations */
  -webkit-transition: all 250ms ease-in-out;
          transition: all 250ms ease-in-out;
}

/**
 * Header background cover image  
 */
.bg-cover-img {
  height: 400px;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
.bg-cover-img .main-title {
  /* The main title of the page, displayed on the cover image. */
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 800px;
  padding: 0 0.844em;
  margin-bottom: 0;
  font-family: "Eureka-bold", helvetica, arial, sans-serif;
  font-size: 47.359px;
   font-size: 40px;
  /*font-size: 2.96em;*/
  line-height: 1.182em;
  font-weight: 500;
  font-style: italic;
  text-align: center;
  color: #222;
}
.bg-cover-img .scroll-indicator {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 28px;
  height: 22px;
  margin-left: -15px;
  margin-bottom: 1.25em;
  background: url("images/main.png") no-repeat -350px 0;
  cursor: pointer;
}

/**
 * Main navigation 
 */
.shifter-navigation {
  display: block;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 280px;
  min-height: 100%;
  padding: 2.187em 3.125em 1.875em;
  background: white;
  pointer-events: none;
  opacity: 0;
  z-index: 0;
  -webkit-transform: translate3D(280px, 0px, 0px);
      -ms-transform: translate3D(280px, 0px, 0px);
          transform: translate3D(280px, 0px, 0px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/**
 * Opened navigation
 */
.shifter-open .shifter-navigation {
  pointer-events: all;
  z-index: 1\9;
}

/**
 * Menu links, menu titles, and main search field text styles
 */
.header-title,
.shifter-navigation .menu a,
.portfolio-filter a,
#main-search-form #main-search-field {
  display: block;
  position: relative;
  color: #808080;
}

.no-touch .shifter-navigation .menu a:hover,
.no-touch .portfolio-filter a:hover {
  color: #222;
  padding-left: 4px;
}

.header-title {
  margin: 0 0 1.166em;
  /* 14px */
  color: #acacac;
}
.shifter-close + .header-title {
  /* target the first caption in the menu, if the search has been disabled */
  margin-top: 2.332em;
}

/**
 * Icon links
 */
.shifter-navigation .current-menu-item > a:after,
.portfolio-filter .active a:after {
  display: block;
  position: absolute;
  left: -25px;
  top: -1px;
  width: 29px;
  height: 100%;
  content: " ";
  opacity: .25;
  -webkit-transition: .2s opacity ease;
          transition: .2s opacity ease;
}

.shifter-navigation .current-menu-item > a:after,
.portfolio-filter .active a:after,
.shifter-close:after {
  /*
  background-image: url("images/main.png");
  background-position: -200px 10px;
  background-repeat: no-repeat;
  */
}

.no-touch .menu a:hover:after,
.no-touch .portfolio-filter .active a:hover:after {
  opacity: 1;
}

/**
 * Close Button
 */
.shifter-close {
  display: block;
  float: right;
  position: relative;
  padding: 5px 5px;
  width: 28px;
  height: 28px;
  top: -9px;
  right: -1.75em;
  opacity: .7;
  z-index: 99999;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: opacity ease .2s;
          transition: opacity ease .2s;
}
.no-touch .shifter-close:hover {
  opacity: 1;
}
.shifter-close:after {
  position: absolute;
  top: 14px;
  right: 8px;
  width: 12px;
  height: 12px;
  background-position: -50px -50px;
  content: '';
}

/**
 * Main Search Form
 */
#main-search-form {
  position: relative;
  clear: both;
}
#main-search-form #main-search-field {
  width: 100%;
  height: 28px;
  padding: 0 !important;
  border-width: 0 !important;
  background: none !important;
  /* line height = 28px, and input font size is 12.003px */
  line-height: 2.333em !important;
}
#main-search-form #main-search-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #8d8d8d;
  font-weight: 400;
}
#main-search-form #main-search-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #8d8d8d;
  font-weight: 400;
}
#main-search-form #main-search-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #8d8d8d;
  font-weight: 400;
}
#main-search-form #main-search-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #8d8d8d;
  font-weight: 400;
}
#main-search-form #main-search-submit {
  display: block;
  position: absolute;
  left: -27px;
  bottom: 1px;
  float: right;
  width: 30px;
  height: 19px;
  padding: 0;
  border: none;
  background: url("images/main.png") no-repeat -50px 0px;
  appearance: none;
  opacity: .25;
  -webkit-transition: .2s opacity ease;
          transition: .2s opacity ease;
}
#main-search-form #main-search-submit:active {
  position: absolute;
  top: auto;
  bottom: 1px;
}
.no-touch #main-search-form #main-search-field:hover + #main-search-submit, .no-touch #main-search-form #main-search-submit:hover {
  opacity: 1;
}

/**
 * Main Menu
 */
.shifter-navigation nav:last-child .sep:after, .shifter-navigation nav:last-child .post .post-link .post-time:after, .post .post-link .shifter-navigation nav:last-child .post-time:after, .shifter-navigation nav:last-child .single-post .post-time:after, .single-post .shifter-navigation nav:last-child .post-time:after, .shifter-navigation nav:last-child #comments:after {
  /* hide the bottom border below the main menu, if the portfolio filter is not present */
  display: none;
}
.shifter-navigation .menu li {
  list-style: none;
}
.shifter-navigation .menu li .sub-menu {
  padding-left: 10px;
}
.shifter-navigation .menu li .sub-menu a {
  font-size: 12.003px;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: normal;
}
.shifter-navigation .menu li .sub-menu .current-menu-item a:after {
  /* adjust the positioning of the current menu item indicator, in sub menus */
  left: -42px;
}

/*  09. Portfolio Gallery
    ========================================================================== */
    /**
	 * The main portfolio grid
	 */
.pf-gallery-container {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 1.875em 0.5em;
  /* 0 30px 8px */
}
.pf-gallery-container .portfolio-gallery {
  width: 100%;
}

/**
 * A single grid item in the portfolio grid
 */
.portfolio-item {
  float: left;
  width: 33.333%;
  padding: 0 10px 20px 10px;
  overflow: hidden;
}
.portfolio-item .project-link {
  display: block;
}
.no-touch .portfolio-item .project-link:hover .preview-img-wrap {
  opacity: .05;
}
.no-touch .portfolio-item .project-link:hover .project-info-wrap {
  opacity: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.portfolio-item .project-link .thumb-container {
  position: relative;
}
.portfolio-item .project-link .thumb-container .preview-img-wrap {
  -webkit-transition: .4s all ease;
          transition: .4s all ease;
}
.portfolio-item .project-link .thumb-container .preview-img-wrap .preview-img {
  vertical-align: bottom;
  -webkit-transition: .4s all ease;
          transition: .4s all ease;
}
.portfolio-item .project-link .thumb-container .project-info-wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  padding: 0 1.666em;
  /* 0 20px */
  margin-bottom: 0;
  opacity: 0;
  text-align: center;
  -webkit-transition: .4s all ease;
          transition: .4s all ease;
}
.portfolio-item .project-link .thumb-container .project-info-wrap .project-title {
  margin-bottom: 0;
  font-size: 0.8125em;
  /* 13px */
  line-height: 2.153em;
  /* 28px */
  font-weight: 700;
  color: #4b4b4b;
}
.portfolio-item .project-link .thumb-container .project-info-wrap .project-categories {
  font-size: 0.875em;
  /* 14px */
  line-height: 1.785em;
  /* 25px */
  font-style: italic;
  color: #959595;
}

/**
 * Isotope Filtering
 */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.45s;
          transition-duration: 0.45s;
}

.isotope {
  -webkit-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
          transition-property: transform, opacity;
}

.isotope-item {
  z-index: 100;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

/*  10. Single Portfolio Item
    ========================================================================== */
.single-portfolio-container {
  position: relative;
  margin-bottom: 1.75em;
  /* 28px */
    padding-left:auto;
  padding-right:auto;
}

    	/**
		 * Portfolio post title
		 */
.single-portfolio .post-title {
  margin-bottom: 1.108em;
  /* 42px / 37.897px */
  text-align: center;
}

/**
 * Meta Post Info (Client, Skills...) 
 */
.project-meta {
  padding: 3.5em 0 0;
  /* 56px 0 0 */
}
.project-meta .meta-column {
  float: left;
  width: 100%;
  text-align: center;
}
.project-meta .meta-column:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.project-meta .meta-column span:first-child {
  display: block;
  color: #959595;
}
.project-meta .meta-column .url-button {
  padding: 8px 24px;
  margin-top: 5px;
}
.project-meta.oy-1-cols .meta-column {
  /* one item */
  width: 100%;
}
.project-meta.oy-2-cols .meta-column {
  /* two items */
  width: 50%;
  padding: 0 1%;
}
.project-meta.oy-3-cols .meta-column {
  /* three items */
  width: 32%;
  margin-right: 2%;
}
.project-meta.oy-4-cols .meta-column {
  /* four items */
  width: 25%;
  padding: 0 1%;
}

/*  11. Blog
    ========================================================================== */
.blog-with-sidebar {
  float: left;
  width: 70%;
  padding-right: 1.875em;
}

/**
 * Blog posts grid 
 */
.post {
  float: left;
  width: 31.3333%;
  margin-left: 3%;
  margin-bottom: 3%;
}
.post:nth-child(3n-2) {
  /* Clear the first and every third left margin of a single post */
  margin-left: 0;
}
.post:nth-child(3n+4) {
  /* Clear the float in every first item of a single row */
  clear: left;
}
.post .post-link {
  display: block;
  color: #808080;
}
.no-touch .post .post-link:hover {
  color: #343434;
}
.post .post-link .featured-img-container {
  position: relative;
}
.post .post-link .featured-img-container .featured-img-overlay {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  margin: 0;
  background-color: white;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
          transition: all 0.2s ease-in-out 0.1s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.post .post-link .featured-img-container .read-more {
  position: absolute;
  width: 100%;
  z-index: 3;
  opacity: 0;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  font-style: italic;
  text-transform: capitalize;
  color: #959595;
  -webkit-transition: all 0.2s ease-in-out 0.1s;
          transition: all 0.2s ease-in-out 0.1s;
}
.post .post-link .featured-img-container img {
  display: block;
  margin-bottom: 1.75em;
}
.no-touch .post .post-link:hover .featured-img-overlay {
  margin: 10px;
  opacity: 0.92;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.no-touch .post .post-link:hover .read-more {
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.post .post-link .post-title {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
}
.post .post-link .post-time {
  display: block;
  color: #959595;
}

/**
 * Next/Prev Page Links 
 */
.pager .prev-page {
  float: left;
}
.pager .next-page {
  float: right;
}
.pager a {
  display: block;
  color: #808080;
  font-weight: 600;
}

/**
 * Single Post
 */
.single-post .post {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}
.single-post h1 {
  margin-bottom: 0.369em;
}
.single-post .post-time {
  display: block;
  color: #818181;
}

/* Handle sticky posts */
.sticky h2,
.sticky .excerpt-content {
  font-weight: bold;
  font-style: italic;
  color: #131313;
}

.bypostauthor {
  overflow: visible;
}

/*  12. Comment Styles
    ========================================================================= */
/* h3 comment title */
#comments {
  margin-top: 5.25em;
  /* 84px */
  padding-top: 1.75em;
  /* 28px */
  margin-bottom: 0;
  text-transform: none;
}
#comments:after {
  width: 100px;
  top: 0;
  height: 4px;
  background: #e4e4e4;
}
#comments span {
  /* number of comments span */
  font-weight: 600;
}

.commentlist {
  margin: 0 0 3.5em 0;
  /* 56px */
}
.commentlist li {
  position: relative;
  list-style-type: none;
  clear: both;
}
.commentlist li[class*=depth-] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-left: 1.875em;
  /* 30px */
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul {
  /* Inner lists within .commentlist */
  margin: 0;
}
.commentlist li .comment-body {
  margin-bottom: 1.75em;
  /* 28px */
  padding: 0.937em 0.937em 0 0.625em;
  /* 15px 15px 10px */
  border: 1px solid #eee;
  background: #fff;
}
.commentlist li .comment-body .comment-author + .help {
  margin: 0;
  margin-left: 4.375em;
  /* 70px */
}
.commentlist li .comment-body .vcard {
  margin-left: 4.375em;
  /* 70px */
  margin-bottom: 0.937em;
  /* 15px */
}
.commentlist li .comment-body .vcard .avatar {
  position: absolute;
  left: 1.25em;
  /* 20px */
  margin-top: 5px;
  padding: 2px;
  border: 1px solid #EDEFEE;
  background: #fff;
}
.commentlist li .comment-body .vcard cite.fn {
  display: inline-block;
  margin-top: -4px;
  font-style: normal;
}
.commentlist li .comment-body .vcard time a {
  color: #999;
  text-decoration: none;
}
.no-touch .commentlist li .comment-body .vcard time a:hover {
  text-decoration: underline;
}
.commentlist li .comment-body .vcard .comment-meta {
  font-size: 12px;
}
.commentlist li .comment-body .vcard .comment-meta .comment-reply-link {
  text-decoration: none;
}
.commentlist li .comment-body .comment_content {
  margin-left: 4.375em;
  /* 70px */
}
.commentlist li .comment-body .comment_content p {
  font-size: 1em;
}

/*  13. Comment Form Styles
    ========================================================================== */
#respond {
  padding: 0 1.562em 1.25em 0;
  /* 0 25px 20px 0 */
}
.post-content + #respond {
  margin-top: 0.937em;
  /* 15px */
}
.comment-body + #respond {
  padding: 0;
}
#respond #reply-title {
  margin-bottom: 0.4em;
  /* 10px */
  text-transform: none;
  font-size: 1.562rem;
  /* 25px */
}
#respond #reply-title #cancel-comment-reply-link {
  display: block;
}
#respond form[method=post] label,
#respond form[method=post] .required {
  display: none;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url],
#respond textarea {
  padding: 8px 10px;
}
#respond #comment {
  /* comment textarea */
  width: 100%;
  max-width: 600px;
  height: 180px;
}
#respond input[type=text],
#respond input[type=email],
#respond input[type=url] {
  max-width: 300px;
}

/*  14. Widgets 
    ========================================================================== */
.widget {
  padding: 0 0;
  margin: 0 0 3.5em;
  /* 56px */
}
.widget:before, .widget:after {
  content: " ";
  display: table;
}
.widget:after {
  clear: both;
}
.widget .widgettitle {
  margin-bottom: 1.4em;
  /* 28px */
  font-size: 19.995px;
  font-size: 1.25rem;
  line-height: 1.400em;
  /* 28px */
}
.widget li {
  margin-bottom: 0.75em;
}
.widget li ul {
  margin-top: 0.75em;
  padding-left: 1em;
  /* indented children lists */
}

.widget_archive li a,
.widget_categories li a,
.widget_nav_menu li a,
.widget_links li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_rss li a,
.widget_meta li a {
  display: block;
}

/* Search widget */
.widget_search .search-form .field {
  width: 100%;
}

/* Menu widget */
.widget .menu > li {
  padding: 0;
}

.widget .menu .current-menu-item a:after {
  display: none;
  /* hide the current menu item indicator */
}

/* Fast Flickr */
.widget_fastflickrwidget .flickr_photo {
  -webkit-transition: 0.4s -webkit-transform ease, 0.4s opacity ease;
          transition: 0.4s transform ease, 0.4s opacity ease;
  opacity: 0.8;
  position: relative;
}
.no-touch .widget_fastflickrwidget .flickr_photo:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 10;
}

/* Calendar widget */
#wp-calendar thead {
  border-bottom: 1px solid #222;
}
#wp-calendar th,
#wp-calendar tbody td {
  padding: 3px 6px;
  text-align: center;
}
#wp-calendar th {
  font-weight: 400;
}
#wp-calendar tfoot td {
  padding-top: 3px;
}
#wp-calendar caption {
  margin-bottom: 0.750em;
  /* 15px */
  font-size: 19.995px;
  font-size: 1.25rem;
  font-weight: 400;
  text-align: center;
}

/* Twitter widget */
.main-content .widget .tp_recent_tweets {
  float: none;
  clear: none;
}
.main-content .widget .tp_recent_tweets li {
  background-image: url("images/main.png");
  background-repeat: no-repeat;
  background-position: -400px -41px;
  padding-left: 1.562em;
  /* 25px */
  padding-bottom: 1.25em;
  /* 20px */
  float: none;
  clear: none;
  line-height: 1.75em;
  /* 28px */
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word;
}
.main-content .widget .tp_recent_tweets li:last-child {
  padding-bottom: 0;
}
.main-content .widget .tp_recent_tweets li a {
  font-weight: normal;
}
.main-content .widget .tp_recent_tweets li a.twitter_time {
  color: #999;
  font-style: normal;
  font-weight: normal;
}
.no-touch .main-content .widget .tp_recent_tweets li a.twitter_time:hover {
  color: #2e2e2e;
}

/*  15. Content Styles
    ========================================================================== */
.the-content {
  font-size: 1.062em;
  /* 17px */
}

.the-content img,
.post-content img {
  margin-bottom: 1.75em;
  /* 28px */
}

.the-content p a:last-child img,
.post-content p a:last-child img {
  margin-bottom: 0;
}

.the-content ul,
.the-content ol,
.the-content table,
.the-content dl {
  margin: 1.75em 0;
  /* 28px */
}
.the-content ul,
.the-content ol {
  margin-right: 2.2em;
}
.the-content ul li,
.the-content ol li {
  margin-bottom: 0.75em;
}
.the-content ul {
  list-style-type: square;
}
.the-content ul ul {
  /* Lists within lists */
  margin-left: 1.75em;
}
.the-content ol {
  list-style-type: decimal;
}
.the-content ol ol {
  /* Lists within lists */
  margin-left: 1.75em;
}
.the-content blockquote {
  margin: 0;
  margin-left: 28px;
  font-style: italic;
  font-family: "Eureka", Georgia, "Times New Roman", Times, serif;
}
.the-content blockquote:before {
  /* This adds the quote before the blockquote */
  float: left;
  margin-left: -.7em;
  padding: 0 5px 0 0;
  font-family: "Eureka", Georgia, serif;
  font-size: 2.75em;
  opacity: 0.8;
  content: "“";
}
.the-content dl {
  margin: 1.75em 0 1.75em;
}
.the-content dl dt {
  margin-top: 1.25em;
  font-weight: 500;
}
.the-content dl dd {
  margin-top: 0.5em;
  font-style: italic;
}
.the-content table {
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  background: #fff;
  text-shadow: none;
}
.the-content table tr:nth-of-type(odd) {
  background-color: #eff3f4;
  /* zebra style table */
}
.the-content table th,
.the-content table td {
  padding: 0.562em 1.375em;
  border: 1px solid #e9e9e9;
}
.the-content table th {
  text-transform: uppercase;
  font-weight: normal;
}
.the-content table caption {
  font-size: 19.995px;
  font-size: 1.25rem;
  font-weight: bold;
}
.the-content pre {
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  width: 99%;
  word-wrap: break-word;
  overflow: auto;
  overflow-y: hidden;
  border-left: 6px solid #F5D995;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  background: #fff url("images/pre-code-bg.png") repeat left top;
  text-shadow: none;
}
.the-content pre code {
  margin: 0 0 0 2.5em;
  padding: 1.125em 0;
  display: block;
  color: #443325;
}
.the-content video {
  display: block;
  margin: 1.75em 0;
  max-width: 100%;
}
.the-content object {
  display: block;
  margin: 1.75em 0;
  max-width: 100%;
}

/**
 * WordPress built-in image-related classes
 */
img.alignright,
.wp-caption.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

img.aligncenter,
.wp-caption.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/**
 * WordPress captions
 */
.wp-caption {
  width: auto !important;
  max-width: 100% !important;
  margin-bottom: 1.75em;
  text-shadow: none;
  text-align: center;
  font-style: italic;
}
.wp-caption img,
.wp-caption img a {
  margin: 0 !important;
  padding: 0;
  border: 0 none;
}
.wp-caption .wp-caption-text {
  padding: 0 4px 5px;
  margin: 0;
  font-family: "Eureka", Georgia, "Times New Roman", Times, serif;
}

/**
 * Default WordPress Gallery
 */
.gallery {
  float: left;
  margin-bottom: 1.75em !important;
  /* 28px */
}
.gallery br {
  display: none;
}
.gallery .gallery-item {
  margin: 0 !important;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item img {
  margin: 0 !important;
  padding: 0;
  -webkit-transition: 0.3s all ease;
          transition: 0.3s all ease;
}
.gallery .gallery-item .gallery-icon {
  margin-top: 0 !important;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item .gallery-icon a {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
}
.gallery .gallery-item .gallery-icon a:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  content: "";
  -webkit-transition: 0.3s all ease;
          transition: 0.3s all ease;
}
.no-touch .gallery .gallery-item .gallery-icon a:hover:after {
  opacity: 1;
  padding: 0;
}
.gallery .gallery-item .gallery-icon img {
  display: block;
  border: none !important;
}
.gallery .gallery-item .gallery-caption {
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 5px;
  color: #fff;
}

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

.gallery-columns-3 .gallery-item {
  width: 33.3% !important;
}

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

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

.gallery-columns-6 .gallery-item {
  width: 16.666% !important;
}

.gallery-columns-7 .gallery-item {
  width: 14.285% !important;
}

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

.gallery-columns-9 .gallery-item {
  width: 11.111% !important;
}

/*  16. Search & 404 Not Found
    ========================================================================== */
.item-title,
.search-results .main-content p {
  text-align: center;
}

.search-post-title {
  text-align: center;
  margin: 0;
  font-family: "Eureka", helvetica, arial, sans-serif;
}
.search-post-title a {
  display: block;
  padding: 0.703em 0;
  /* 20px / 28.430px */
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}
.no-touch .search-post-title a:hover {
  background: #fff;
  padding-left: 10px;
}
.search-post-title:first-child a {
  border-top: 1px solid #e6e6e6;
}
.search-post-title:last-child a {
  border-bottom: none;
}

/**
 * Not found paragraph 
 */
.not-found {
  text-align: center;
}

/*  17. Footer
    ========================================================================== */
.footer {
  position: relative;
  padding: 14.687em 2.5em;
    padding-top: 20px;
  /* 235px 40px */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: center;
}
.footer.no-contact {
  margin-top: -1.75em;
  /* 28px */
}
.no-footer-cover-image .footer {
  padding: 0 0 3.5em 0;
  /* 56px */
}
.footer .sep:after, .footer .post .post-link .post-time:after, .post .post-link .footer .post-time:after, .footer .single-post .post-time:after, .single-post .footer .post-time:after, .footer #comments:after {
  left: 50%;
  margin-left: -20px;
  width: 40px;
}
.footer .menu,
.footer .contact-info {
  text-align: center;
}
.footer .menu li,
.footer .contact-info li {
  display: inline-block;
  padding: 0 0.9375em;
  /* 15px */
  vertical-align: top;
  list-style: none;
}
.footer .menu a {
  display: block;
  position: relative;
  font-weight: 600;
}
.no-touch .footer .menu a:hover {
  opacity: .5;
}
.footer .menu-container + .contact-info {
  margin-top: 1.75em;
  /* 20px */
}
.footer .contact-info {
  padding-left: 1.375em;
  /* 22px */
}
.footer .contact-info li {
  padding: 0;
}
.footer .contact-info a {
  display: block;
  position: relative;
  padding: 0 0.625em;
  /* 10px */
  margin: 0 0.9375em;
  /* 15px */
  font-size: 0.875em;
  /* 14px */
  color: #222;
}
.footer .contact-info a[itemprop="telephone"] {
  padding-left: 0.428em;
  /* 6px */
}
.footer .contact-info a:after {
  display: block;
  position: absolute;
  left: -13px;
  top: 0;
  right: -5px;
  width: 21px;
  height: 100%;
  /*background-image: url("images/main.png");*/
  content: " ";
  opacity: .75;
  -webkit-transition: .2s opacity ease;
          transition: .2s opacity ease;
}
.footer .contact-info a.mail-link:after {
  width: 24px;
  left: -15px;
  background-position: -300px 11px;
}
.footer .contact-info a.tel-link:after {
  background-position: -250px 9px;
}
.no-touch .footer .contact-info a:hover {
  opacity: .5;
}
.footer .copyright {
  margin-bottom: 0;
}

/**
 * Dark overlay that appears over the main content, when the menu is open 
 */
.shifter-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  overflow: hidden;
  z-index: 99;
}

/*  18. Plugins
    ========================================================================== */
/**
 * Soliloquy Slider Plugin
 */
.soliloquy-container img {
  margin-bottom: 0;
}

/**
 * Lightbox Plugin
 */
html #swipebox-caption,
#swipebox-action {
  border-color: transparent !important;
}

html #swipebox-action {
  top: -50px;
  bottom: auto !important;
}
html #swipebox-action.visible-bars {
  top: 0;
  bottom: auto !important;
}
html #swipebox-action.force-visible-bars {
  top: 0 !important;
  bottom: auto !important;
}

html #swipebox-caption {
  bottom: -50px;
  top: auto !important;
  font-family: "Eureka", helvetica, arial, sans-serif;
}
html #swipebox-caption.visible-bars {
  bottom: 0;
  top: auto !important;
}
html #swipebox-caption.force-visible-bars {
  bottom: 0 !important;
  top: auto !important;
}

/**
 * Metaslider Plugin
 */
.metaslider img {
  margin-bottom: 0;
}
.metaslider ol, .metaslider ul {
  margin: auto;
  line-height: 0;
}
.metaslider .flex-direction-nav a {
  /* Prev/Next */
  margin: -17px 0 0;
  opacity: .4;
  border-radius: 50px;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
  background: #fefefe;
}
.metaslider .flex-direction-nav a.flex-next {
  background-position: 100% 0;
  right: 10px;
}
.metaslider .flex-direction-nav a.flex-next:after {
  margin-left: -2px;
  border-top: 6px solid transparent;
  border-left: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a.flex-prev {
  left: 10px;
}
.metaslider .flex-direction-nav a.flex-prev:after {
  margin-left: -4px;
  border-top: 6px solid transparent;
  border-right: 6px solid #333;
  border-bottom: 6px solid transparent;
}
.metaslider .flex-direction-nav a:after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  width: 0;
  height: 0;
}
.metaslider .flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.metaslider .flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.metaslider .flex-control-paging li {
  margin-bottom: 0;
}
.metaslider .flex-control-paging li a {
  /* Slider pagination */
  background: #c5c5c5;
  box-shadow: none;
}
.metaslider .flex-control-paging li a.flex-active {
  background: #2e2e2e;
}

/**
 * Cyclone Slider Plugin
 */
.cycloneslider.cycloneslider-template-standard {
  margin-bottom: 3.5em;
  /* 56px */
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager {
  bottom: -30px;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span {
  background: #e0e0e0;
  box-shadow: none;
}
.cycloneslider.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
  background-color: #2e2e2e;
}

/**
 * MapPress Plugin
 */
.mapp-layout {
  border: none !important;
  margin: 0 0 1.75em 0 !important;
  /* 28px */
}
.mapp-layout .mapp-map-links {
  background-color: none !important;
  border: none !important;
}

/**
 * Contact Form 7 Plugin
 */
.wpcf7 p {
  margin-bottom: 1.75em;
  /* 28px */
}
.wpcf7 .wpcf7-form-control-wrap {
  /* span wrapper */
  display: inline !important;
}
.wpcf7 div.wpcf7-response-output {
  margin: 2em 0 1em;
}
.wpcf7 span.wpcf7-not-valid-tip {
  z-index: 100;
  background: none;
  border: none;
  font-size: 0.875em;
  /* 14px */
  width: 200px;
  padding: 0;
  color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-response-output, .dropdown-page .wpcf7 .wpcf7-response-output {
  padding: 0;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ok, .dropdown-page .wpcf7 .wpcf7-mail-sent-ok {
  border: none;
  color: #70c949;
}
.slide-out-div .wpcf7 .wpcf7-mail-sent-ng, .dropdown-page .wpcf7 .wpcf7-mail-sent-ng {
  border: none;
  color: #e44141;
}
.slide-out-div .wpcf7 .wpcf7-spam-blocked, .dropdown-page .wpcf7 .wpcf7-spam-blocked {
  border: none;
  color: #ffa500;
}
.slide-out-div .wpcf7 .wpcf7-validation-errors, .dropdown-page .wpcf7 .wpcf7-validation-errors {
  border: none;
  color: #f4e50f;
}

/* Disable the default margin introduced by WordPress' admin bar */
html[lang] {
  margin-top: 0 !important;
}

/*  19. Media Queries
    ========================================================================== */
    /**
    * Target Retina Devices
	*/
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .search-container a:after,
  .contents .widget .tp_recent_tweets li,
  .current-menu-item > a:after,
  .portfolio-filter .active a:after,
  #main-search-submit,
  .shifter-close:after,
  .main-nav-buttons:after,
  .shifter .header .shifter-handle:after,
  .header .header-buttons .oy-prev-link:after,
  .header .header-buttons .oy-next-link:after,
  .scroll-indicator,
  .contact-info a:after,
  .main-content .widget .tp_recent_tweets li {
    /* Reference the @2x Sprite */
    /*background-image: url("images/main_@2x.png") !important;*/
    /* Translate the @2x sprite's dimensions back to 1x */
    background-size: 500px 200px !important;
  }

  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]),
  textarea {
    border: 1px solid #e3e5e5;
  }

  input[type="text"]:focus,
  input:not([type=submit]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
  textarea:focus,
  select:focus {
    border-color: #cecece;
  }

  /* Slider pagination */
  .metaslider .flex-control-paging li a {
    background: #e0e0e0;
    box-shadow: none;
  }
}
/* Using background-attachment: fixed with background-size: cover causes issues on most mobile browsers, so we need to switch to background-attachment: scroll */
@media screen and (max-device-width: 1024px) {
  .bg-cover-img {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 1281px) {
  .main-container .main-content {
    margin-top: 5.25em;
    margin-bottom: 3.5em;
  }
}
@media screen and (max-width: 1080px) {
  .post {
    width: 48.5%;
    margin-left: 0;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .post:nth-child(3n-2) {
    /* Clear the first and every third left margin of a single post */
    margin-left: 0;
  }
  .post:nth-child(3n+4) {
    /* Clear the float in every first item of a single row */
    clear: none;
  }
  .post:nth-child(2n-2) {
    /* Clear the right margin of the last post in a single row */
    margin-right: 0;
  }
  .post:nth-child(2n-1) {
    /* Clear the float in every first item of a single row */
    clear: left;
  }
}
@media screen and (max-width: 1050px) {
  .bg-cover-img .main-title {
    padding: 0;
    font-size: 37.897px;
    font-size: 2.369em;
     font-size: 40px;
    line-height: 1.477em;
  }

  .footer {
    padding-top: 11.25em;
    /* 180px */
    padding-bottom: 11.25em;
    /* 180px */
  }
}
@media only screen and (max-width: 960px) {
  .header.headhesive .oy-logo {
    padding: 0;
  }
}
@media screen and (max-width: 890px) {
  .bg-cover-img .main-title {
    padding: 0;
  }

  .footer {
    padding-top: 10.625em;
    /* 160px */
    padding-bottom: 10.625em;
    /* 160px */
  }
}
@media only screen and (max-width: 710px) {
  .main-container .main-content {
    margin-top: 4.375em;
    /* 70px */
    margin-bottom: 2.625em;
    /* 42px */
  }

  .project-meta {
    padding-top: 2.625em;
    /* 42px */
  }

  .page-template-template-page-with-sidebar-php .page-content,
  .blog-with-sidebar {
    width: 100%;
    float: none;
    padding-right: 0;
  }

  .page-template-template-page-with-sidebar-php .sidebar,
  .sidebar {
    width: 100%;
    float: none;
  }

  .bg-cover-img .main-title {
    width: 100%;
    padding: 0 1.125em;
    /* 40px */
    font-size: 35.528px;
    font-size: 2.221em;
     font-size: 40px;
    line-height: 1.266em;
  }

  .single-portfolio .post-title,
  .single-post h1 {
    font-size: 28.430px;
    font-size: 1.777rem;
    line-height: 1.477em;
    margin-bottom: 0.984em;
  }
}
@media screen and (max-width: 700px) {
  .post {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5%;
    float: none;
  }
}
@media only screen and (max-width: 600px) {
  .header .oy-logo {
      padding: 0.625em 0;
  }

  .shifter-navigation {
    padding-top: 1.687em;
    /* 27px */
  }

  .bg-cover-img .scroll-indicator {
    margin-bottom: 0.625em;
    /* 10px */
  }

  .main-container .main-content,
  .header,
  .footer {
    padding-left: 1.875em;
    /* 30px */
    padding-right: 1.875em;
    /* 30px */
  }

  .header .header-buttons {
    right: 1.875em;
    /* 30px */
  }

  .pf-gallery-container {
    padding: 0 1.25em;
    /* 20px */
  }
}
@media only screen and (max-width: 580px) {
  #header-bg-check .oy-prev-link,
  #header-bg-check .oy-next-link {
    display: none;
  }

  .single-portfolio .headhesive .oy-logo,
  .single .headhesive .oy-logo {
    visibility: hidden;
  }

  /**
   * Single portfolio item meta information
   */
  .project-meta {
    padding: 0;
  }
  .project-meta .meta-column {
    width: 100% !important;
    padding-bottom: 0.875em !important;
    /* 14px */
  }

  .footer {
    padding-top: 7.5em;
    /* 120px */
    padding-bottom: 7.5em;
    /* 120px */
  }
}
@media only screen and (max-width: 470px) {
  .main-container .main-content {
    margin-top: 3.5em;
    margin-bottom: 1.75em;
  }

  .pf-gallery-container {
    padding: 0 0.625em;
    /* 10px */
  }

  /**
   * Blog pagination
   */
  .pager li {
    display: block;
    margin: 0 auto 10px;
  }
  .pager li.prev-page, .pager li.next-page {
    float: none;
  }
  .pager li a {
    text-align: center;
  }
  .pager li > span {
    display: block;
    text-align: center;
  }

  .bg-cover-img .main-title {
    padding: 1.5em;
    /* 40px */
    font-size: 28.430px;
    font-size: 1.777rem;
     font-size: 40px;
    line-height: 1.477em;
  }

  .footer {
    padding-top: 5.312em;
    /* 85px */
    padding-bottom: 5.312em;
    /* 85px */
  }
}
@media only screen and (max-width: 380px) {
  .main-container .main-content,
  .header,
  .footer {
    padding-left: 1.333em;
    /* 20px */
    padding-right: 1.333em;
    /* 20px */
  }

  .header .header-buttons {
    right: 1.333em;
    /* 20px */
  }
}
@media only screen and (max-width: 350px) {
  /**
   * WordPress gallery
   */
  .gallery .gallery-item {
    margin: 0 0 20px 0 !important;
    width: 100% !important;
    float: none;
  }
}
/**
 * Portfolio grid 
 */
@media only screen and (max-width: 400px) {
  .portfolio-gallery .portfolio-item {
    width: 100%;
    /* full width */
  }
}
@media only screen and (min-width: 401px) and (max-width: 850px) {
  .portfolio-gallery .portfolio-item {
    width: 50%;
    /* 2 columns */
  }
}
@media only screen and (min-width: 851px) and (max-width: 1200px) {
  .portfolio-gallery .portfolio-item {
    width: 33.333%;
    /* 3 columns */
  }
}
@media only screen and (min-width: 1201px) {
  .portfolio-gallery .portfolio-item {
    width: 25%;
    /* 4 columns */
  }
}
/*  20. Animations
    ========================================================================== */
@-webkit-keyframes tinywiggle {
  25%, 50%, 75%, 100% {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  25% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes tinywiggle {
  25%, 50%, 75%, 100% {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  25% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  50% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}


.shop{
-webkit-font-smoothing: antialiased;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: opacity;
-webkit-transition-timing-function: ease;
-webkit-user-drag: none;
-webkit-user-select: none;
box-sizing: border-box;
color: rgb(34, 34, 34);
cursor: pointer;
display: block;
float: right;
font-family: "Eureka", helvetica, arial, sans-serif;
font-size: 14px;
font-weight: 600;
height: 36px;
letter-spacing: 2.799999952316284px;
line-height: 0px;
margin-left: 20px;
opacity: 1;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
position: relative;
text-transform: uppercase;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: opacity;
transition-timing-function: ease;
width: 75.890625px;
z-index: 99999;
}

.headerModiffied{
-webkit-backface-visibility: hidden;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: antialiased;
-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
-webkit-transform-style: preserve-3d;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.25s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(255, 255, 255, 0.960784);
background-image: none;
background-origin: padding-box;
background-size: auto;
box-sizing: border-box;
color: rgb(103, 103, 103);
display: block;
font-family:"Eureka-bold";
font-weight: normal;
height: 81px;
left: 0px;
line-height: 28px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
position: fixed;
top: 0px;
transition-delay: 0s;
transition-duration: 0.25s;
transition-property: all;
transition-timing-function: ease-in-out;
width: 100%;
z-index: 99;
}


.article{
max-width:500px;
margin-left: auto;
margin-right: auto;
text-align:justify;
}

.divShop{

-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: rgb(103, 103, 103);
display: block;
font-family: "Eureka", helvetica, arial, sans-serif;
font-size: 20px;
font-weight: normal;
height: 100%; 
line-height: 28px;
/*max-width: 720px;*/
min-width: 360px;
margin-left:auto;
margin-right:auto;

}

.blocShop{
background-color:rgba(255,255,255,0.7);
-webkit-font-smoothing: antialiased;
box-sizing: border-box;
color: rgb(103, 103, 103);
font-family: "Eureka", helvetica, arial, sans-serif;
font-weight: normal;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
position:relative;

/*width:350px;*/

float: left;
z-index: 100;
margin-right:10px;
margin-top:10px;

max-height: 450px;
min-height: 450px;
font-size: 17px;
line-height: 18px;

}

@media only screen and (max-width: 499px) {
.blocShop{
 width:77%;
 }
}
@media only screen and (min-width: 500px) {
 .blocShop{
width:350px;
 }
}


/**/
.blocArticle{
background-color:rgba(255,255,255,0.7);
-webkit-font-smoothing: antialiased;
/*box-sizing: border-box;*/
color: rgb(103, 103, 103);
font-family: "Eureka", helvetica, arial, sans-serif;
font-weight: normal;
padding-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
position:relative;

/*width:350px;*/

float: left;
z-index: 1;
margin-right:10px;
margin-top:10px;

max-height: 450px;
min-height: 450px;
font-size: 17px;
line-height: 18px;

}

@media only screen and (max-width: 499px) {
.blocArticle{
 width:77%;
 }
}
@media only screen and (min-width: 500px) {
 .blocArticle{
width:350px;
 }
}
/**/




.backShop{
float: left;
width:100%;
position:relative;
display: block;
margin-top:20px;

min-width:250px;

}

.orderandshipping{
display:block;
background-color:  rgba(255,255,255,0.7);
}

.line{
margin-top:10px;
}

#bg-shop{
background-image:url("images/fondshop.jpg");
}

#bg-about{
/*background-image:url("images/fondshop.jpg");*/
background-color:#fff;
}

.ret{
min-width:100%;
max-height:30px;
margin-bottom: 30px;

}
#retaillers{
display: block;
/*position: fixed;*/
margin-top:81px;
height:100%;
width:90%;
margin-left:auto;
margin-right:auto;
background-color: rgba(255,255,255,1);
color:#000;
display:none;
/*z-index:999;*/
padding-left:20px;
overflow: scroll;
text-align:left;
z-index:100;

}

#retaillers a:link{
color: #FF8000;
text-decoration: none;
}

#bio{
display: block;
margin-top:81px;
height:100%;
width:100%;
margin-left:auto;
margin-right:auto;
background-color: rgba(255,255,255,1);
color:#000;
padding-left:20px;
text-align:left;
}

.city{
display:block;
border: 2px none #FFF;
border-bottom-style: solid;
text-transform: uppercase;
padding-top:20px;
padding-left:20px;
font-size:28px;
font-family: "Eureka-bold", helvetica, arial, sans-serif;
}

.retret{
border-bottom-style: solid;
border-color: #6C6C6C;
}


	.city-bloc li{
	padding-right:10px;
	}					    
						    
@media all and (min-width: 1081px) {

						    .city-bloc{
						    position:relative;
						    display:bloc;
						    width: 25%;
						    min-height:250px;
						    float:left;
						    
						    }
						    .ret{
							min-width:100%;
							max-height:30px;
							min-height:30px;
							}
						    
						}
@media all and (max-width: 1080px) {

						    .city-bloc{
						    position:relative;
						    display:bloc;
						    width: 25%;
						     min-height:350px;
						     float:left;
						    
						    }
						    
						    .ret{
							min-width:100%;
							max-height:30px;
							min-height:30px;
								}
						    
						}
@media all and (max-width: 800px) {

						    .city-bloc{
						    position:relative;
						    display:bloc;
						    width: 100%;
						    min-height:100px;
						    float:left;
						    
						    }
						   						    
						    .ret{
							min-width:100%;
							max-height:30px;
							min-height:30px;
								}

						}
						    
						    
						    

.link{
display:block;
padding-left:20px;
/*
border: 1px none #C3C3C3;
border-bottom-style: solid;
*/
padding-bottom:10px;
}
#closeretail{
display:none;
}
.texteTitle{
background-color:  rgba(255,255,255,0.7);
}
.texteEx{
padding:10px;
display:block;
text-align: justify;
background-color:  rgba(255,255,255,0.7);
}
.prix{
position: absolute;
bottom: 0;
margin-bottom: 10px;
}
.prixX{
position: absolute;
/*bottom: 0;*/
margin-bottom: 10px;
}

.solo{
position: absolute;
bottom: 0;
margin-bottom: 35px;
}
.price{
font-weight:bold;
color:#ff8000;
}

.fistelement{
margin-top:40px;
}
.firstelement{
margin-top:80px;
}

.tazastitle{
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
}


checkbox {
    
-webkit-appearance: none;
-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
-webkit-font-smoothing: auto;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(49, 50, 51);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-color: rgb(49, 50, 51);
border-left-style: solid;
border-left-width: 2px;
border-right-color: rgb(49, 50, 51);
border-right-style: solid;
border-right-width: 2px;
border-top-color: rgb(49, 50, 51);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 2px;
box-sizing: border-box;
color: rgb(49, 50, 51);
cursor: pointer;
display: inline-block;
font-family: "Eureka", helvetica, arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 600;
height: 45px;
letter-spacing: 2.4000000953674316px;
line-height: 21px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: rgb(49, 50, 51);
outline-style: none;
outline-width: 0px;
padding-bottom: 10px;
padding-left: 24px;
padding-right: 24px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease-in-out;
vertical-align: top;
width: 400px;

}

.contact-info p{
color: rgb(49, 50, 51);
cursor: pointer;
display: inline-block;
font-family: "Eureka", helvetica, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 600;
height: 45px;
letter-spacing: 2.4000000953674316px;
line-height: 21px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}

label{
color: rgb(49, 50, 51);
cursor: pointer;
display: inline-block;
font-family: "Eureka", helvetica, arial, sans-serif;
font-style: normal;
font-variant: normal;
font-weight: 600;
height: 45px;
letter-spacing: 2.4000000953674316px;
line-height: 21px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 20px;
margin-top: 0px;
}

.just{
text-align:justify;
}

#footer-bg-check{
padding-top:10px;
}

iframe {
    border:none;
}



.retail{

color:#ff8000;
font-weight:bold;
}

#ask{
display: inline-block;
  padding: 4px 4px;
  border-radius: 4px;
  border: 2px solid #ff8000;
  background: none;
  color: #ff8000;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
margin-bottom:10px;
}
.askinside{
margin-bottom: 0px;
}

.footer{
padding-bottom:10px;
}

.orderBloc p{
text-align:center;
font-size: 17px;
line-height: 18px;

}

#Tazas{
color:#222 !important;
}
#retail{
color:#222 !important;
}

.separator{
display: bloc;
width:100%;
height:1px;
background-color:#000;
position:relative;
float: left;
z-index: 1;
}

#IMG_separator{
display: bloc;
max-width:1050px;
background-color:#000;
position:relative;
float: left;
margin:auto;
margin-left:10px;

z-index: 1;
}

.titreh1{
  font-size: 26px;
  line-height: 1.108em;
  margin-bottom: 0.7388em;
  text-transform: uppercase;
}
									.ital{
									font-style:italic;
									margin-top:-25px;
									}
									
									
		.uppp{
									margin-top:-20px;
									}	
									.upp{
									margin-top:20px;
									}											

.fulloff{
display:bloc;
min-height:1600px;
z-index: 1;
}

.centering{
margin-left: auto;
margin-right: auto;
}

.jus{
text-align:justify;
}

button.btn_oeuvre{
border-radius:4px;
color:rgba(255,255,255,0.8);
border-color:rgba(255,255,255,0.8);
background-color:rgba(255,255,255,0.0);
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
max-width: 800px;
padding: 0 0.844em;
margin-bottom: 0;
font-family: "Eureka-bold", helvetica, arial, sans-serif;
font-size: 200%;
}

button.btn_oeuvre:hover{
color:rgba(255,255,255,0.8);
border-color:rgba(255,255,255,0.8);
background-color:rgba(255,255,255,0.2);
}

.background--light {
  color: #FFF !important;
}
.h_over{
z-index: 101;
}

.gt{
color:#000;
font-weight: bold;
}

.linkBitcoin{
color: rgb(255, 128, 0);
}

.safefont{
font-family: "Eureka Sans", helvetica, arial, sans-serif;
column-count: 3;
max-width:100%;
line-height: 18px;
}

.terms{
font-family: "Eureka Sans Bold", helvetica, arial, sans-serif;
font-weight: bold;
padding-top:20px;
padding-bottom:5px;
font-size: 1.135em;

}

.num{
font-family: "Eureka Sans Bold", helvetica, arial, sans-serif;
font-weight: bold;
}