/*
Theme Name: Catalog Me!
Author: impleCode
Author URI: http://implecode.com
Description: Hi, I am the Catalog Me! theme from impleCode. I am very light, fast, ultra responsive and touch compatible. Please use theme menu to configure me. Select your own logo, custom footer text, background and favicon. Use up to 5 different widget areas and special quick access widget. Select from 3 completely different page templates. Take advantage of full eCommerce Product Catalog integration. Finally use section shortcodes for nice looking full width content!
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License URI: license.txt
Text Domain: catalog-me
Domain Path: /languages/
Tags: black, white, light, gray, one-column, two-columns, right-sidebar, responsive-layout, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, theme-options, sticky-post, post-formats, translation-ready

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

Catalog Me! is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
*/


/* =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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    //outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}
body {
    background: #f9f9f9;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
    padding: 8px 10px 6px 10px;
}

tbody tr:nth-child(even) {
    background: #F1F1F1;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    font-style: italic;
}
a:focus {
    /*outline: 0;*/
}
a:hover,
a:active {
    outline: 0;
}

#site-navigation a:link,
#site-navigation a:visited,
#site-navigation a:active
{
    text-decoration:none;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    transition: color 0.5s ease-in-out;
}

a img {
    border: 0;
}
.entry-content a img {
    border: 3px solid #dcddde;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
}

/* Headings */
h1 {
    font-size: 2.5em;
    padding-bottom: 10px;
    line-height: 1.2;
}

h2 {
    font-size: 2em;
    line-height: 1;
    padding-bottom: 10px;
}

h2.widget-title {
    font-size: 1.4em;
}

h3 {
    font-size: 1.4em;
    line-height: 1.2;
    padding-bottom: 7px;
}

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

/* Text elements */
p {
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    border: 1px solid #E8E7E7;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    line-height: 1;
    background: #123f5c;
    border: 0;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    padding: 10px;
    font-size: 15px;
}

