/*
Theme Name: Blaskan
Theme URI: http://www.blaskan.net
Description: Blaskan is a forever free high quality theme focused on what WordPress does best: blogging. It's fully responsive and built for smartphones, tablets, netbooks, laptops and desktops. Accessibility is highly prioritized, following the WAI-ARIA specfication as well as possible. There are a number of available options to customize how it looks and works in the theme options. You can add your own header image, background image/color, custom menus choose between two different fonts for the titles and more. Blaskan is developed with child theming in mind and is very easy and flexible to override to make it work the way you want.
Author: Per Sandström
Author URI: http://www.helloper.com
Version: 2.2.1
Tags: custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready, black, white, light, left-sidebar, right-sidebar, photoblogging, one-column, two-columns, three-columns, custom-header, editor-style, theme-options
License: GNU General Public License
License URI: license.txt
*/

/** =SETUP ---------- */

@font-face {
    font-family: 'QuicksandLight';
    src: url('fonts/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand_Light-webfont.woff') format('woff'),
        url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
        url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('fonts/Quicksand_Book-webfont.eot');
    src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/Quicksand_Book-webfont.woff') format('woff'),
        url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
        url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background: #fff;
    color: #444;
    font: 14px/22px times, serif;
    font-weight: 300;
    padding: 0 10px;
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 13px;
    }
}

/** =TYPOGRAPHY ---------- */

/**
 * Links
 */

a {
    color: #79954f;
    text-decoration: none;
}

a:active {
    color: #;
}

a:hover,
a:active {
    outline: none;
}

/* a:focus, */
a:hover {
    color: #aa2544;
}

a:focus {
    outline: dotted thin;
}

a:link {
    -webkit-tap-highlight-color: #474746;
}

strong { 
    size:13px;
}

/**
 * Headings
 */

.topdate{
    font-size:11px;

}

#datobox{
    position:relative;
    top:-10px;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #474746;
    margin: 0 0 20px;
    padding: 10px 0 0;
}

h1:active{
    color:#79954f;
}

h1 {
    font-family: QuicksandLight, 'Arial Narrow', sans-serif;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 40px;
    margin: 0 0 30px;
    padding: 5px 0 0;
    text-transform: ;
}

.sans-serif h1 {
    font-family: QuicksandLight, sans-serif;
    line-height:80%
        letter-spacing: 4px;
    text-transform:uppercase;

}

h2 {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 0 0;
}

h3 {
    font-size: 15px;
}

h4 {
    font-size: 12px;
    text-transform: uppercase;
}

h5 {
    font-size: 12px;
    text-transform: uppercase;
}

h6 {
    font-size: 11px;
    text-transform: uppercase;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #79954f;
    text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #474746;
}



/**
 * Text
 */

#nsu_checkbox{
    float:left;
}

p {
    font-family: times;
    font-size: 1.1em;
    line-height: 140%;
    margin: 0 0 20px;
}

blockquote {
    background: url(img/sprite.png) 0 -85px no-repeat;
    color: #888;
    padding: 0 35px;
    margin: 0 0 20px;
}

.multiplebgs blockquote {
    background-image: url(img/sprite.png), url(img/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -85px, bottom right;
}

q {
    color: #888;
    font-style: italic;
}

blockquote a,
q a {
    color: #888;
}

cite {
    color: #000;
}

blockquote cite,
q cite {
    color: #000;
}

blockquote cite:before,
q cite:before {
    content: " \2014  ";
}

strong {
    color: #000;
    font-weight: bold;
}

mark {
    background: #d6eaff;
    font-style: italic;
    font-weight: normal;
}

em,
dfn {
    font-style: italic;
}

dfn {
    font-weight: bold;
}

abbr, 
acronym {
    border-bottom: 1px dotted #222;
}

address {
    font-style: italic;
    margin: 0 0 20px;
}

del,
s {
    color: #888;
    text-decoration: line-through;
}

ins {
    background: #ececec;
}

pre {
    padding: 10px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

code {
    margin: 20px 0;
}

pre,
code,
tt,
kbd,
samp {
    font: 15px/22px monospace, sans-serif;
}

sup,
sub {
    line-height: 0;
}

sub {
    font-size: smaller;
    vertical-align: sub;
}

sup {
    font-size: smaller;
    vertical-align: super;
}

::-moz-selection {
    background: #79954f;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #79954f;
    color: #fff;
    text-shadow: none;
}

/**
 * Lists
 */

li ul, 
li ol {
    margin: 0 20px;
}

ul {
    list-style: disc inside;
    margin: 0 0 20px;
}

ol {
    list-style: decimal inside;
    margin: 0 0 20px;
}

dl {
    margin: 0;
}

dl dt {
    font-size: 15px;
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}


/**
 * recipes
 */

#recipebutton{
    background-color:#cccccc;
    border:1px solid #ffffff;
    text-align: center;
}


.recipebutton:hover{
    background-color:#000000;
}


a recipebuttontext{
    color: #ffffff;
}


/**
 * press
 */

.presslist li
{
    float:left;
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}

.presslist
{
    float:left;
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}

a.presslist
{
    float:left;
    display: inline;
    list-style-type: none;
    padding-right: 10px;
}

img.press{
    vertical-align:top;
}

/**
 * video
 */

#videopage {
    width: 680px ;
    margin-left: auto ;
    margin-right: auto ;
}

/**
 * signup button on frontpage  - CSS IN THE WIDGET!
  */


/**
 * Tables
 */

table {
    width: 100%;
}

tbody {
    border-top: 0;
}

tbody th {
    border-bottom: 0;
}

thead th {
    text-align: left;
    padding-right: 0;
    border-bottom: 0;
}

th {
    color: #000;
    text-align: left;
}

th,
td {
    padding: 0;
}

td,
td img {
    vertical-align: top;
}

tfoot {
    font-style: italic;
}

caption {
    color: #000;
    font-weight: bold;
    text-align: left;
}

/**
 * Forms
 */

label {
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 0 0 5px;
}

fieldset {
    border: 1px solid #ccc;
    border-bottom-width: 2px;
    border-top-width: 2px;
    margin: 0 0 10px;
    padding: 20px;
}

legend {
    font-size: 18px;
    font-weight: bold;
    margin-left: -10px;
    padding: 0 10px;
}

input, 
textarea, 
select {
    background: #fff;
    border: 1px solid #ccc;
    /*
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    */
    color: #555;
    font: 15px/24px 'Helvetica Neue', sans-serif;
    margin: 0 0 10px;
    padding: 5px;
}

input:focus, 
textarea:focus, 
select:focus {
    border: 1px solid #aaa;
    /*
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
    box-shadow: 0 1px 1px #cdcdcd;
    box-shadow: 0 1px 1px rgba(0,0,0,.2);
    */
}

