/* ===================================
   Extra fonts
   ================================== */
   @import url(./../fonts/font-awesome-4.5.0/css/font-awesome.min.css);

/* =============================================================================
   CSS Reset
   ========================================================================== */
/*
Eric Meyer's CSS Reset v2.0 
http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }


/* =============================================================================
   Fix the clear issue
   ========================================================================== */
.hide { display: none; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%;}

/*.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } - CREATES SPACE ON BOTTOM */
.clearfix:before { content: " "; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix { display: inline-block; } /* Hide from IE Mac \*/ 
.clearfix { display: block; } /* End hide from IE Mac */ 

.clear-fixed { height: 100%; overflow: hidden; }

.left{ float: left; }
.right{ float: right; }

/* =============================================================================
   Links & Image
   ========================================================================== */
a, a:hover, a:focus { text-decoration: none; }
a:hover, a:active, a:focus { outline: none; }
a img { border: none; }
img { vertical-align: top; }


/* =============================================================================
   Typography
   ========================================================================== */
/*::-moz-selection { background: #ccc; color: #000000; text-shadow: none; }
::selection { background: #ccc; color: #000000; text-shadow: none; }*/

body { line-height: 1; font-family: Verdana, Geneva, sans-serif; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCCCCC; margin: 1em 0; padding: 0; }

ins { background: #FFFF99; color: #000000; text-decoration: none; }

mark { background: #FFFF00; color: #000000; font-style: italic; font-weight: bold; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Button, input, textarea
   ========================================================================== */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/*-----------------------------------------------------------------------------
**Table Of Content**

1-- Layouts
2-- Header
3-- Banner
4--Pagination
5--Blog Lists
6--Blog Single
7--Portfolio Lists & Grids
8--Portfolio Single
9--Product Lists & Grids
10--Product Single
11--Search Lists
12--Related Posts
13--Archive Page
14--Contact Page
15--Page 404
16--Comment
17--Footer
-----------------------------------------------------------------------------*/

/* =========================================
   Layouts
   ======================================== */
body { 
   background-color: #FFFFFF; 
   background-repeat: repeat-x;
   background-position: 50% 0;
   overflow-x: hidden;
}

/* ----- fitgrid ----------------------------------------------------------------- */
.center {
   max-width: 80em;
   margin: 0 auto;
   position: relative;
}

.row {
   margin: 0 .5em;
   padding: 2% 1em 0;
   overflow: hidden;
   height: 1%;
   *zoom: 1;
   min-height: 1%;
}

/* ======================================= 
   columns w/ margin
   ======================================= */
.fg1,.fg2,.fg3,.fg4,.fg5,.fg6,.fg7,.fg8,.fg9,.fg10,.fg11,.fg12 {
   margin:0 2% 0;
   padding:0;
   /* in case of IE7 it's better not to use a padding because of the box-model issue */
   float:left;
   position:relative;
}

.fg12 {
   width:96%;
}

.fg11 {
   width:87.66%;
}

.fg10 {
   width:79.33%;
}

.fg9 {
   width:71%;
}

.fg8 {
   width:62.66%;
}

.fg7 {
   width:54.33%;
}

.fg6 {
   width:46%;
}

.fg5 {
   width:37.66%;
}

.fg4 {
   width:29.33%;
}

.fg3 {
   width:21%;
}

.fg2 {
   width:12.66%;
}

.fg1 {
   width:4.33%;
}

/* ======================================= 
   push w/ columns
   ======================================= */
   
.push12 {
   margin-left:100%;
}

.push11 {
   margin-left:93.66%;
}

.push10 {
   margin-left:85.33%;
}

.push9 {
   margin-left:77%;
}

.push8 {
   margin-left:68.66%;
}

.push7 {
   margin-left:60.33%;
}

.push6 {
   margin-left:52%;
}

.push5 {
   margin-left:43.66%;
}

.push4 {
   margin-left:35.33%;
}

.push3 {
   margin-left:27%;
}

.push2 {
   margin-left:18.66%;
}

.push1 {
   margin-left:10.33%;
}

/* ======================================= 
   columns w/o margin
   ======================================= */
  
.fg-no-gutter{
   padding: 0 3.5%;
   margin-top: 0;
   margin-bottom: 0;
}  
   
.fg-no-gutter > [class*="fg"] {
   margin:0;
   padding:0;
   float:left;
   position:relative;
}

.fg-no-gutter img{
   max-width: 100%;
   max-height: 100%;
}

.fg-no-gutter .fg12 {
   width:100%;
}

.fg-no-gutter .fg11 {
   width:91.66%;
}

.fg-no-gutter .fg10 {
   width:83.33%;
}

.fg-no-gutter .fg9 {
   width:75%;
}

.fg-no-gutter .fg8 {
   width:66.66%;
}

.fg-no-gutter .fg7 {
   width:58.33%;
}

.fg-no-gutter .fg6 {
   width:50%;
}

.fg-no-gutter .fg5 {
   width:41.66%;
}

.fg-no-gutter .fg4 {
   width:33.33%;
}

.fg-no-gutter .fg3 {
   width:25%;
}

.fg-no-gutter .fg2 {
   width:16.66%;
}

.fg-no-gutter .fg1 {
   width:8.33%;
}

/* ======================================= 
   push columns w/o margin
   ======================================= */
   
.fg-no-gutter .push12 {
   margin-left:100%;
}

.fg-no-gutter .push11 {
   margin-left:91.66%;
}

.fg-no-gutter .push10 {
   margin-left:83.33%;
}

.fg-no-gutter .push9 {
   margin-left:75%;
}

.fg-no-gutter .push8 {
   margin-left:66.66%;
}

.fg-no-gutter .push7 {
   margin-left:58.33%;
}

.fg-no-gutter .push6 {
   margin-left:50%;
}

.fg12 .push5 {
   margin-left:41.66%;
}

.fg-no-gutter .push4 {
   margin-left:33.33%;
}

.fg-no-gutter .push3 {
   margin-left:25%;
}

.fg-no-gutter .push2 {
   margin-left:16.66%;
}

.fg-no-gutter .push1 {
   margin-left:8.33%;
}

.fg-no-mobile{
   display: block !important;
}

.fg-no-desktop{
   display: none !important;
}

/* =========================================
   Common
   ======================================== */
body { font-size: 12px; line-height: 1.6em;  color: #666666;}
body, input, textarea { font-family: Verdana, Geneva, sans-serif; }

a { color: #454545; }
a:hover { color: #222222; }

nav, h1, h2, h3, h4, h5, h6, blockquote, .post-meta, .post-price, .comment-meta { font-family: Verdana, Geneva, sans-serif; }

p, ul, ol, dl, pre, blockquote, code { margin: 5px 0 15px; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #333333; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
h4, h5, h6 { margin-bottom: 10px; }
h1, h2, h3, h4 { letter-spacing: -0.5px; }
h1 { font-size: 24px; line-height: 30px; }
h2 { font-size: 22px; line-height: 26px;}
h3 { font-size: 20px; line-height: 24px;}
h4 { font-size: 18px; line-height: 24px;}
h5 { font-size: 16px; line-height: 20px;}
h6 { font-size: 14px; line-height: 18px;}

ul li ul, ol li ol, ul li ol, ol li ul { margin: 10px 0; padding: 0 0 0 40px; }
ul, ol, ul ul, ol ol, ul ol, ol ul { list-style-position: inside;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: lower-alpha; }
ul li, ol li { padding: 3px 0; }

blockquote { 
   font-size: 16px; 
   font-style: italic;  
   padding-left: 50px; 
   /*background: url(../images/quotes.png) no-repeat 0 0;*/
}

pre { 
   line-height: 21px;
   padding: 21px 20px 20px; 
   border: 1px solid #D8D8D8;
   /*background: url(../images/pres.png);*/
}

code { 
   display: block; 
   padding: 15px 20px; 
   border: 1px solid #E5E5E5; 
   background: #F3F3F3; 
}

dl dt { font-weight: bold; }
dl dd { margin: 0 0 20px 20px; }

input[type="text"] {  }
input[type="submit"] {  }
textarea {  }

abbr:hover { cursor: help; }

.alignleft { float: left; text-align: left; margin-right: 20px; }
.alignright { float: right; text-align: right; margin-left: 20px; }
.aligncenter { margin: 0 auto; display: block; }


/* =========================================
   WordPress Default CSS
   ======================================== */
.wp-caption { background: #FFFFFFF; border: 1px solid #F0F0F0; max-width: 96%;  padding: 8px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto;}
.wp-caption .wp-caption-text { font-size:11px; line-height:25px;  margin:0; padding:5px 10px 0; }
.sticky, .gallery-caption, .bypostauthor { }
.gallery .gallery-item { float: left; margin: 0 8px 8px 0;}


/* =========================================
   Format CSS
   ======================================== */
nav ul, nav ol,
nav ul li,
nav ol li,
{ margin: 0; }

/* =========================================
   CC Cokies
   ======================================== */

/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies { position:fixed; width: 100%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 11px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }
.cc-cookies .description{ margin: 5px 0; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}