.button,
a.button {
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    line-height: 1;
    background: #123f5c;
    border: 0;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    padding: 10px;
    font-size: 15px;
    display: inline-block;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
a.button:hover {
    background: #125D80;
    color: #fff;
    text-decoration: none;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active 
select:active,
.button:active,
a.button:active{
    background: #125D80;
    color: #fff;
}

a.button:visited, a.button:link, a.button:active {
    transition: none;
    color: #fff;
}
input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing:    content-box;
    box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select  {
    padding: 10px 8px;
    margin: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-top: 1px solid #c0c0c0;
    border-radius: 1px;
    color: #404040;
    width: 250px;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
textarea:hover,
select:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    outline: none;
    border: 1px solid #4d90fe;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}

/* Links */
a {
    color: #0083ff;
    text-decoration: none;
}
a:visited {
    color: #2C7AC5;
}
a:hover,
a:focus,
a:active {
    color: #0083ff;
    text-decoration: underline;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
    display: block;
    width: 100%;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}
.main-navigation ul ul {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26);
    display: none;
    float: left;
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 99999;
    padding: 0px;
    width: 240px;
}
.main-navigation ul ul a {
    padding: 10px;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 220px;
    line-height: 24px;
    font-size: 12px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul {
    display: block !important;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}

.menu li ul.sub-menu:before {
    content: "\f142";
    font-family:dashicons;
    position: absolute;
    top: -21px;
    left: 12px;
    font-size: 25px;
    color: #123f5c;
}

.sub-menu .sub-menu {
    left:20%;
    top: 100%;
}

.menu_arrow{
    display: none;
    background-image: url(img/sub-menu-arrow.png);
    width: 10px;
    height: 7px;
    position: absolute;
    top: -7px;
    left: 20px;
}

/* =Content
----------------------------------------------- */

article.sticky, .blog article.sticky {
    position:relative;
    background-color: #fff;
}
article.sticky:before {
    font-family: dashicons;
    content: "\f487";
    position: absolute;
    right: 10px;
    top: 5px;
}
.hentry {
    margin: 0 0 1.5em;
}
.byline,
.updated {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 0;
    clear: both;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

article .post-thumbnail {
    text-align: center;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/* =Link
----------------------------------------------- */

.format-link .entry-title a:after {
    font-family: dashicons;
    content: "\f504";
    font-size: 24px;
    height: 24px;
    position: relative;
    top: 0;
    width: 24px;
}

/* =Quote
----------------------------------------------- */

.format-quote .entry-summary {
    font-style: italic;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

.entry-meta .edit-link {
    display: block;
    margin-top: 10px;
}

.entry-meta .read-more:active {
    display: block;
}

.readmore-wrapper {
    margin: 10px 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 auto;
    overflow: hidden;
    clear:both;
}
[class*="navigation"] .nav-previous {
    float: left;
    width: 49%;
}
[class*="navigation"] .nav-next {
    float: right;
    width: 49%;
}

#primary .nav-links a {
    font-size: 14px;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/*FOOTER*/
.site-footer {
    margin: 0 auto;
}

.footer-area .site-branding, .footer-area .site-branding .website_name{
    float: none;
}

.menu li {
    list-style: none;
}

.footer-menus, .site-info {
    margin: 0 auto;
    padding-top: 10px;
}

.site-info {
    text-align:center;
    clear: both;
    min-height: 45px;
}

.bottom-footer-menu {
    text-align: center;
}

.bottom-footer-menu .menu ul {
    margin: 0;
}

.footer-menus a, .site-info a{
    text-decoration: none;
}

.footer-menus a:hover, .site-info a:hover {
    text-decoration: underline;
}
.right {
    max-width: 33%;
    float: right;
}
/*
.middle {
padding-top: 20px;
float: left;
position: relative;
left: 50px;
}
*/
.left {
    max-width: 33%;
    float: left;
}

.footer-menus .middle img {
    width: auto;
    max-height: 31px;
    margin-right: 10px;
}

.bottom-footer-menu ul.menu {
    margin: 0;
    list-style: none;
}

.recent-posts-limited {
    float: left;
    padding-right: 20px;
    width: 210px;
}

.recent-posts-limited ul {
    margin: 0;
    list-style: none;
    max-width: 192px;
}

/*Content*/
#content {
    min-height: 398px;
    min-width: 1000px;
    max-width: 1400px;
    margin: 20px auto;
}

.no-results {
    padding-bottom: 20px;
}

/*header*/
#masthead {
    position: relative;
    min-width: 1000px;
    margin: 0 auto;
}

.head-container {
    max-width: 1000px; min-width: 1000px;
    margin:0 auto;
}

#site-navigation {
    max-width: 68%;
    float:right;
}

#site-navigation div > ul > li {
    margin: 0 5px 0 5px;
}

.site-branding {
    float: left;
    position: relative;
    top: 5px;
}

.website_name, .website_slogan {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

/*buttons*/
a.button.readmore, .button a.readmore, input.button.readmore, .button input.readmore {
    padding-right: 23px;
}

a.button.readmore:after, .button a.readmore:after, input.button.readmore:after, .button input.readmore:after {
    font-family: dashicons;
    content: "\f345";
    font-size: 23px;
    position: absolute;
    top: 5px;
    font-weight: 100;
}

.centered {
    text-align: center;
    padding: 10px 0;
}

.addurl {
    position: relative;
    top: 9px;
    left: 45px;
}

/*GREEN*/
@-webkit-keyframes greenPulse {
    from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
    to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}

@keyframes greenPulse {
    from { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #91bd09; -webkit-box-shadow: 0 0 18px #91bd09; }
    to { background-color: #749a02; -webkit-box-shadow: 0 0 9px #333; }
}

a.green.button, .green.button a, input.green.button, .green.button  input{
    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-name: greenPulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    background-color: #749a02;
    box-shadow: 0 0 9px #333;
}

a.green.button:hover, .green.button  a:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
    background-color: #91bd09;
    box-shadow: 0 0 18px #91bd09;
}

/*BLUE*/
@-webkit-keyframes bluePulse {
    from { background-color: #02809c; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #2cadbf; -webkit-box-shadow: 0 0 18px #2cadbf; }
    to { background-color: #02809c; -webkit-box-shadow: 0 0 9px #333; }
}

@keyframes bluePulse {
    from { background-color: #02809c; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #2cadbf; -webkit-box-shadow: 0 0 18px #2cadbf; }
    to { background-color: #02809c; -webkit-box-shadow: 0 0 9px #333; }
}

a.blue.button, .blue.button  a{
    -webkit-animation-name: bluePulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: bluePulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-color: #02809c;
    box-shadow: 0 0 9px #333;
    text-decoration: none;
}

a.blue.button:hover, .blue.button  a:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
    background-color: #2cadbf;
    box-shadow: 0 0 18px #2cadbf;
}

/*RED*/
@-webkit-keyframes redPulse {
    from { background-color: #c6320a; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #df3101; -webkit-box-shadow: 0 0 18px #df3101; }
    to { background-color: #c6320a; -webkit-box-shadow: 0 0 9px #333; }
}

@keyframes redPulse {
    from { background-color: #c6320a; -webkit-box-shadow: 0 0 9px #333; }
    50% { background-color: #df3101; -webkit-box-shadow: 0 0 18px #df3101; }
    to { background-color: #c6320a; -webkit-box-shadow: 0 0 9px #333; }
}

a.red.button, .red.button  a{
    -webkit-animation-name: redPulse;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-name: redPulse;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    background-color: #c6320a;
    box-shadow: 0 0 9px #333;
    text-decoration: none;
}

a.red.button:hover, .red.button  a:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
    background-color: #df3101;
    box-shadow: 0 0 18px #df3101;
}

/*sections*/
@-webkit-keyframes slide-left-to-right{
    from { left:-100em }
    20% { left:-90em } 
    25%{ left:1em } 
    35%{ left:-.5em } 
    40%{ left:0 }
    to { left:0 }
}

@keyframes slide-left-to-right{
    from { left:-100em }
    20% { left:-90em } 
    25%{ left:1em } 
    35%{ left:-.5em } 
    40%{ left:0 }
    to { left:0 }
}

.page-template-sections-php 	#primary article {
    max-width: inherit;
}
.page-template-sections-php 	.entry-content {
    margin: 0;
    padding: 0;
}

.inside-section h1 {
    -webkit-animation-name: slide-left-to-right;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-name: slide-left-to-right;
    animation-duration: 2s;
    animation-iteration-count: 1;
    font-size: 2.5em;
    color: #fff;
    font-weight: 400;
    position: relative;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

.top-main .inside-section h1 {
    padding-top: 60px;
}

.top-main .inside-section h1 {
    font-size: 3em;
    padding-top: 90px;
    max-width: 700px;
    text-align: center;
    float: right;
}

.top-main .button {
    position: relative;
    float: right;
    top: 50px;
    right: 100px;
    clear:both;
}

.section.top-main {
    min-height: 450px;
}

.top-main .section-content {
    clear: both;
    text-align: right;
    position: relative;
    top: 55px;
    right: 65px;
    color: #fff;
}

.section.white .inside-section {
    padding: 20px;
    border-bottom: 1px solid #ededed;
}

.section.white {
    background: #fff;
}

.section.white .inside-section h2, .section.white .inside-section h3{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    line-height: 1.2;
    padding-bottom: 30px;
}

.section.white .inside-section li {
    width: 70%;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.2;
    padding: 0 0 10px 75px;
    counter-increment:item;
    position: relative;
}

.section.white .inside-section li:before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0;
    width: 64px;
    height: 64px;
    color: #EBE5E5;
    font-family: "Times New Roman", Times, serif;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
}

.section.white .inside-section ol {
    list-style: none;
    counter-reset:item;
}

.section.last .button {
    margin: 0 auto;
    display: block;
    width: 400px;
    text-align: center;
    font-size: 25px;
}

.section.last .inside-section {
    padding-bottom: 50px;
}

.section.big-font .section-content, .section.big-font .section-content p{
    font-size: 17px;
}

.section-content .alignright {
    clear: right;
    padding-bottom: 10px;
}

/*SECTION Widget Features */

.widgets-features {
    min-height: 1000px;
}

.logged-in .widgets-features {
    display: block;
}

.widgets-features  .widget {
    width: 28%;
    margin-left:64px;
    margin-top: 50px;
    padding: 160px 30px 15px 30px;
    -webkit-box-shadow: 0px 4px 0px #cecece;
    -moz-box-shadow: 0px 4px 0px #cecece;
    box-shadow: 0px 4px 0px #cecece;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    float:left;
    background: #fff;
    min-height: 370px;
}
.widgets-features  .widget h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    min-height: 68px;
}

.widgets-features h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: 100;
    text-transform: none;
    padding: 10px;
    width: 70%;
    margin: 0 auto;
    background: rgba(169,169,169,0.8);
    text-align: center;
}

/* BIO BOX */
.bio_box {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 15px 15px 0 15px;
}

.bio_image {
    float: left;
    padding: 5px 10px 0 0;
}

h4.bio_name, .bio_description {
    clear: right;
    font-size: 18px;
    color: #333;
}

.bio_description {
    font-size: 12px;
}

/* BLOG */

.blog.home article {
    padding-top: 20px;
}

.blog .type-post .entry-content {
    padding-bottom: 0;
}

.read-more a {
    background: #fff;
    padding: 8px 10px 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #0a063b;
    box-shadow: 0 0 3px;
    margin-right: 10px;
}

.read-more a:hover {
    opacity: 0.95;
}
.read-more:active {
    display:inline-block;
    transform:scale(0.98);
    -ms-transform:scale(0.98);
    -webkit-transform:scale(0.98);
}

.read-more a:after {
    font-family: "dashicons";
    content: "\f139";
    font-size: 22px;
    position: relative;
    top: 6px;
}

.archive article {
    padding-bottom: 20px;
}

nav.post-navigation {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

.single-post .entry-content {
    padding-bottom: 0;
}

.single-post main {
    padding-bottom: 40px;
}

#comments {
    padding-top: 20px;
}

#comments input {
    padding: 7px;
}

#comments label {
    width: 75px;
    display: inline-block;
}

#comments p {
    margin-bottom: 0.5em;
}

#comments textarea {
    width: 58%;
}

ol.comment-list {
    list-style: none;
    margin: 0 0 20px 0;
}

ol.comment-list > li.comment {
    padding-bottom: 15px;
}

.comment-list .reply, .comment-list .comment-text {
    padding-left: 57px;
}

.comment-reply-link, a.comment-reply-link, a.comment-reply-link:visited {
    text-decoration: none;
    color: rgb(0, 39, 59);
    font-size: 12px;
}

.comment-reply-link:hover, a.comment-reply-link:hover {
    color: #5A5E61;
}

#comments .comment-text p {
    margin-bottom: 0;
}

.comment-avatar {
    float: left;
    padding-right: 10px;
    position: relative;
    top: 5px;
}

.comment-info .author {
    font-weight: 700;
}

.comment-info .time {
    color: #000;
    font-size: 12px;
}

.form-submit #submit {
    background: #1a9731;
    background: -webkit-linear-gradient(top, #1a9731 0%, #0aa530 100%);
    background: linear-gradient(to bottom, #1a9731 0%, #0aa530 100%);
    border: none;
    border-bottom: 3px solid #1a9731;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 8px 18px 8px;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
}
.form-submit #submit:hover {
    background: #16842a;
    background: -webkit-linear-gradient(top, #16842a 0%, #09942b 100%);
    background: linear-gradient(to bottom, #16842a 0%, #09942b 100%);
    outline: none;
    border: none;
    border-bottom: 3px solid #16842a;
    box-shadow: none;
}

.form-submit #submit:active {
    background: linear-gradient(to bottom, #16842a 0%, #09942b 100%) repeat scroll 0% 0% transparent;
    transform: scale(0.97);
    -webkit-transform:scale(0.97); 
    -moz-transform:scale(0.97); 
    -o-transform:scale(0.97); 
    -ms-transform:scale(0.97);
}

.classic-button a, input.classic-button{
    background: #a6a6a6;
    background: -webkit-linear-gradient(top, #a6a6a6 0%, #b2b2b2 100%);
    background: linear-gradient(to bottom, #a6a6a6 0%, #b2b2b2 100%);
    border: none;
    border-bottom: 3px solid #a6a6a6;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 8px 18px 8px;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
}

.classic-button a:hover, input.classic-button:hover {
    background: #a2a2a2;
    background: -webkit-linear-gradient(top, #a2a2a2 0%, #adacac 100%);
    background: linear-gradient(to bottom, #a2a2a2 0%, #adacac 100%);
    outline: none;
    border: none;
    border-bottom: 3px solid #a2a2a2;
    box-shadow: none;
}

.classic-button a:active, input.classic-button:active {
    background: #a2a2a2;
    background: -webkit-linear-gradient(top, #a2a2a2 0%, #adacac 100%);
    background: linear-gradient(to bottom, #a2a2a2 0%, #adacac 100%);
    outline: none;
}

.classic-button a:focus, input.classic-button:focus {
    outline-color: rgb(255, 255, 255);
    outline-offset: 0px;
    outline-style: auto;
    outline-width: 0px;
}

#site-navigation li.classic-button {
    margin: 0 1px 0 1px;
}

/* CONTENT SIDEBAR */
#container_sidebar_wrap, #container_left_sidebar_wrap, #no_sidebar_wrap {
    margin: 0 auto;
}

#primary #container_sidebar_wrap main article, #primary #container_sidebar_wrap main #comments, #primary #container_sidebar_wrap main, #primary #container_sidebar_wrap header{
    margin: 0;
    clear: left;
}

#primary #container_sidebar_wrap main {
    clear: left;
    float: left;
}

#primary #container_sidebar_wrap main, #primary #container_left_sidebar_wrap main{
    width: 67%;
}

#primary #container_left_sidebar_wrap main article, #primary #container_left_sidebar_wrap main #comments, #primary #container_left_sidebar_wrap main{
    margin: 0;
    clear: right;
    float: right;
}

#container_sidebar_wrap aside{
    width: 300px;
    clear: right;
    float: right;
    padding: 15px 10px 20px;
    border: 3px solid #DCDDDE;
    background: #edf2f2;
}

#container_left_sidebar_wrap aside{
    width: 300px;
    clear: left;
    float: left;
    padding: 15px 10px 20px;
    border: 3px solid #DCDDDE;
}

.single-al_team #container_left_sidebar_wrap aside {
    width: auto;
    padding: 0;
    border: none;
}

#container_sidebar_wrap aside ul, #container_left_sidebar_wrap aside ul  {
    list-style: none;
    margin: 0;
}

#container_sidebar_wrap aside.widget, #container_left_sidebar_wrap aside.widget {
    font-size: 15px;
}