input[type=radio],
input[type=checkbox] {
    border: 0;
    margin: 0;
    padding: 0;
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

input[type=submit] {
    background: #79954f;
    /*
          background: -moz-linear-gradient(top,  #76aee8,  #79954f);
          background: -o-linear-gradient(top, #76aee8, #79954f);
          background: -webkit-gradient(linear, left top, left bottom, from(#76aee8), to(#79954f));
          filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#76aee8', endColorstr='#79954f');
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#76aee8, endColorstr=#79954f)";
    border: solid 1px #79954f;
          -webkit-border-radius: 0px; 
          -moz-border-radius: 0px;
          border-radius: 6px;
          -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
          -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
          box-shadow: 0 1px 2px #000;
          box-shadow: 0 1px 2px rgba(0,0,0,.3);
    */
    color: #fff;
    cursor: hand;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-weight: ;
    margin: 0 2px;
    padding: 5px;
    text-align: center;
    /*
    text-shadow: 0 1px 1px #000;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    */
    vertical-align: baseline;
}

input[type=submit]:hover,
input[type=submit]:focus {
    background: #87a652;
    /*
    background: -moz-linear-gradient(top,  #fba2b5,  #aa2544);
    background: -o-linear-gradient(top, #fba2b5, #fba2b5);
    background: -webkit-gradient(linear, left top, left bottom, from(#fba2b5), to(#aa2544));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fba2b5', endColorstr='#aa2544');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fba2b5, endColorstr=#aa2544)";
    */
    border-color: #;
}

input[type=submit]:active {
    background: #87a652;
    /*
    background: -moz-linear-gradient(top,  #aa2544,  #fba2b5);
    background: -o-linear-gradient(top, #aa2544, #fba2b5);
    background: -webkit-gradient(linear, left top, left bottom, from(#aa2544), to(#fba2b5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa2544', endColorstr='#fba2b5');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa2544, endColorstr=#fba2b5)";
    */
    border-color: #;
    color: #fba2b5;
    position: relative;
    top: 1px;
}

textarea {
    background: #fff;
    height: 120px;
    overflow: auto;
    padding: 5px;
}

button {
    overflow: visible;
    width: auto; 
}

/**
 * Images
 */

figure,
img,
object,
embed {
    max-width: 100%;
}

img {
    border: 0;
    height: auto;
}

/* Contain floats: h5bp.com/q */
figure:before,
figure:after {
    content: "";
    display: table;
}

figure:after {
    clear: both;
}

figure {
    *zoom: 1;
}

figure img {
    float: left;
}

figcaption {
    clear: both;
    color: #666;
}

/**
 * Iframes
 */

iframe {
    border: 0;
    max-width: 100%;
}

/** =BACKGROUND IMAGE ---------- */

#site {
    padding: 0px 0;
}

.background-image #site {
    padding-top: 0;
}

.background-white #wrapper {
    padding-bottom: 0;
    padding-top: 0;
}

.background-image #wrapper {
    background: #fff;
    padding-left: 30px;
    padding-right:30px;
}

.header-image #site {
    padding-top: 00px;
}

@media (max-width: 480px) {
    #site {
        padding: 10px 0;
    }
}

@media (max-width: 768px) {
    body.background-image {
        background: none;
    }

    .background-image #wrapper {
        padding: 10px;
    }

    .header-image #site {
        padding-top: 10px;
    }

    #site {
        padding-bottom: 0;
    }
}

/** =HEADER ---------- */

#header {
    border-bottom: 1px solid #CCC;
    margin: 0 0 30px;
    padding: 0 0 0px;
}

#header:before, 
#header:after {
    content: "";
    display: table;
}

#header:after {
    clear: both;
}
#header {
    *zoom: 1;
}

@media only screen and (max-width: 480px) {
    .advanced-menu #header {
        padding-bottom: 0;
    }
}

.background-image #header {
    margin-left: 0;
    padding-left: 0;
}

#header figure {
    display: inline-block;
    margin: 0 0 30px;
    overflow: hidden;
    width: 100%;
}

#site-name {
    color: #000;
    font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
    font-size: 72px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    width: 100%;
}

#site-name a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

.sans-serif #site-name {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    letter-spacing: -3px;
}

@media only screen and (max-width: 480px) {
    .sans-serif #site-name {
        letter-spacing: -1px;
    }
}

.sans-serif #site-name a {
    text-transform: none;
}

#header-message a {
    color: #666;
}

@media only screen and (max-width: 480px) {

    #site-name {
        font-size: 40px;
        line-height: 44px;
    }

    #header-message {
        font-size: 13px;
    }

}

#nav {
    clear: both;
    margin-top: 10px;
    line-height: 1;
    margin-bottom: 0;
}

#nav ul {
    display: inline;
    margin: 0;
}

#nav li {
    float: left;
    position: relative;
}

#nav a {
    background: #fff;
    font-family: QuicksandBook, sans-serif;

    /*
    background: -moz-linear-gradient(top,  #454545,  #000);
    background: -o-linear-gradient(top, #454545, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#454545, endColorstr=#000000)";
    -webkit-background-clip: padding-box;
    border: 1px solid #000;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    */
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: ;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 0 1px 1px 0;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
    /* text-shadow: 0 1px 1px #000; */
    text-transform: uppercase;
}

#nav a:focus,
#nav a:hover {
    background: #000;
    color:#474746;
    /*
    background: -moz-linear-gradient(top,  #666,  #000);
    background: -o-linear-gradient(top, #666, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#000000)";
    */
}

/*
#nav .menu > ul:hover > li {
        opacity: .7;
}

#nav .menu > ul:hover > li:hover {
        opacity: 1;
}
*/

#nav .menu > ul > .current_menu_item > a,
#nav .menu > ul > .current_page_item > a,
#nav .menu > ul > .current_menu_item > a:hover,
#nav .menu > ul > .current_page_item > a:hover,
#nav .menu > ul > .current_menu_item > a:focus,
#nav .menu > ul > .current_page_item > a:focus,
#nav .menu > ul > .current_page_ancestor > a {
    background: #fff;
    color:#474746;
    /*
    background: -moz-linear-gradient(top,  #999,  #000);
    background: -o-linear-gradient(top, #999, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#999999, endColorstr=#000000)";
    */
}

#nav ul ul {
    display: none;
    float: left;
    margin: 0;
    position: absolute;
    top: 31px;
    left: 0;
    width: 200px;
    z-index: 99999;
}

#nav ul ul ul {
    left: 100%;
    top: 0;
}

#nav ul ul a {
    width: 180px;
}

#nav li:hover > a {
    background: #fff;
    color:#474746;
    /*
    background: -moz-linear-gradient(top,  #666,  #000);
    background: -o-linear-gradient(top, #666, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#000000)";
    */
}

#nav .has-children a {
    position: relative;
}

#nav .has-children > a:after {
    display: inline-block;
    content: "\25BC";
    font: normal 8px/14px Arial, sans-serif;
    margin-left: 10px;
    opacity: .5;
    text-align: right;
}

#nav li .has-children > a:after {
    content: "\25B6";
}