#container_sidebar_wrap aside.widget table, #container_left_sidebar_wrap aside.widget table {
    margin: 0;
}

#container_sidebar_wrap aside.widget h3, #container_left_sidebar_wrap aside.widget h3 {
    line-height: 1.1;
    padding-bottom: 10px;
}

#main_sidebar {
    padding-top: 20px;
    width: 33%;
}

#container_sidebar_wrap #main_sidebar {
    float: right;
    clear: right;
}


/* RATING */
.rating-wrapper {
    background: url('./img/stars-sprite.png') no-repeat 0 0;
    background-size: 90px 30px;
    height: 15px !important;
    max-height: 15px !important;
    width: 90px;
    padding: 0;
    line-height: 15px !important;
}

.rating-wrapper .rating {
    display: block;
    background: url('./img/stars-sprite.png') no-repeat 0 -15px;
    height: 100%;
    max-height: 100%;
    padding: 0;
}

.plugin-stats {
    max-width: 210px;
}

/* YOAST BREADCRUMBS */
p#breadcrumbs {
    margin: 0 auto;
    max-width: 640px;
    padding-top: 5px;
}

.page-template-sidebar-page-php p#breadcrumbs, .single-al_product p#breadcrumbs, .post-type-archive-al_product p#breadcrumbs, .tax-al_product-cat p#breadcrumbs {
    max-width: 1000px;
    padding: 5px 10px 10px 0px;
}

/* Search Results */
.search-results 	.page-header {
    max-width: 1000px;
    margin: 0 auto;
}

/* SOCIAL */
#social {
    padding: 0px 0 10px 0;
}

/* Product Page */
.shortdesc p {
    margin-bottom: 0.5em;
}

.product-details .shortdesc {
    padding: 0px 10px 0px 0px;
}

/* Opinion Box */
.opinion_box {
    padding: 20px; 
    border: 1px solid rgb(198, 0, 0); 
    clear: both; 
    width: 90%; 
    margin: 40px auto 0px;
}

.box_image {
    float: right;
    padding: 0px 0px 0px 10px;
}

.box_description, .box_description em{
    font-size: 18px;
    padding-bottom: 10px;
}

.autor_name {
    text-align: right;
    padding-right: 200px;
}

.proof_button {
    margin: 0px auto;
    width: 50%;
    clear: both;
}

.website-author {
    position: absolute;
    right: 0;
}

.additional_header_container .site-branding {
    padding-top: 0px;
    top: 0px;
    max-width: 100%;
}

.additional_header_container {
    display: table;
    width: 100%;
}

.additional_header_container > div {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    float: none;
}

.additional_header_container .address, .additional_header_container .contact {
    width: 21%;
    font-weight: 600;
}

.additional_header_container .address:before, .additional_header_container .contact:before {
    font-size: 25px;
    font-family: dashicons;
    position: absolute;
    top: 25%;
    left: -25px;
}