#nav li .has-children > a:after {
    float: right;
    padding-top: 4px;
}

#nav li li:hover > a,
#nav ul ul :hover > a,
#nav li li a:focus {
    /*
    background: -moz-linear-gradient(top, #000, #222);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#222));
    color: #ccc;
    top: 0;
    */
}

#nav li li:hover > a,
#nav a:focus {
    color: #ccc;
}

#nav ul li:hover > ul {
    display: block;
}

@media only screen and (max-width: 480px) {
    .advanced-menu #nav select {
        margin: 0 0 25px;
    }

    #nav li {
        width: 50%;
    }

    #nav ul li:hover > ul {
        display: none;
    }
}

/** =CONTENT ---------- */

.sidebar #content,
.sidebars #content {
    border-bottom: 12px solid #000;
}

@media only screen and (min-width: 768px) {

    .sidebar #content,
    .sidebars #content {
        border-bottom: 0;
    }

}

@media only screen and (max-width: 992px) {

    #primary,
    #secondary {
        padding-bottom: 25px;
    }

    .content-wide-sidebar #content {
        margin: 0;
    }

    .content-wide-sidebar #primary {
        display: inline-block;
        width: 100%;
    }

}

@media only screen and (max-width: 992px) {

    .background-image #content {
        margin-right: 0;
        padding-right: 0;
    }

    .sidebar.footer-widgets #primary,
    .sidebar.footer-widgets #secondary,
    .sidebars.footer-widgets #primary,
    .sidebars.footer-widgets #secondary {
        margin-bottom: 0;
    }

    #primary {
        border-top: 0 !important;
    }

}

@media only screen and (max-width: 600px) {

    .sidebars #primary {
        padding-bottom: 0;
    }

    #primary,
    #secondary {
        padding-bottom: 25px;
    }

    .content-wide-sidebar #primary {
        border-top: 12px solid #000;
        margin-bottom: 0;
        margin-left: 0;
    }

    .content-wide-sidebar #content {
        margin: 0;
    }

}

/** =FOOTER ---------- */

#footer {
    border-top: 12px solid #000;
    padding: 5px 0 0 0;
}

.footer-widgets #footer {
    padding-top: 0;
}

/**
 * Footer widgets
 */

#footer-widgets {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 0 30px;
    width: 100%;
}

/**
 * Footer nav
 */

#footer-nav {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

#footer-nav li {
    display: inline;
}

#footer-nav a {
    color: #999;
}

#footer-nav li:before {
    content: " \2014  ";
    font-family: Arial, sans-serif;
}

#footer-nav li:first-child:before {
    content: "";
}

/**
 * Message
 */

#footer-message {
    color: #999;
    font-size: 12px;
    line-height: 20px;
}

#footer-message p {
    margin: 0;
}

#footer-message a {
    color: #999;
}

/**
 * Credits
 */

#footer-credits {
    color: #999;
    font-size: 11px;
    line-height: 20px;
    margin-top: 20px;
}

#footer-credits a {
    color: #999;
}

/** =DEFAULT WORDPRESS CLASSES ---------- */

/**
 * http://codex.wordpress.org/CSS
 */

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 20px;
}

.alignright {
    float: right;
    margin-left: 20px;
}

.wp-caption {
    margin-bottom: 10px;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text,
.wp-caption figcaption.wp-caption-text {
    color: #888;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    padding: 5px 0;
}

/** =POST NAV ---------- */

.menu ul,
nav ul {
    list-style: none;
    margin: 0;
}

.menu li,
nav li {
    display: inline;
}

.post-nav {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin: 0 0 20px;
    width: 100%;
}

.post-nav a {
    background: url(img/sprite.png) no-repeat;
    color: #999;
    display: inline-block;
    padding: 0 0 0 26px;
}

.post-nav .nav-previous {
    float: left;
}

.post-nav .nav-previous a {
    background-position: 0 -24px;
}

.post-nav .nav-next {
    float: right;
}

.post-nav .nav-next a {
    background-position: right -56px;
    padding: 0 26px 0 0;
}



/** =SEARCH FORM ---------- */

#searchform {
    position: relative;
    top:-18px;
}

#content #searchform {
    margin-bottom: 60px; 
}


#searchform label {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;   
}


#s {
    line-height: 18px;
    margin: 0;
    max-width: 210px;
    width: 100%;
}

#content #s {
    max-width: 5028px;
}

#searchsubmit {
    background: url(img/sprite.png) -3px 7px no-repeat;
    filter: none;
    -ms-filter: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: hand;
    cursor: pointer;
    height: 26px;
    margin: 0;
    opacity: .5;
    padding: 0;
    position: absolute;
    right: 12px;
    text-indent: -9999px;
    top: 1px;
    width: 14px;
}

#searchsubmit:hover {
    opacity: .8;
}

@media only screen and (max-width: 480px) {

    #searchform {
        width: 80%;
    }

    #s {
        max-width: 100%;
    }

    #searchsubmit {
        right: 0;
    }

}



/** =POSTS, PAGES & ATTACHMENTS ---------- */

/* Use clearfix on content div */
article .content:before, article .content:after { content: ""; display: table; }
article .content:after { clear: both; }
article .content { *zoom: 1; }

.type-post,
.type-page,
.type-attachment {
    display: inline-block;
    width: 100%;
}

.type-post,
.type-attachment {
    margin: 0 0 40px;
}

.single-post .post,
.single-attachment .type-attachment {
    margin: 0 0 40px;
}

.type-post header,
.type-attachment header {
    color: #888;
    font-size: 15px;
    margin: 0 0 10px;
}

.post-thumbnail {
    display: inline-block;
    margin: 0 0 15px;
    width: 100%;
}

.type-post header time,
.type-attachment header time {
    text-transform: uppercase;
}

.type-post h1,
.type-attachment h1 {
    margin: 0 0 20px;
}

.type-attachment figure {
    padding: 0 0 10px;
}

.type-attachment figcaption {
    color: #888;
    padding-top: 10px;
}

.type-post caption,
.type-page caption {
    font-size: 18px;
    line-height: 26px;
}

.page-link {
    margin: 0 0 10px;
}

.type-post footer,
.type-attachment footer {
    border-top: 1px dashed #ccc;
    clear: both;
    color: #999;
    font-size: 12px;
    margin: 20px 0 0;
    padding: 5px 0 10px;
}

.type-post footer a,
.type-attachment footer a {
    color: #999;
}

.type-post footer span:before,
.type-attachment footer span:before {
    content: " \2014  ";
    font-family: Arial, sans-serif;
}

.type-post footer span:first-child:before,
.type-attachment footer span:first-child:before {
    content: "";
}

.back-to-post {
    color: #888;
    padding: 0 0 20px;
}

.back-to-post:before {
    content: " \2190  ";
    font-family: Arial, sans-serif;
}

.page {
    margin: 0 0 60px;
}

.type-page {
    margin: 0 0 40px;
}

.type-page footer {
    border-top: 1px solid #ccc;
    clear: both;
    color: #888;
    font-size: 12px;
    font-style: italic;
    margin: 20px 0 0;
    padding: 5px 0 0;
}

.type-page footer a {
    border-bottom: 1px solid #ccc;
    color: #666;
    text-decoration: none;
}

.type-page .edit-link a {
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
}

.meta-nav {
    font-family: Arial, sans-serif;
}

@media only screen and (max-width: 480px) {

    .type-post {
        margin-bottom: 20px;
    }

    .type-post h1,
    .type-page h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .sans-serif .type-post h1,
    .sans-serif .type-page h1 {
        font-size: 24px;
        letter-spacing: normal;
        line-height: 30px;
    }

    .type-post header {
        margin-bottom: 0;
    }

    .type-post footer {
        margin-top: 0;
        padding-top: 0;
    }

}

/** =STICKY ---------- */

.sticky h1 {
    font-size: 60px;
    line-height: 62px;
    padding-top: 5px;
}

.sticky h1 a {
    border-bottom: 8px solid #ccc;
    display: inline-block;
}

@media only screen and (max-width: 480px) {

    .sticky h1 {
        font-size: 36px;
        line-height: 42px;
    }

    .sticky h1 a {
        border-bottom: 0;
    }

}

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

.gallery {
    padding-top: 10px;
}

#content dl.gallery-item {
    text-align: left;
}

#content .gallery img {
    border: 0;
}

#content .gallery-caption {
    color: #888;
    font-size: 12px;
    text-align: left;
}

/** =COMMENTS ---------- */

#comments {
    margin: 0 0 40px;
}

.type-page #comments {
    margin-top: 40px;
}

#comments-title {
    font-size: 36px;
    line-height: 38px;
    padding: 0;
}

.nocomments {
    color: #888;
    font-size: 12px;
    font-style: italic;
    margin: 0;
}

#comment-list {
    list-style: none;
    margin: 0 0 60px;
}

.pingback,
.trackback {
    color: #888;
    font-size: 12px;
    margin: 0 0 30px;
}

.pingback time,
.trackback time {
    display: block;
    text-transform: uppercase;
}

.comment {
    margin: 0 0 30px;
}

.comment-header {
    display: inline-block;
    line-height: 20px;
    padding-bottom: 5px;
    width: 100%;
}

.comment-header figure {
    float: left;
    margin: 0 10px 0 0;
}

.comment .avatar {
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 40px;
    width: 40px;
}

.comment-header time {
    display: block;
    line-height: 18px;
}

.comment-header time a {
    color: #888;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

.comment-header cite {
    display: block;
    font-style: normal;
    line-height: 18px;
}

.comment-header cite a {
    font-size: 15px;
    line-height: 24px;
}

.bypostauthor>.comment-header {
    border-left: 10px solid #000;
    height: 40px;
    margin-bottom: 5px;
    padding: 0 0 0 10px;
}

.bypostauthor>.comment-header cite a {
    font-weight: bold;
}

.moderation {
    color: #888;
    font-size: 12px;
    margin: 0;
}

#comments .children {
    border-left: 1px solid #ccc;
    list-style: none;
    margin: 30px 0 0;
    padding: 0 0 0 20px;
}

.reply a {
    background: #fff;
    /*
    background: -moz-linear-gradient(top,  #fff,  #f8f8f8);
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
    border: 1px solid #b7b7b7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    */
    color: #888;
    display: inline-block;
    *display: inline;
    font-size: 12px;
    line-height: 18px;
    margin: 0 2px 0 0;
    padding: 0 8px;
    outline: none;
    text-align: center;
    text-decoration: none;
    /*	text-shadow: 0 1px 1px rgba(0,0,0,.2);  */
    vertical-align: baseline;
}

.reply a:hover {
    background: #ededed;
    /*
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    background: -o-linear-gradient(top, #fff, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
    */	
    text-decoration: none;
}

.reply a:active {
    background: #ededed;
    /*
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    background: -o-linear-gradient(top, #ededed, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
    */
    color: #999;
    position: relative;
    top: 1px;
}

#comment-list #respond {
    margin-bottom: 30px;
}

#reply-title {
    font-family: Times;
    font-size: 30px;
    font-weight: normal;
    line-height: 38px;
    margin: 0 0 10px;
    padding: 0;
    text-transform: ;
}

.sans-serif #reply-title {
    font-family: QuicksandLight, sans-serif;
    letter-spacing:;
    text-transform: none;
}

#reply-title small {
    display: block;
    line-height: 20px;
    margin-bottom: 10px;
}

#reply-title small a {
    color: #888;
    font: 15px/20px 'Helvetica Neue', sans-serif;
    text-decoration: underline;
    text-transform: none;
}

#commentform {
    padding: 10px 0 0;
}

.required {
    color: #888;
    font-weight: normal;
}

#comment-author,
#comment-email,
#comment-url,
#comment {
    width: 90%;
}

#respond dt {
    color: #888;
    font-weight: normal;
}

#respond code {
    font-size: 13px;
}

/** =WIDGETS ---------- */

.widget {
    font-size: 13px;
    padding-top: 20px;
}

.widget .title {
    font-family:'QuicksandBook', 'Times';
    font-size: 13px;
    letter-spacing:2px;
    font-weight: lighter ;
    margin: 0 0 5px;
    padding: 0;
    text-transform: uppercase;
}

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

.widget li {
    padding: 0 0 5px;
}

.widget li:last-child {
    padding: 0;
}

@media only screen and (max-width: 1200px) {

    .sidebars #secondary .widget:first-child {
        padding-top: 20px;
    }

}

@media only screen and (max-width: 992px) {

    .sidebar #primary .widget:first-child,
    .sidebars #primary .widget:first-child {
        padding-top: 20px;
    }

}

/**
 * Archive widget
 */

.widget_archive li {
    color: #888;
}

/**
 * Categories widget
 */

.widget_categories .cat-item {
    color: #888;
}

/**
 * Calendar widget
 */

.widget_calendar caption {
    text-align: left;
    text-transform: capitalize;
}

.widget_calendar td {
    color: #888;
}

.widget_calendar #next {
    text-align: right;
}

.widget_calendar #prev a,
.widget_calendar #next a {
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-style: normal;
}

/**
 * Recent comments widget
 */

.widget_recent_comments li {
    color: #888;
}

/**
 * RSS Widget
 */

.widget_rss .title a.rsswidget:first-child {
    float: right;
}

.widget_rss .rss-date {
    color: #888;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.widget_rss cite {
    color: #888;
}

/** =ARCHIVES AND SEARCH ---------- */

/**
 * Archive titles
 */

.search .page-title,
.archive .page-title {
    color: #444;
    font-family: QuicksandLight, sans-serif;
    letter-spacing: normal;
    text-transform: none;
}

.search .page-title span,
.archive .page-title span {
    background: #eee;
    color: #000;
    display: inline-block;
    font-family: QuicksandLight, sans-serif;
    letter-spacing: normal;
    padding: 0 5px;
}