.additional_header_container .address:before{
    content: "\f230";
}

.additional_header_container .name_slogan {
    padding: 10px;
}

.additional_header_container .website_name {
    float: none;
    font-size: 20px;
    text-transform: none;
}

.additional_header_container .website_slogan {
    padding-top: 5px;
    font-weight: 600;
}

.footer-content img {
    margin-right: 10px;
    margin-bottom: 7px;
}

.archive article, .blog article, article.al_product {
    background-color: #F7F7F7;
    border: 1px solid #FFF;
    outline: 1px solid #DEDEDE;
    padding: 10px;
    margin-bottom: 10px;
}

#no_sidebar_wrap article.al_product {
    background-color: transparent;
    border: 0;
    outline: 0;
}

.archive article footer, .blog article footer{
    padding-bottom: 10px;
}

/* Drop Tables */
h2.drops-name {
    cursor: pointer;
    border-top: 1px solid #eeeeee;
    line-height: 2.5em;
    font-family: 'Open Sans', sans-serif;
    color: #5e5e5e;
    font-size: 16px;
    background: url('framework/img/accordion-closed.png') 99% 12px no-repeat;
    padding-bottom: 0;
}

.drops-table {
    margin: 0;
}

.drops-table td {
    min-width: 80px;
}

.drops-table.open {
    margin-bottom: 15px;
}