.archive.date .page-title,
.archive.date .page-title {
    color: #888;
    font-size: 13px;
    text-transform: uppercase;
}

.archive.date .page-title span,
.archive.date .page-title time {
    background: none;
    display: block;
    color: #000;
    font-family: QuicksandLight, 'Arial Narrow', Impact, sans-serif;
    font-size: 48px;
    font-weight: normal;
    line-height: 50px;
    padding: 0;
    text-transform: uppercase;
}

.sans-serif .archive.date .page-title span,
.sans-serif .archive.date .page-title time {
    font-family: QuicksandLight, sans-serif;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: none;
}

/**
 * Archive description
 */

.archive-description {
    border-bottom: 1px dashed #ccc;
    color: #888;
    margin: -20px 0 30px;
    padding: 0 0 20px;
}

/**
 * Author and date archives
 */

.archive.date #content {
    padding-bottom: 30px;
}

.archive.date #content h1 {
    margin: 0 0 15px;
}

.author #content ul,
.archive.date #content ul {
    list-style: none;
    margin: 0 0 30px;
}

.author #content li,
.archive.date #content li {
    clear: both;
}

.archive.date #content h2 {
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.author #content li time,
.archive.date #content li time {
    color: #888;
    display: block;
    font-size: 15px;
    float: right;
}

.archive.date #nav-below {
    margin-top: 20px;
}

.author .avatar {
    margin-right: 10px;
    padding-top: 9px;
}

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

.author-description {
    padding: 0 0 10px;
}

.author-posts {
    font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 38px;
    margin: 0 0 10px;
    padding: 10px 0 0;
    text-transform: uppercase;
}

.sans-serif .author-posts {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: none;
}

/** =404 ---------- */

.error404 h1 span {
    color: #888;
    display: block;
}

.error404 form {
    margin-bottom: 40px;
}

/** =DISQUS ---------- */

/**
 * Custom styling for Disqus Comment System
 * http://wordpress.org/extend/plugins/disqus-comment-system/
 */

#blaskan #dsq-content h3 {
    font-family: 'LeagueGothic', 'Arial Narrow', Impact, sans-serif;
    font-size: 36px;
    font-weight: normal;
    line-height: 38px;
    margin: 0 0 20px;
    padding: 0;
    text-transform: uppercase;
}

#blaskan .sans-serif #dsq-content h3 {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: bold;
    letter-spacing: -2px;
    text-transform: none;
}

#blaskan #dsq-sort-select {
    font-size: 13px;
}

#blaskan #dsq-content .dsq-avatar img {
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

#blaskan .dsq-comment-actions a {
    background: #fff;
    background: -moz-linear-gradient(top,  #fff,  #f8f8f8);
    background: -o-linear-gradient(top, #fff, #f8f8f8);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f8f8f8)";
    border: 1px solid #b7b7b7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px; 
    border-radius: 6px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #888;
    display: inline-block;
    *display: inline;
    font-size: 12px;
    line-height: 18px;
    margin: 0 2px 0 0;
    padding: 0 8px;
    opacity: 1;
    outline: none;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    vertical-align: baseline;
}

#blaskan .dsq-comment-actions a:hover,
#blaskan .dsq-comment-actions a:focus {
    background: #ededed;
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    background: -o-linear-gradient(top, #fff, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ededed)";
    text-decoration: none;
}

#blaskan .dsq-comment-actions a:active {
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    background: -o-linear-gradient(top, #ededed, #fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ffffff)";
    color: #999;
    position: relative;
    top: 1px;
}

#blaskan .dsq-comment-meta a {
    color: #888;
    font-size: 12px;
    opacity: 1;
}

#blaskan .dsq-comment-header {
    background: none;
    border: 0;
    font-size: 15px;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

#blaskan .dsq-commenter-bio {
    color: #888;
    opacity: 1;
}

#blaskan #dsq-reactions .dsq-comment-header {
    color: #888;
}

#blaskan #dsq-reactions .dsq-comment-meta {
    color: #888;
}

#blaskan .dsq-brlink {
    display: none;
}

/**
 * Disqus widgets
 */

#blaskan .dsq-widget-user {
    text-decoration: none;
}

#blaskan .dsq-widget-avatar {
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin-right: 10px;
    padding: 0;
}

#blaskan .dsq-widget-meta,
#blaskan .dsq-widget-meta a {
    color: #888;
}

#blaskan #popularthreads .dsq-widget-thread {
    font-weight: 300;
}

#blaskan #popularthreads .dsq-widget-item,
#blaskan #topcommenters .dsq-widget-item {
    margin: 0;
}

#blaskan .dsq-widget-clout {
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: inline-block;
    font-size: 10px;
    line-height: 18px;
    padding: 0 5px;
}

/** =USEFUL CLASSES ---------- */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/** =IE ---------- */

/* Added via js/ie.js */
.ie-divider {
    display: inline-block;
}

.ie-clear {
    clear: both;
}

.ie #searchsubmit {
    filter: none;
}

.ie img,
.ie object,
.ie embed {
    width: 100%;
}

/**
 * IE 6
 */

.ie6 blockquote {
    background: none;
}

.ie6 input {
    vertical-align: text-bottom;
}

.ie6 #content,
.ie6 #primary,
.ie6 #secondary,
.ie6 .widget {
    overflow: hidden;
}

.ie6 #nav-below a {
    background: none;
    padding: 0;
}

.ie6 .form-submit input,
.ie6 #submit {
    background: #79954f;
    border: 0;
    color: #fff;
    font-weight: bold;
}

.ie6 #searchsubmit {
    background-position: top center;
    height: 20px;
    top: 7px;
    width: 30px;
}

.ie6 #s {
    width: 238px;
}

/**
 * IE 7
 */

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline;
}

.ie7 #nav a {
    position: static;
}

/** =PRINT ---------- */

/**
 * Credits: Hartija & HTML 5 Boilerplate
 * http://code.google.com/p/hartija/
 * http://html5boilerplate.com/
 */

@media print {

    * {
        background: transparent !important;
        color: #000;
    }

    @page {
        margin: 0.5cm;
    }

    body {
        font-size: 12pt;
        letter-spacing: 0.2pt;
        line-height: 1.4;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        word-spacing: 1.1pt;
    }

    a:after,
    abbr:after {
        content: " (" attr(href) ")";
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: sans-serif;
        font-weight: bold;
        text-transform: none;
    }

    h1 {
        font-size: 19pt;
    }

    h2 {
        font-size: 17pt;
    }

    h3 {
        font-size: 15pt;
    }

    h4,
    h5,
    h6 {
        font-size: 12pt;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    code {
        font: 10pt Courier, monospace;
    } 

    blockquote {
        margin: 1.3em;
        padding: 1em;
    }

    hr {
        background: #ccc;
    }

    img {
        float: left;
        margin: 1em 1.5em 1.5em 0;
        page-break-inside: avoid;
    }

    a img {
        border: none;
    }

    table {
        margin: 1px;
        text-align: left;
    }

    thead {
        display: table-header-group;
    }

    tr {
        page-break-inside: avoid;
    } 

    th {
        border-bottom: 1px solid #333; 
        font-weight: bold;
    }

    td {
        border-bottom: 1px solid #333;
    }

    th,
    td {
        padding: 4px 10px 4px 0;
    }

    tfoot {
        font-style: italic;
    }

    caption {
        background: #fff;
        margin-bottom: 2em;
        text-align: left;
    }

    #header,
    #primary,
    #secondary,
    #respond,
    .reply,
    #nav-below,
    #footer,
    #wpadminbar {
        display: none;
    }

    time a:after {
        content: "";
    }

    #content {
        float: none;
        width: 100%;
    }

}
home page style css strat*/
.clear{
    clear:both;
}
@font-face
{
    font-family:Roboto;
    src: url(../font/Roboto-Bold.ttf);
}
@font-face
{
    font-family:Roboto-Thin;
    src: url(../font/Roboto-Thin.ttf);
}
body { line-height: 1; margin: 0px;padding: 0px;}
.container { text-align: left; margin: 0 auto; width: 960px; position: relative;}

/*header css start*/
#logo-links{

    float: left;
}
.banner{
    float: left;

    width: 767px;
    height: 218px;
}
.banner img{
    width: 100%;height: 100%;
}
/*menu css*/
/* top level
--------------------------------------------*/
.menuTemplate2
{ width: 960px;float:left;
  behavior: url("/horizontal/menuh/cssmenu.htc");
  position:relative;
  z-index:4;
  height: 36px;
  background: none;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  padding: 0;
  margin-top: 5px; margin-bottom: 25px;}

.menuTemplate2 li
{
    padding: 0;
    float: left;
    height: 34px;
    _height:36px;/*IE6 Hack*/
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    z-index:5;

    border-left:1px solid;
    border-right:1px solid;
    border-top:2px solid;
    border-color:transparent;
    _border-color:#FFF;/*IE6 Hack*/
}

.menuTemplate2 li:hover, .menuTemplate2 li.onhover
{
    border-color:#DDD;
    border-top: 2px solid red;
    border-bottom:1px solid #DDD;
}
.menuTemplate2 a
{
    padding: 0 10px;
    line-height: 34px; /*Note: keep this value the same as the height of .menuTemplate2 li */
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #000;
    position: relative;
}


.menuTemplate2 li:hover a, .menuTemplate2 li.onhover a
{
    background-color: #EEE;
    color: #000;
    z-index: 9; 
}
.menuTemplate2 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}


/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}

/*for the top-level separators*/
.menuTemplate2 li.separator
{
    display:none;
}


/* sub level
--------------------------------------------*/

.menuTemplate2 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom: 2px solid red;
    background: #FFF url(bg_grad.gif) repeat-x 0 0;
    text-align: left;
    padding: 20px;  
    top:31px;
}

.menuTemplate2 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;

    position: static;
    z-index: 0;
}

.menuTemplate2 li:hover .drop, .menuTemplate2 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate2 li:hover .dropToLeft, .menuTemplate2 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate2 li:hover .dropToLeft2, .menuTemplate2 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}
/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate2 div.drop div div
{
    padding: 6px 12px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate2 div.drop div a
{
    line-height: 24px;  
    color: #048;
    background:none;
}
.menuTemplate2 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate2 div.left-menu {float:left;}
.menuTemplate2 div.left-menu b{
    padding-left: 20px;
}



/* CSS3 effects
--------------------------------------------*/

/*for top-level*/
.decor2_1 
{
}

/*for submenu.*/
.decor2_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 14px #AAA;
    -webkit-box-shadow: 0 0 14px #AAA;
    box-shadow: 0 0 14px #AAA;  
}

/*menu css closed*/
/*logo css start*/
.topHeader{
    border-bottom: 5px solid #222222;
    width: 100%;
    display: block;
}
header .logo {
    margin-top: 30px;
    margin-bottom: 30px;
    text-decoration: none !important;
}
header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}
header .logo {
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none !important;
    float: left;
    width: 193px;
    padding-top: 7px;
    padding-bottom: 4px;
}
header .logo img {
    width: 100%;
    height: 100%;
}

/*logo css closed*/
/*services css*/
.full-menu-container{
    background: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    margin-top: 0px;
}
#main-header {
}
.full-menu-container .socialLinks{
    float: right;
    height: 25px;
    padding-top: 1%;
}
.full-menu-container .socialLinks ul{
    padding: 0px;
    margin: 0px;
}
.full-menu-container .socialLinks ul li{
    list-style: none;
    float: left;
    padding-right: 0%;
}
.full-menu-container .socialLinks ul li a{
    text-transform: uppercase;
}
.full-menu-container .socialLinks ul li a img{
    width: 27px;
    height: 27px;
    border: none;
}
.full-menu-container #menuContent{
    border-bottom: 1px solid #ccc;
    clear: both;
    padding-bottom: 0px;
}
/*header css closed*/
/*page content area start*/
.pageContainer{
    width: 960px;
    margin: auto;
    clear: both;
}
.pageContainer .searchEngine{
    text-align: center;

}
.pageContainer .searchEngine p{}
.pageContainer .searchEngine p input[type="text"]{
    width: 34%;
    border: 1px solid #989898;
    color: #989898;
    padding: 4px;
    font-style: italic;
}
.pageContainer .searchEngine p button{
    background: #6e7e3e;
    border: NONE;
    color: WHITE;
    padding: 5px;
    -webkit-transition: all 300ms;  -moz-transition: all 300ms;  -ms-transition: all 300ms;  -o-transition: all 300ms;  transition: all 300ms;
}
.pageContainer .searchEngine p button:hover{
    background: black;
    color: white;
    cursor: pointer;
}