h2.drops-name.open {
    background: url('framework/img/accordion-open.png') 99% 12px no-repeat;
}

/* Case Studies */
.case-images {
    float: left;
    clear: left;
    width: 29%;
}

.case-images div.case_image {
    line-height: 0;
    margin-bottom: 5px;
}

.case-images div.case_image:last-child {
    margin-bottom: 0;
}

.case-content {
    float: right;
    clear: right;
    width: 69%;
    text-align: center;
    padding: 15px 10px 15px 0px;
}
#case_studies div.al_case_studies {
    overflow: hidden;
    margin: 0;
}

#case_studies div.al_case_studies {
    background-color: #f7f7f7;
    border: 1px solid #fff;
    outline: 1px solid #dedede;
    padding: 10px;
    margin-bottom: 10px;
}

#case_studies div.al_case_studies:nth-child(even) .case-images{
    float: right;
    clear: right;
}

#case_studies div.al_case_studies:nth-child(even) .case-content{
    float: left;
    clear: left;
}

#top_header #lang_sel_list {
    display: inline;
    position: absolute;
    right: 10px;
}

.block-url {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Home Box */
#home_sidebar {
    border: 1px solid #dedede;
    width: 100%;
    display: inline-block;
    background: #f7f7f7;
    padding: 20px;
}

#home_sidebar table, #home_sidebar p, #home_sidebar div {
    margin: 0;
}

#home_sidebar table tr:nth-child(odd) {
    background: transparent;
}

#home_sidebar table td:first-child {
    min-width: 70px;
    text-align: center;
    vertical-align: top;
}

#home_sidebar table td {
    vertical-align: middle;
    padding: 0px 5px;
}

#home_sidebar .implecode_widget_recent_entries {
    max-width: 66%;
}

#home_sidebar > div{
    float: left;
}

#home_sidebar p {
    font-size: 1.3rem;
}

/* Archive Navigation */
.archive-nav {
    clear: both;
    text-align: center;
    padding: 40px 0;
}

.archive-nav ul {
    margin: 0;
}

.archive-nav li a,
.archive-nav li a:hover,
.archive-nav li.active a,
.archive-nav li.disabled {
    color: #fff;
    text-decoration:none;
}

.archive-nav li {
    display: inline;
}

.archive-nav li a,
.archive-nav li a:hover,
.archive-nav li.active a,
.archive-nav li.disabled {
    background-color: #327332;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.archive-nav li a:hover,
.archive-nav li.active a {
    background-color: #027502;
}


.responsive-menu-toggle, .responsive-menu-toggle:hover, .responsive-menu-toggle:focus {
    display: none;
    background: transparent;
}
.responsive-menu-toggle {
    position: absolute;
    top: 0px;
    left: 7px;
    z-index: 11;
}

.responsive-menu-toggle:before {
    font-family: dashicons;
    font-size: 35px;
    content: "\f333";
    cursor: pointer;
}