.pageContainer h1{
    font-family: Roboto-Thin;  
    font-size: 31px;

    /* font-weight: lighter; */
    text-transform: uppercase;
    padding-left: 4%;
}
.pageContainer .filter{}
.pageContainer .filter h6{
    font-family: arial;
    color: #989898;
    font-size: 12px;
}
.pageContainer .filter .filterBtns{}
.pageContainer .filter .filterBtns ul{
    padding: 0px;
    margin: 0px;
}
.pageContainer .filter .filterBtns ul li{
    float: left;
    list-style: none;
    -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;
}
.pageContainer .filter .filterBtns ul li button{
    border: 1px solid #ccc;
    background: white;
    color: #989898;
    padding: 4px 17px;
    border-radius: 3px;
    -webkit-transition: all 300ms;  -moz-transition: all 300ms;  -ms-transition: all 300ms;  -o-transition: all 300ms;  transition: all 300ms;
}
.pageContainer .filter .filterBtns ul li button:hover{
    background: #eaf3db;
    cursor: pointer;
}
.pageContainer .productContainer{
    padding-top: 2%;
    padding-bottom: 2%;
    clear: both;
}
.pageContainer .productContainer .product{
    clear: both;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    border-top: none;
    padding-bottom: 1%;
    margin-bottom: 5%;
    -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;
}
.pageContainer .productContainer .product .productImage{
    width: 100%;
}
.pageContainer .productContainer .product .productImage img{
    width: 100%;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #ccc;
}
.pageContainer .productContainer .product h3{
    font-family: arial;
    font-size: 15px;
    padding: 3%;
    margin-bottom: 4px;
}
.pageContainer .productContainer .product p{
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.pageContainer .productContainer .product p img{
    padding-left: 9px;
    float: left;
}
.pageContainer .productContainer .product p span{
    padding-left: 8px;
    font-family: arial;
    font-size: 12px;
    color: #c1c1c1;
}
.pageContainer .productContainer .product h6{
    padding: 0px;
    margin: 0px;
    padding-left: 4%;
    padding-top: 4%;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
.pageContainer .productContainer .product span{
    padding-left: 8px;  font-family: arial;  font-size: 12px;  color: #c1c1c1;
}
.pageContainer .productContainer .column{float: left;width: 19%;margin-right: 1%;-webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;}
/*page content area closed*/



/*media queries start*/
@media (min-width: 1200px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{}
    .pageContainer .productContainer .product{}
}

@media (min-width: 981px) and (max-width: 1199px) {
    .container {}
    header .logo{}
    #main-header{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{}
    .pageContainer .productContainer .product{}

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 1000px) {
    .container {
        width: 100%;
    }
    #main-header{
        width: 100%;
    }
    header .logo{}
    .banner{
        width: 75%;
    }
    .full-menu-container #menuContent{
        width: 100%;
        padding-bottom: 2%;
    }
    #menu{
        width: 100%;
    }
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{
        width: 100%;
    }
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{
        padding: 2%;
    }
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{
        padding: 2%;
    }
    .pageContainer .productContainer .column{
        width: 23%;
    }
    .pageContainer .productContainer .product{}
}

/* Landscape phone to portrait tablet */
@media (max-width: 787px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{
        width: 61%;
        display: none;
    }
    .full-menu-container #menuContent{
        width: 100%;
        clear: both;
        padding-bottom: 2%;
    }
    #menu{
        width: 100%;
    }
    #menu li{
        padding-right: 0px!important;
    }
    .full-menu-container .socialLinks{
        width: 100%;
    }
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{
        padding: 2%;
    }
    .pageContainer .filter .filterBtns{
        width: 100%;
    }
    .pageContainer .filter .filterBtns ul li{
        width: 49%;
    }
    .pageContainer .filter .filterBtns ul li button{
        width: 100%;
    }
    .pageContainer .productContainer{
        padding: 2%;
    }
    .pageContainer .productContainer .column{
        width: 47%;
    }
    .pageContainer .productContainer .product{
    }
}


/* Landscape phones and down */
@media (max-width: 500px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{
        width: 100%;
    }
    .pageContainer .filter .filterBtns ul li button{
        width: 100%;
    }
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{
        width: 100%;
    }
    .pageContainer .productContainer .product{}
}

@media (max-width: 340px){
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{
        width: 100%;
    }
    .pageContainer .productContainer .product{
        width: 100%;
    }
}


/*media queries closed*/
/*home page style css closed*/


/*hamid css*/
.clear{
    clear:both;
}
@font-face
{
    font-family:Roboto;
    src: url(../font/Roboto-Bold.ttf);
}
@font-face
{
    font-family:Roboto-Thin;
    src: url(../font/Roboto-Thin.ttf);
}
body { line-height: 1; margin: 0px;padding: 0px;}
.container { text-align: left; margin: 0 auto; width: 960px; position: relative;}

/*header css start*/
#logo-links{

    float: left;
}
.banner{
    float: left;

    width: 767px;
    height: 218px;
}
.banner img{
    width: 100%;height: 100%;
}
/*menu css*/
/* top level
--------------------------------------------*/
.menuTemplate2
{ width: 960px;float:left;
  behavior: url("/horizontal/menuh/cssmenu.htc");
  position:relative;
  z-index:4;
  height: 36px;
  background: none;
  border: none;
  font-family: Arial, Helvetica, sans-serif;
  list-style: none;
  padding: 0;
  margin-top: 5px; margin-bottom: 25px;}

.menuTemplate2 li
{
    padding: 0;
    float: left;
    height: 34px;
    _height:36px;/*IE6 Hack*/
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    z-index:5;

    border-left:1px solid;
    border-right:1px solid;
    border-top:2px solid;
    border-color:transparent;
    _border-color:#FFF;/*IE6 Hack*/
}

.menuTemplate2 li:hover, .menuTemplate2 li.onhover
{
    border-color:#DDD;
    border-top: 2px solid red;
    border-bottom:1px solid #DDD;
}
.menuTemplate2 a
{
    padding: 0 10px;
    line-height: 34px; /*Note: keep this value the same as the height of .menuTemplate2 li */
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #000;
    position: relative;
}


.menuTemplate2 li:hover a, .menuTemplate2 li.onhover a
{
    background-color: #EEE;
    color: #000;
    z-index: 9; 
}
.menuTemplate2 a.arrow
{
    background: url(arrow.gif) no-repeat right center;
}


/*Used to align a top-level item to the right*/        
.menuTemplate2 li.menuRight
{
    float: right;
    margin-right: 0px;
}

/*for the top-level separators*/
.menuTemplate2 li.separator
{
    display:none;
}


/* sub level
--------------------------------------------*/

.menuTemplate2 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    border: 1px solid #DDD;
    border-bottom: 2px solid red;
    background: #FFF url(bg_grad.gif) repeat-x 0 0;
    text-align: left;
    padding: 20px;  
    top:31px;
}

.menuTemplate2 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;

    position: static;
    z-index: 0;
}

.menuTemplate2 li:hover .drop, .menuTemplate2 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
}
.menuTemplate2 li:hover .dropToLeft, .menuTemplate2 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
}
.menuTemplate2 li:hover .dropToLeft2, .menuTemplate2 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}
/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate2 div.drop div div
{
    padding: 6px 12px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate2 div.drop div a
{
    line-height: 24px;  
    color: #048;
    background:none;
}
.menuTemplate2 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:Red;
}

.menuTemplate2 div.left-menu {float:left;}
.menuTemplate2 div.left-menu b{
    padding-left: 20px;
}



/* CSS3 effects
--------------------------------------------*/

/*for top-level*/
.decor2_1 
{
}

/*for submenu.*/
.decor2_2 
{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 14px #AAA;
    -webkit-box-shadow: 0 0 14px #AAA;
    box-shadow: 0 0 14px #AAA;  
}

/*menu css closed*/
/*logo css start*/
.topHeader{
    border-bottom: 5px solid #222222;
    width: 100%;
    display: block;
}
header .logo {
    margin-top: 30px;
    margin-bottom: 30px;
    text-decoration: none !important;
}
header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}
header .logo {
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none !important;
    float: left;
    width: 193px;
    padding-top: 7px;
    padding-bottom: 4px;
}
header .logo img {
    width: 100%;
    height: 100%;
}

/*logo css closed*/
/*services css*/
.full-menu-container{
    background: none;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    margin-top: 0px;
}
#main-header {
}
.full-menu-container .socialLinks{
    float: right;
    height: 25px;
    padding-top: 1%;
}
.full-menu-container .socialLinks ul{
    padding: 0px;
    margin: 0px;
}
.full-menu-container .socialLinks ul li{
    list-style: none;
    float: left;
    padding-right: 0%;
}
.full-menu-container .socialLinks ul li a{
    text-transform: uppercase;
}
.full-menu-container .socialLinks ul li a img{
    width: 27px;
    height: 27px;
    border: none;
}
.full-menu-container #menuContent{
    border-bottom: 1px solid #ccc;
    clear: both;
    padding-bottom: 0px;
}
/*header css closed*/
/*page content area start*/
.pageContainer{
    width: 960px;
    margin: auto;
    clear: both;
}
.pageContainer .searchEngine{
    text-align: center;

}
.pageContainer .searchEngine p{}
.pageContainer .searchEngine p input[type="text"]{
    width: 34%;
    border: 1px solid #989898;
    color: #989898;
    padding: 4px;
    font-style: italic;
}
.pageContainer .searchEngine p button{
    background: #6e7e3e;
    border: NONE;
    color: WHITE;
    padding: 5px;
    -webkit-transition: all 300ms;  -moz-transition: all 300ms;  -ms-transition: all 300ms;  -o-transition: all 300ms;  transition: all 300ms;
}
.pageContainer .searchEngine p button:hover{
    background: black;
    color: white;
    cursor: pointer;
}

.pageContainer h1{
    font-family: Roboto-Thin;  
    font-size: 31px;

    /* font-weight: lighter; */
    text-transform: uppercase;
    padding-left: 4%;
}
.pageContainer .filter{}
.pageContainer .filter h6{
    font-family: arial;
    color: #989898;
    font-size: 12px;
}
.pageContainer .filter .filterBtns{}
.pageContainer .filter .filterBtns ul{
    padding: 0px;
    margin: 0px;
}
.pageContainer .filter .filterBtns ul li{
    float: left;
    list-style: none;
    -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;
}
.pageContainer .filter .filterBtns ul li button{
    border: 1px solid #ccc;
    background: white;
    color: #989898;
    padding: 4px 17px;
    border-radius: 3px;
    -webkit-transition: all 300ms;  -moz-transition: all 300ms;  -ms-transition: all 300ms;  -o-transition: all 300ms;  transition: all 300ms;
}
.pageContainer .filter .filterBtns ul li button:hover{
    background: #eaf3db;
    cursor: pointer;
}
.pageContainer .productContainer{
    padding-top: 2%;
    padding-bottom: 2%;
    clear: both;
}
.pageContainer .productContainer .product{
    clear: both;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    border-top: none;
    padding-bottom: 1%;
    margin-bottom: 5%;
    -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;
}
.pageContainer .productContainer .product .productImage{
    width: 100%;
}
.pageContainer .productContainer .product .productImage img{
    width: 100%;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #ccc;
}
.pageContainer .productContainer .product h3{
    font-family: arial;
    font-size: 15px;
    padding: 3%;
    margin-bottom: 4px;
}
.pageContainer .productContainer .product p{
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.pageContainer .productContainer .product p img{
    padding-left: 9px;
    float: left;
}
.pageContainer .productContainer .product p span{
    padding-left: 8px;
    font-family: arial;
    font-size: 12px;
    color: #c1c1c1;
}
.pageContainer .productContainer .product h6{
    padding: 0px;
    margin: 0px;
    padding-left: 4%;
    padding-top: 4%;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
}
.pageContainer .productContainer .product span{
    padding-left: 8px;  font-family: arial;  font-size: 12px;  color: #c1c1c1;
}
.pageContainer .productContainer .column{float: left;width: 19%;margin-right: 1%;-webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;}
/*page content area closed*/



/*media queries start*/
@media (min-width: 1200px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{}
    .pageContainer .productContainer .product{}
}

@media (min-width: 981px) and (max-width: 1199px) {
    .container {}
    header .logo{}
    #main-header{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{}
    .pageContainer .productContainer .product{}

}
/* Portrait tablet to landscape and desktop */
@media (max-width: 1000px) {
    .container {
        width: 100%;
    }
    #main-header{
        width: 100%;
    }
    header .logo{}
    .banner{
        width: 75%;
    }
    .full-menu-container #menuContent{
        width: 100%;
        padding-bottom: 2%;
    }
    #menu{
        width: 100%;
    }
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{
        width: 100%;
    }
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{
        padding: 2%;
    }
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{
        padding: 2%;
    }
    .pageContainer .productContainer .column{
        width: 23%;
    }
    .pageContainer .productContainer .product{}
}

/* Landscape phone to portrait tablet */
@media (max-width: 787px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{
        width: 61%;
        display: none;
    }
    .full-menu-container #menuContent{
        width: 100%;
        clear: both;
        padding-bottom: 2%;
    }
    #menu{
        width: 100%;
    }
    #menu li{
        padding-right: 0px!important;
    }
    .full-menu-container .socialLinks{
        width: 100%;
    }
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{
        padding: 2%;
    }
    .pageContainer .filter .filterBtns{
        width: 100%;
    }
    .pageContainer .filter .filterBtns ul li{
        width: 49%;
    }
    .pageContainer .filter .filterBtns ul li button{
        width: 100%;
    }
    .pageContainer .productContainer{
        padding: 2%;
    }
    .pageContainer .productContainer .column{
        width: 47%;
    }
    .pageContainer .productContainer .product{
    }
}


/* Landscape phones and down */
@media (max-width: 500px) {
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{
        width: 100%;
    }
    .pageContainer .filter .filterBtns ul li button{
        width: 100%;
    }
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{
        width: 100%;
    }
    .pageContainer .productContainer .product{}
}

@media (max-width: 340px){
    .container {}
    #main-header{}
    header .logo{}
    .banner{}
    .full-menu-container #menuContent{}
    #menu{}
    #menu li{}
    .full-menu-container .socialLinks{}
    .pageContainer{}
    .pageContainer h1{}
    .pageContainer .searchEngine{}
    .pageContainer .filter{}
    .pageContainer .filter .filterBtns{}
    .pageContainer .filter .filterBtns ul li{}
    .pageContainer .filter .filterBtns ul li button{}
    .pageContainer .productContainer{}
    .pageContainer .productContainer .column{
        width: 100%;
    }
    .pageContainer .productContainer .product{
        width: 100%;
    }
}


/*media queries closed*/