/*
Theme Name: Robot Science
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: robot_science
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, 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.
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #eee;
    color: #222;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}


/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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


/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}


/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    color: #232020;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    padding-top: 0;
}

h1 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
}

h2,
.home.blog .entry-title {
    color: #666;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
}

h3 {
    color: #232020;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}

h4 {
    color: #232020;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 800;
}

h5 {
    color: #767676;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

h6 {
    color: #232020;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 800;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

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

blockquote {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

address {
    margin: 0 0 1.5em;
}

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

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

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #eee;
    text-decoration: none;
}

big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

q {
    quotes: "“" "�" "‘" "’";
}

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

:focus {
    outline: none;
}


/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
    font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
    font-weight: 700;
}


/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
    font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
    font-weight: 700;
}


/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
    font-weight: 700;
    line-height: 1.2;
}


/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
    font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
    font-weight: 700;
}


/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
    font-weight: 700;
    line-height: 1.3;
}


/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
    font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
    font-weight: 700;
}


/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
    font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
    font-weight: 700;
}


/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
    font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
    font-weight: 700;
}


/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
    font-weight: 600;
}


/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
    line-height: 1.65;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
    line-height: 1.8;
    font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
    letter-spacing: 0 !important;
}


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
    color: #232020;
    display: block;
    font-weight: 800;
    margin-bottom: 0.5em;
}

fieldset {
    margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    padding: 0.7em;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #222;
    border-color: #232020;
}

select {
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 3em;
    max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"]+label,
input[type="checkbox"]+label {
    font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
border: 0;
    font-size: 14px;
    padding: 10px 10px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
   /* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75);*/
    text-transform: uppercase;
    transition: none;
    -moz-transition: none -ms-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    background: url(assets/images/btn-bg-1.png) 0 0;
    background-repeat: repeat-x;
    background-size: cover;
	cursor: pointer;
}

input+button,
input+input[type="button"],
input+input[type="submit"] {
    padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
    background-color: #ddd;
    color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    color: #232020;
    background: #cdff12;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    background: rgb(45,180,16);
    background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
    background: #bbb;
}


/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #232020;
}

:-moz-placeholder {
    color: #232020;
}

::-moz-placeholder {
    color: #232020;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
    color: #232020;
}


/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    margin: 0 0 1.5em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}


/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

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

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
    color: #232020;
    text-decoration: none;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    color: #232020 ;
    outline: 0;
}


/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    -webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
    transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
    color: #232020;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}


/* Fixes linked images */

.entry-content a img,
.widget a img {
    -webkit-box-shadow: 0 0 0 8px #fff;
    box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
    color: #222;
}


/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
    margin-bottom: 1em;
}

.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
    opacity: 0.7;
}


/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
}

.navigation-top .wrap {
    max-width: 1000px;
    padding: 0;
}

.navigation-top a {
    color: #222;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.navigation-top .current-menu-item>a,
.navigation-top .current_page_item>a {
    color: #767676;
}

.main-navigation {
    clear: both;
    display: block;
}

.main-navigation ul {
    background: #fff;
    list-style: none;
    margin: 0;
    padding: 0 1.5em;
    text-align: left;
}


/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children>a>.icon,
.main-navigation .page_item_has_children>a>.icon,
.main-navigation ul a>.icon {
    display: none;
}

.main-navigation>div>ul {
    border-top: 1px solid #eee;
    padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on>div>ul {
    display: block;
}

.main-navigation ul ul {
    padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
    display: block;
}

.main-navigation ul ul a {
    letter-spacing: 0;
    padding: 0.4em 0;
    position: relative;
    text-transform: none;
}

.main-navigation li {
    border-bottom: 1px solid #eee;
    position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
    border: 0;
}

.main-navigation a {
    display: block;
    padding: 0.5em 0;
    text-decoration: none;
}

.main-navigation a:hover {
    color: #767676;
}


/* Menu toggle */

.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 1px auto 2px;
    padding: 1em;
    text-shadow: none;
}


/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
    display: block;
}

/*.main-navigation.toggled-on ul.nav-menu {
    display: none;
}*/

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-toggle:focus {
    outline: thin solid;
}

.menu-toggle .icon {
    margin-right: 0.5em;
    top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
    display: none;
}

.toggled-on .menu-toggle .icon-close {
    display: inline-block;
}


/* Dropdown Toggle */

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: block;
    font-size: 16px;
    right: -0.5em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em;
    position: absolute;
    text-shadow: none;
    top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: transparent;
}

.dropdown-toggle:focus {
    outline: none;
}

.dropdown-toggle.toggled-on .icon {
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -webkit-transform: rotate(-180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
}


/* Scroll down arrow */

.site-header .menu-scroll-down {
    display: none;
}

.wpcf7-form input, .wpcf7-form select {
    font-size: 16px;
    color: #232020;
    background: #f0f0f0;
    border: 0;
    padding: 10px 15px;
}


.wpcf7-form input[type='submit'], .wpcf7-form input[type='submit']:hover, .wpcf7-form input[type='submit']:focus {
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    min-width: 180px;
    font-size: 14px;
    padding: 10px 10px;
    outline: none;
    /* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); */
    text-transform: uppercase;
    transition: none;
    -moz-transition: none -ms-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    background: url(assets/images/btn-bg-1.png) 0 0;
    background-repeat: repeat-x;
    background-size: cover;
}

.wpcf7-form h3 {
        background: #232020;
    color: #fff;
    padding: 14px;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
}
/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
	overflow-x: hidden;
}

#page {
    position: relative;
    word-wrap: break-word;
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    padding-left: 2em;
    padding-right: 2em;
}

.wrap:after {
    clear: both;
    content: "";
    display: block;
}


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
    position: relative;
}

.site-header {
    background-color: #fafafa;
    position: relative;
}


/* Site branding */

.site-branding {
    padding: 1em 0;
    position: relative;
    -webkit-transition: margin-bottom 0.2s;
    transition: margin-bottom 0.2s;
    z-index: 3;
}

.site-branding a {
    text-decoration: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
    opacity: 0.7;
}

.site-title {
    clear: none;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.08em;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.site-title,
.site-title a {
    color: #222;
    opacity: 1;
    /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
    color: #fff;
}

.site-description {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
    color: #fff;
    opacity: 0.8;
}

.custom-logo-link {
    display: inline-block;
    padding-right: 1em;
    vertical-align: middle;
    width: auto;
}

.custom-logo-link img {
    display: inline-block;
    max-height: 80px;
    width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-height: 200px;
    max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
    opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
    display: inline-block;
    vertical-align: middle;
}

.custom-header {
    position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: 300px;
    height: 75vh;
    width: 100%;
}

.custom-header-media {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.custom-header-media:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
    /* IE6-9 */
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
    position: fixed;
    height: auto;
    left: 50%;
    max-width: 1000%;
    min-height: 100%;
    min-width: 100%;
    min-width: 100vw;
    /* vw prevents 1px gap on left that 100% has */
    width: auto;
    top: 50%;
    padding-bottom: 1px;
    /* Prevent header from extending beyond the footer */
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button {
    /* Specificity prevents .color-dark button overrides */
    background-color: rgba(34, 34, 34, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6);
    height: 45px;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 30px;
    top: 30px;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus {
    /* Specificity prevents .color-dark button overrides */
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(34, 34, 34, 0.8);
    color: #fff;
}

.admin-bar .wp-custom-header-video-button {
    top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    bottom: 0;
    position: absolute;
    top: auto;
    -ms-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}


/* For browsers that support 'object-fit' */

@supports ( object-fit: cover) {
    .has-header-image .custom-header-media img,
    .has-header-video .custom-header-media video,
    .has-header-video .custom-header-media iframe,
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        top: 0;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
        width: 100%;
    }
}


/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
    display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
    display: table-cell;
    height: 100%;
    vertical-align: bottom;
}


/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
    padding: 0;
}

.twentyseventeen-panel {
    overflow: hidden;
    position: relative;
}

.panel-image {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.panel-image:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);
    /* IE6-9 */
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    position: absolute;
    top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
    border-top: 1px solid #ddd;
}

.panel-content {
    position: relative;
}

.panel-content .wrap {
    padding-bottom: 0.5em;
    padding-top: 1.75em;
}


/* Panel edit link */

.twentyseventeen-panel .edit-link {
    display: block;
    margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
    font-size: 14px;
    font-size: 0.875rem;
}


/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
    border: 0;
    color: #232020;
    margin-bottom: 3em;
}

.recent-posts .entry-header {
    margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
    color: #222;
    display: inline-block;
    font-size: 11px;
    font-size: 0.6875rem;
    margin-left: 1em;
}


/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
    background-color: #fff;
    position: relative;
}

.site-content {
    padding: 2.5em 0 0;
}


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/


/* Post Landing Page */

.sticky {
    position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
    display: none;
}

.sticky .icon-thumb-tack {
    display: block;
    height: 18px;
    left: -1.5em;
    position: absolute;
    top: 1.65em;
    width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.entry-header .entry-title {
    margin-bottom: 0.25em;
}

.entry-title a {
    color: #232020;
    text-decoration: none;
    margin-left: -2px;
}

.entry-title:not(:first-child) {
    padding-top: 0;
}

.entry-meta {
    color: #767676;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
}

.entry-meta a {
    color: #767676;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.pagination,
.comments-pagination {
    border-top: 1px solid #eee;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2em 0 3em;
    text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
    width: 0.666666666em;
    height: 0.666666666em;
}

.comments-pagination {
    border: 0;
}

.page-numbers {
    display: none;
    padding: 0.5em 0.75em;
}

.page-numbers.current {
    color: #767676;
    display: inline-block;
}

.page-numbers.current .screen-reader-text {
    clip: auto;
    height: auto;
    overflow: auto;
    position: relative !important;
    width: auto;
}

.prev.page-numbers,
.next.page-numbers {
    background-color: #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background-color: #767676;
    color: #fff;
}

.prev.page-numbers {
    float: left;
}

.next.page-numbers {
    float: right;
}


/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    width: 48%;
}


/* Blog landing, search, archives */

.blog .site-main>article,
.archive .site-main>article,
.search .site-main>article {
    padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
    padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
    margin-left: auto;
    margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
    padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
    color: #222;
    display: inline-block;
    margin-left: 1em;
    white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
    margin-left: 0;
    white-space: nowrap;
}

.taxonomy-description {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
}


/* More tag */

.entry-content .more-link:before {
    content: "";
    display: block;
    margin-top: 1.5em;
}


/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}

.single-featured-image-header {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
    display: block;
    margin: auto;
}

.page-links {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    padding: 2em 0 3em;
}

.page-links .page-number {
    color: #767676;
    display: inline-block;
    padding: 0.5em 1em;
}

.page-links a {
    display: inline-block;
}

.page-links a .page-number {
    color: #222;
}


/* Entry footer */

.entry-footer {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
}

.entry-footer .cat-links+.tags-links {
    margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
    color: #232020;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
    color: #767676;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 2px;
}

.entry-footer .edit-link {
    display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
    background-color: #222;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    margin-top: 2em;
    padding: 0.7em 2em;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
    background-color: #767676;
}


/* Post Formats */

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

.format-quote blockquote {
    color: #232020;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    overflow: visible;
    position: relative;
}

.format-quote blockquote .icon {
    display: block;
    height: 20px;
    left: -1.25em;
    position: absolute;
    top: 0.4em;
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 20px;
}


/* Post Navigation */

.post-navigation {
    font-weight: 800;
    margin: 3em 0;
}

.post-navigation .nav-links {
    padding: 1em 0;
}

.nav-subtitle {
    background: transparent;
    color: #767676;
    display: block;
    font-size: 11px;
    font-size: 0.6875rem;
    letter-spacing: 0.1818em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.nav-title {
    color: #232020;
    font-size: 15px;
    font-size: 0.9375rem;
}

.post-navigation .nav-next {
    margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
    margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
    margin-left: 0.5em;
}


/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
    padding-bottom: 2em;
}

.page .entry-header .edit-link {
    font-size: 14px;
    font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
    font-size: 11px;
    font-size: 0.6875rem;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page:not(.home) #content {
    padding-bottom: 1.5em;
}


/* 404 page */

.error404 .page-content {
    padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
    margin-bottom: 3em;
}


/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
    border-top: 1px solid #eee;
}

.site-footer .wrap {
    padding-bottom: 1.5em;
    padding-top: 2em;
}


/* Footer widgets */

.site-footer .widget-area {
    padding-bottom: 2em;
    padding-top: 2em;
}


/* Social nav */

.social-navigation {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
}

.social-navigation ul {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
}

.social-navigation li {
    display: inline;
}

.social-navigation a {
    background-color: #767676;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    height: 40px;
    margin: 0 1em 0.5em 0;
    text-align: center;
    width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
    background-color: #333;
}

.social-navigation .icon {
    height: 16px;
    top: 12px;
    width: 16px;
    vertical-align: top;
}


/* Site info */

.site-info {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1em;
}

.site-info a {
    color: #666;
}

.site-info .sep {
    margin: 0;
    display: block;
    visibility: hidden;
    height: 0;
    width: 100%;
}


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
    clear: both;
    padding: 2em 0 0.5em;
}

.comments-title {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 1.5em;
}

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

.comment-list li:before {
    display: none;
}

.comment-body {
    margin-left: 65px;
}

.comment-author {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
}

.comment-author .avatar {
    height: 50px;
    left: -65px;
    position: absolute;
    width: 50px;
}

.comment-author .says {
    display: none;
}

.comment-meta {
    margin-bottom: 1.5em;
}

.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.comment-metadata a {
    color: #767676;
}

.comment-metadata a.comment-edit-link {
    color: #222;
    margin-left: 1em;
}

.comment-body {
    color: #232020;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 4em;
}

.comment-reply-link {
    font-weight: 800;
    position: relative;
}

.comment-reply-link .icon {
    color: #222;
    left: -2em;
    height: 1em;
    position: absolute;
    top: 0;
    width: 1em;
}

.children .comment-author .avatar {
    height: 30px;
    left: -45px;
    width: 30px;
}

.bypostauthor>.comment-body>.comment-meta>.comment-author .avatar {
    border: 1px solid #232020;
    padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
    color: #767676;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: italic;
}

.comments-pagination {
    margin: 2em 0 3em;
}

.form-submit {
    text-align: right;
}


/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
    padding: 1em 0 2em;
}

.widget {
    padding-bottom: 3em;
}

h2.widget-title {
    color: #222;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

.widget-title a {
    color: inherit;
}


/* widget forms */

.widget select {
    width: 100%;
}


/* widget lists */

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

.widget ul li,
.widget ol li {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li+li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}


/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    padding-bottom: 1em;
    padding-top: 1em;
}


/* Widget markup */

.widget .post-date,
.widget .rss-date {
    font-size: 0.81em;
}


/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li+li {
    margin-top: -1px;
}


/* RSS Widget */

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

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}

.widget_rss ul li {
    padding: 2.125em 0;
}

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
    color: #767676;
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 0.18em;
    line-height: 1.5;
    text-transform: uppercase;
}

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}


/* Contact Info Widget */

.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}


/* Gravatar */

.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}


/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}


/* Recent Posts widget */

.widget_recent_entries .post-date {
    display: block;
}


/* Search */

.search-form {
    position: relative;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
	transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-o-transition: none;
	-moz-transition: none;
}

.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}


/* Tag cloud widget */

.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: 4px 10px 5px;
    position: relative;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    width: auto;
    word-wrap: break-word;
    z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
    border-color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}


/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}


/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}


/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

img.alignleft,
img.alignright {
    float: none;
    margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}


/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p>embed:only-child,
p>iframe:only-child,
p>object:only-child {
    margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

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

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}


/* Media Elements */

.mejs-container {
    margin-bottom: 1.5em;
}


/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
    background: transparent;
    border: 0;
}


/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
    border-color: #eee;
    color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
    color: #232020;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
    color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
    border-bottom: 1px dotted #eee;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #767676;
    color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
    color: #fff;
}


/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
    background: #222;
    border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
    background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
    color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
    color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
    color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
    background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
    border-bottom: 1px dotted #555;
    -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
    border-bottom-color: rgba(0, 0, 0, 0);
    background-color: #aaa;
    color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
    color: #222;
}


/* Playlist Style Overrides */

.site-content .wp-playlist {
    padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
    font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
    font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.site-content .wp-playlist-item {
    padding: 0 0.3125em;
    cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
    border-bottom: none;
}

.site-content .wp-playlist-item a {
    padding: 0.3125em 0;
    border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
}

.site-content .wp-playlist-item-length {
    top: 5px;
}


/* SVG Icons base styles */

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    position: relative;
    /* Align more nicely with capital letters */
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
}


/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1.5em;
    padding: 0 1em 0 0;
    width: 50%;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
}

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    display: inline-block;
    max-width: 100%;
}

.gallery-item a img {
    display: block;
    -webkit-transition: -webkit-filter 0.2s ease-in;
    transition: -webkit-filter 0.2s ease-in;
    transition: filter 0.2s ease-in;
    transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
    -webkit-filter: opacity(60%);
    filter: opacity(60%);
}

.gallery-caption {
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}


/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
    border: 2px dashed #0085ba;
    /* Matches visible edit shortcuts. */
    bottom: 1em;
    content: "";
    display: block;
    left: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
    z-index: 2;
    /* Prevent :after from preventing interactions within the section */
}


/* Used for placeholder text */

.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 3em;
    text-transform: uppercase;
    text-align: center;
}


/* Show borders on the custom page panels only when the front page sections are being edited */

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
    border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
    border: 0;
}


/* Add some space around the visual edit shortcut buttons. */

.twentyseventeen-panel>.customize-partial-edit-shortcut>button {
    top: 30px;
    left: 30px;
}


/* Ensure that placeholder icons are visible. */

.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
    visibility: visible;
}


/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
    display: none;
}

.no-svg .svg-fallback {
    display: inline-block;
}

.no-svg .dropdown-toggle {
  /*  padding: 0.5em 0 0;
    right: 0;
    text-align: center;
    width: 2em;*/
        padding: 0.5em 0 0;
    right: 0px;
    left: 0px;
    height: 55px;
    width: 100%;
    text-align: center;
    /* width: 2em; */
    background: transparent;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    -ms-transform: rotate(180deg);
    /* IE 9 */
    transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
    -webkit-transform: rotate(0);
    /* Chrome, Safari, Opera */
    -ms-transform: rotate(0);
    /* IE 9 */
    transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
    content: "\005E";
}


/* Social Menu fallbacks */

.no-svg .social-navigation a {
    background: transparent;
    color: #222;
    height: auto;
    width: auto;
}


/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
    clip: auto;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    position: relative !important;
    /* overrides previous !important styles */
    width: auto;
}


#addseckid {
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 1px solid;
}
.secondkidsection {
    display: none;
}
.half-input {
    display: inline-block;
    width: 49%;
}
.full-input {
    margin-bottom: 15px;
}
.group-input-full {
    margin-bottom: 20px;
}
span.wpcf7-list-item {
    width: 100%;
}
.group-input-full .half-input:last-child {
    float: right;
}
.wpcf7 select {
    width: 100%;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/


/* Adjust positioning of edit shortcuts, override style in customize-preview.css */

@media screen and (min-width: 20em) {
    body.customize-partial-edit-shortcuts-shown .site-header .site-title {
        padding-left: 0;
    }
}

@media screen and (min-width: 30em) {


    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 14px;
        font-size: 0.875rem;
    }
    /* Fix image alignment */
    img.alignleft {
        float: left;
        margin-right: 1.5em;
    }
    img.alignright {
        float: right;
        margin-left: 1.5em;
    }
    /* Site Branding */
    .site-branding {
        padding: 3em 0;
    }
    /* Front Page */
    .panel-content .wrap {
        padding-bottom: 2em;
        padding-top: 3.5em;
    }
    .page-one-column .panel-content .wrap {
        max-width: 740px;
    }
    .panel-content .entry-header {
        margin-bottom: 4.5em;
    }
    .panel-content .recent-posts .entry-header {
        margin-bottom: 0;
    }
    /* Blog Index, Archive, Search */
    .taxonomy-description {
        font-size: 14px;
        font-size: 0.875rem;
    }
    .page-numbers.current {
        font-size: 16px;
        font-size: 1rem;
    }
    /* Site Footer */
    .site-footer {
        font-size: 16px;
        font-size: 1rem;
    }
    /* Gallery Columns */
    .gallery-item {
        max-width: 25%;
    }
    .gallery-columns-1 .gallery-item {
        max-width: 100%;
    }
    .gallery-columns-2 .gallery-item {
        max-width: 50%;
    }
    .gallery-columns-3 .gallery-item {
        max-width: 33.33%;
    }
    .gallery-columns-4 .gallery-item {
        max-width: 25%;
    }
}

@media screen and (min-width: 48em) {
    /* Typography */
    body,
    button,
    input,
    select,
    textarea {
        font-size: 16px;

        line-height: 1.5;
    }
    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 13px;
        font-size: 0.8125rem;
    }
    /* Layout */
    .wrap {
        max-width: 1000px;
        padding-left: 3em;
        padding-right: 3em;
    }
    .has-sidebar:not(.error404) #primary {
        float: left;
        width: 58%;
    }
    .has-sidebar #secondary {
        float: right;
        padding-top: 0;
        width: 36%;
    }
    .error404 #primary {
        float: none;
    }
    /* Site Branding */
    .site-branding {
        margin-bottom: 0;
    }
    .has-header-image.twentyseventeen-front-page .site-branding,
    .has-header-video.twentyseventeen-front-page .site-branding,
    .has-header-image.home.blog .site-branding,
    .has-header-video.home.blog .site-branding {
        bottom: 0;
        display: block;
        left: 0;
        height: auto;
        padding-top: 0;
        position: absolute;
        width: 100%;
    }
    .has-header-image.twentyseventeen-front-page .custom-header,
    .has-header-video.twentyseventeen-front-page .custom-header,
    .has-header-image.home.blog .custom-header,
    .has-header-video.home.blog .custom-header {
        display: block;
        height: auto;
    }
    .custom-header-media {
        height: 165px;
        position: relative;
    }
    .twentyseventeen-front-page.has-header-image .custom-header-media,
    .twentyseventeen-front-page.has-header-video .custom-header-media,
    .home.blog.has-header-image .custom-header-media,
    .home.blog.has-header-video .custom-header-media {
        height: 0;
        position: relative;
    }
    .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
    .has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
        bottom: 0;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .custom-logo-link {
        padding-right: 2em;
    }
    .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
    body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
        max-width: 350px;
    }
    .title-tagline-hidden.home.has-header-image .custom-logo-link img,
    .title-tagline-hidden.home.has-header-video .custom-logo-link img {
        max-height: 200px;
    }
    .site-title {
        font-size: 36px;
        font-size: 2.25rem;
    }
    .site-description {
        font-size: 16px;
        font-size: 1rem;
    }
	
	
    /* Front Page */
    .twentyseventeen-front-page.has-header-image .site-branding,
    .twentyseventeen-front-page.has-header-video .site-branding,
    .home.blog.has-header-image .site-branding,
    .home.blog.has-header-video .site-branding {
        margin-bottom: 70px;
    }
    .twentyseventeen-front-page.has-header-image .custom-header-media,
    .twentyseventeen-front-page.has-header-video .custom-header-media,
    .home.blog.has-header-image .custom-header-media,
    .home.blog.has-header-video .custom-header-media {
        height: 1200px;
        height: 100vh;
        max-height: 100%;
        overflow: hidden;
    }
    .twentyseventeen-front-page.has-header-image .custom-header-media:before,
    .twentyseventeen-front-page.has-header-video .custom-header-media:before,
    .home.blog.has-header-image .custom-header-media:before,
    .home.blog.has-header-video .custom-header-media:before {
        height: 33%;
    }
    .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
    .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
    .admin-bar.home.blog.has-header-image .custom-header-media,
    .admin-bar.home.blog.has-header-video .custom-header-media {
        height: calc(100vh - 32px);
    }
    .panel-content .wrap {
        padding-bottom: 4.5em;
        padding-top: 6em;
    }
    .panel-image {
        height: 100vh;
        max-height: 1200px;
    }
    /* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
    .background-fixed .panel-image {
        background-attachment: fixed;
    }
    .page-two-column .panel-content .entry-header {
        float: left;
        width: 36%;
    }
    .page-two-column .panel-content .entry-content {
        float: right;
        width: 58%;
    }
    /* Front Page - Recent Posts */
    .page-two-column .panel-content .recent-posts {
        clear: right;
        float: right;
        width: 58%;
    }
    .panel-content .recent-posts article {
        margin-bottom: 4em;
    }
    .panel-content .recent-posts .entry-header,
    .page-two-column #primary .panel-content .recent-posts .entry-header,
    .panel-content .recent-posts .entry-content,
    .page-two-column #primary .panel-content .recent-posts .entry-content {
        float: none;
        width: 100%;
    }
    .panel-content .recent-posts .entry-header {
        margin-bottom: 1.5em;
    }
    .page .panel-content .recent-posts .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }
    /* Posts */
    .site-content {
        padding: 5.5em 0 0;
    }
    .single-post .entry-title,
    .page .entry-title {
        font-size: 26px;
        font-size: 1.625rem;
    }
    .comments-pagination,
    .post-navigation {
        clear: both;
    }
    .post-navigation .nav-previous {
        float: left;
        width: 50%;
    }
    .post-navigation .nav-next {
        float: right;
        text-align: right;
        width: 50%;
    }
    .nav-next,
    .post-navigation .nav-next {
        margin-top: 0;
    }
    /* Blog, archive, search */
    .sticky .icon-thumb-tack {
        height: 23px;
        left: -2.5em;
        top: 1.5em;
        width: 32px;
    }
    body:not(.has-sidebar):not(.page-one-column) .page-header,
    body.has-sidebar.error404 #primary .page-header,
    body.page-two-column:not(.archive) #primary .entry-header,
    body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
        float: left;
        width: 36%;
    }
    .blog:not(.has-sidebar) #primary article,
    .archive:not(.page-one-column):not(.has-sidebar) #primary article,
    .search:not(.has-sidebar) #primary article,
    .error404:not(.has-sidebar) #primary .page-content,
    .error404.has-sidebar #primary .page-content,
    body.page-two-column:not(.archive) #primary .entry-content,
    body.page-two-column #comments {
        float: right;
        width: 58%;
    }
    .blog .site-main>article,
    .archive .site-main>article,
    .search .site-main>article {
        padding-bottom: 4em;
    }
    .navigation.pagination {
        clear: both;
        float: right;
        width: 58%;
    }
    .has-sidebar .navigation.pagination,
    .archive.page-one-column:not(.has-sidebar) .navigation.pagination {
        float: none;
        width: 100%;
    }
    .entry-footer {
        display: table;
        width: 100%;
    }
    .entry-footer .cat-tags-links {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .entry-footer .edit-link {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
    }
    .entry-footer .edit-link a.post-edit-link {
        margin-top: 0;
        margin-left: 1em;
    }
    /* Entry content */
    /* without sidebar */
    :not(.has-sidebar) .entry-content blockquote.alignleft {
        margin-left: -17.5%;
        width: 48%;
    }
    :not(.has-sidebar) .entry-content blockquote.alignright {
        margin-right: -17.5%;
        width: 48%;
    }
    /* with sidebar */
    .has-sidebar .entry-content blockquote.alignleft {
        margin-left: 0;
        width: 34%;
    }
    .has-sidebar .entry-content blockquote.alignright {
        margin-right: 0;
        width: 34%;
    }
    .has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
        margin-right: -72.5%;
        width: 62%;
    }
    /* blog and archive */
    .blog:not(.has-sidebar) .entry-content blockquote.alignleft,
    .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
    .archive:not(.has-sidebar) .entry-content blockquote.alignleft,
    .page-two-column .entry-content blockquote.alignleft {
        margin-left: -72.5%;
        width: 62%;
    }
    .blog:not(.has-sidebar) .entry-content blockquote.alignright,
    .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
    .archive:not(.has-sidebar) .entry-content blockquote.alignright,
    .page-two-column .entry-content blockquote.alignright {
        margin-right: 0;
        width: 36%;
    }
    /* Post formats */
    .format-quote blockquote .icon {
        left: -1.5em;
    }
    /* Pages */
    .page.page-one-column .entry-header,
    .twentyseventeen-front-page.page-one-column .entry-header,
    .archive.page-one-column:not(.has-sidebar) .page-header {
        margin-bottom: 4em;
    }
    .page:not(.home) #content {
        padding-bottom: 3.25em;
    }
    /* 404 page */
    .error404 .page-content {
        padding-bottom: 9em;
    }
    /* Comments */
    #comments {
        padding-top: 5em;
    }
    .comments-title {
        margin-bottom: 2.5em;
    }
    ol.children .children {
        padding-left: 2em;
    }
    /* Posts pagination */
    .nav-links .nav-title {
        position: relative;
    }
    .nav-title-icon-wrapper {
        position: absolute;
        text-align: center;
        width: 2em;
    }
    .nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
        left: -2em;
    }
    .nav-links .nav-next .nav-title .nav-title-icon-wrapper {
        right: -2em;
    }
    /* Secondary */
    #secondary {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
    }
    /* Widgets */
    h2.widget-title {
        font-size: 11px;
        font-size: 0.6875rem;
        margin-bottom: 2em;
    }
    /* Footer */
    .site-footer {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.6;
        margin-top: 3em;
    }
    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 36%;
    }
    .site-footer .widget-column.footer-widget-2 {
        float: right;
        width: 58%;
    }
    .social-navigation {
        clear: left;
        float: left;
        margin-bottom: 0;
        width: 36%;
    }
    .site-info {
        float: left;
        padding: 0.7em 0 0;
        width: 58%;
    }
    .social-navigation+.site-info {
        margin-left: 6%;
    }
    .site-info .sep {
        margin: 0 0.5em;
        display: inline;
        visibility: visible;
        height: auto;
        width: auto;
    }
    /* Gallery Columns */
    .gallery-columns-5 .gallery-item {
        max-width: 20%;
    }
    .gallery-columns-6 .gallery-item {
        max-width: 16.66%;
    }
    .gallery-columns-7 .gallery-item {
        max-width: 14.28%;
    }
    .gallery-columns-8 .gallery-item {
        max-width: 12.5%;
    }
    .gallery-columns-9 .gallery-item {
        max-width: 11.11%;
    }
}

@media screen and ( min-width: 67em) {
    /* Layout */
    /* Navigation */
    .navigation-top .wrap {
        padding: 0.75em 2em;
    }
    .navigation-top nav {
        margin-left: 0;
    }
    /* Sticky posts */
    .sticky .icon-thumb-tack {
        font-size: 32px;
        font-size: 2rem;
        height: 22px;
        left: -1.25em;
        top: 0.75em;
        width: 32px;
    }
    /* Pagination */
    .page-numbers {
        display: inline-block;
    }
    .page-numbers.current {
        font-size: 15px;
        font-size: 0.9375rem;
    }
    .page-numbers.current .screen-reader-text {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
    }
    /* Comments */
    .comment-body {
        margin-left: 0;
    }
}

@media screen and ( min-width: 79em) {
    .has-sidebar .entry-content blockquote.alignleft {
        margin-left: -20%;
    }
    .blog:not(.has-sidebar) .entry-content blockquote.alignright,
    .archive:not(.has-sidebar) .entry-content blockquote.alignright,
    .page-two-column .entry-content blockquote.alignright,
    .twentyseventeen-front-page .entry-content blockquote.alignright {
        margin-right: -20%;
    }
}

@media screen and ( max-width: 48.875em) and ( min-width: 48em) {
    .admin-bar .site-navigation-fixed.navigation-top,
    .admin-bar .site-navigation-hidden.navigation-top {
        top: 46px;
    }
}


/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
    /* Hide elements */
    form,
    button,
    input,
    select,
    textarea,
    .navigation-top,
    .social-navigation,
    #secondary,
    .content-bottom-widgets,
    .header-image,
    .panel-image-prop,
    .icon-thumb-tack,
    .page-links,
    .edit-link,
    .post-navigation,
    .pagination.navigation,
    .comments-pagination,
    .comment-respond,
    .comment-edit-link,
    .comment-reply-link,
    .comment-metadata .edit-link,
    .pingback .edit-link,
    .site-footer aside.widget-area,
    .site-info {
        display: none !important;
    }
    .entry-footer,
    #comments,
    .site-footer,
    .single-featured-image-header {
        border: 0;
    }
    /* Font sizes */
    body {
        font-size: 12pt;
    }
    h1 {
        font-size: 24pt;
    }
    h2 {
        font-size: 22pt;
    }
    h3 {
        font-size: 17pt;
    }
    h4 {
        font-size: 12pt;
    }
    h5 {
        font-size: 11pt;
    }
    h6 {
        font-size: 12pt;
    }
    .page .panel-content .entry-title,
    .page-title,
    body.page:not(.twentyseventeen-front-page) .entry-title {
        font-size: 10pt;
    }
    /* Layout */
    .wrap {
        padding-left: 5% !important;
        padding-right: 5% !important;
        max-width: none;
    }
    /* Site Branding */
    .site-header {
        background: transparent;
        padding: 0;
    }
    .custom-header-media {
        padding: 0;
    }
    .twentyseventeen-front-page.has-header-image .site-branding,
    .twentyseventeen-front-page.has-header-video .site-branding,
    .home.blog.has-header-image .site-branding,
    .home.blog.has-header-video .site-branding {
        position: relative;
    }
    .site-branding {
        margin-top: 0;
        margin-bottom: 1.75em !important;
        /* override styles added by JavaScript */
    }
    .site-title {
        font-size: 25pt;
    }
    .site-description {
        font-size: 12pt;
        opacity: 1;
    }
    /* Posts */
    .single-featured-image-header {
        background: transparent;
    }
    .entry-meta {
        font-size: 9pt;
    }
    /* Colors */
    body,
    .site {
        background: none !important;
        /* Brute force since user agents all print differently. */
    }
    body,
    a,
    .site-title a,
    .twentyseventeen-front-page.has-header-image .site-title,
    .twentyseventeen-front-page.has-header-video .site-title,
    .twentyseventeen-front-page.has-header-image .site-title a,
    .twentyseventeen-front-page.has-header-video .site-title a {
        color: #222 !important;
        /* Make sure color schemes don't affect to print */
    }
    h2,
    h5,
    blockquote,
    .site-description,
    .twentyseventeen-front-page.has-header-image .site-description,
    .twentyseventeen-front-page.has-header-video .site-description,
    .entry-meta,
    .entry-meta a {
        color: #777 !important;
        /* Make sure color schemes don't affect to print */
    }
    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 11pt;
        width: 34%;
    }
    .site-footer {
        padding: 0;
    }
}



@media screen and ( min-width: 768px ) {
	
	.mobileMenu{display: block !important;}

    /* Navigation */
    .navigation-top {
        bottom: 0;
        font-size: 14px;
        font-size: 0.875rem;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 3;
    }
    .navigation-top .wrap {
        max-width: 1000px;
        /* The font size is 14px here and we need 50px padding in ems */
        padding: 0.75em 3.4166666666667em;
    }
    .navigation-top nav {
        margin-left: -1.25em;
    }
    .site-navigation-fixed.navigation-top {
        bottom: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 7;
    }
    .admin-bar .site-navigation-fixed.navigation-top {
        top: 32px;
    }
    /* Main Navigation */
    .js .menu-toggle,
    .js .dropdown-toggle {
        display: none;
    }
    .main-navigation {
        width: auto;
    }
    .js .main-navigation ul,
    .js .main-navigation ul ul,
    .js .main-navigation>div>ul {
        display: block;
    }
    .main-navigation ul {
        background: transparent;
        padding: 0;
    }
    .main-navigation>div>ul {
        border: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .main-navigation li {
        border: 0;
        display: inline-block;
    }
    .main-navigation li li {
        display: block;
    }
    .main-navigation a {
        padding: 1em 1.25em;
    }
    .main-navigation ul ul {
        background: #232020;
        text-align: left;
        border: 1px solid #bbb;
        left: -999em;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 99999;
    }
    .main-navigation ul li.menu-item-has-children:before,
    .main-navigation ul li.menu-item-has-children:after,
    .main-navigation ul li.page_item_has_children:before,
    .main-navigation ul li.page_item_has_children:after {
        border-style: solid;
        border-width: 0 6px 6px;
        content: "";
        display: none;
        height: 0;
        position: absolute;
        right: 1em;
        bottom: -1px;
        width: 0;
        z-index: 100000;
    }
    .main-navigation ul li.menu-item-has-children.focus:before,
    .main-navigation ul li.menu-item-has-children:hover:before,
    .main-navigation ul li.menu-item-has-children.focus:after,
    .main-navigation ul li.menu-item-has-children:hover:after,
    .main-navigation ul li.page_item_has_children.focus:before,
    .main-navigation ul li.page_item_has_children:hover:before,
    .main-navigation ul li.page_item_has_children.focus:after,
    .main-navigation ul li.page_item_has_children:hover:after {
        display: block;
    }
    .main-navigation ul li.menu-item-has-children:before,
    .main-navigation ul li.page_item_has_children:before {
        border-color: transparent transparent #bbb;
        bottom: 0;
    }
    .main-navigation ul li.menu-item-has-children:after,
    .main-navigation ul li.page_item_has_children:after {
        border-color: transparent transparent #fff;
    }
    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: 100%;
        right: auto;
    }
    .navigation ul li li {
        padding: 0px 0px;
    }
    .main-navigation ul ul a {
        padding: 0.75em 1.25em;
        width: 16em;
    }
    .main-navigation li li {
        -webkit-transition: background-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out;
    }
    .main-navigation li li:hover,
    .main-navigation li li.focus {
       /* background: #767676;*/
    }
    .main-navigation li li a {
        -webkit-transition: color 0.3s ease-in-out;
        transition: color 0.3s ease-in-out;
    }
    .main-navigation li li.focus>a,
    .main-navigation li li:focus>a,
    .main-navigation li li:hover>a,
    .main-navigation li li a:hover,
    .main-navigation li li a:focus,
    .main-navigation li li.current_page_item a:hover,
    .main-navigation li li.current-menu-item a:hover,
    .main-navigation li li.current_page_item a:focus,
    .main-navigation li li.current-menu-item a:focus {
        color: #fff;
    }
    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: 0.5em;
        right: auto;
    }
    .main-navigation .menu-item-has-children>a>.icon,
    .main-navigation .page_item_has_children>a>.icon {
        display: inline;
        left: 5px;
        position: relative;
        top: -1px;
    }
    .main-navigation ul ul .menu-item-has-children>a>.icon,
    .main-navigation ul ul .page_item_has_children>a>.icon {
        margin-top: -9px;
        left: auto;
        position: absolute;
        right: 1em;
        top: 50%;
        -webkit-transform: rotate(-90deg);
        /* Chrome, Safari, Opera */
        -ms-transform: rotate(-90deg);
        /* IE 9 */
        transform: rotate(-90deg);
    }
    .main-navigation ul ul ul {
        left: -999em;
        margin-top: -1px;
        top: 0;
    }
    .main-navigation ul ul li.menu-item-has-children.focus:before,
    .main-navigation ul ul li.menu-item-has-children:hover:before,
    .main-navigation ul ul li.menu-item-has-children.focus:after,
    .main-navigation ul ul li.menu-item-has-children:hover:after,
    .main-navigation ul ul li.page_item_has_children.focus:before,
    .main-navigation ul ul li.page_item_has_children:hover:before,
    .main-navigation ul ul li.page_item_has_children.focus:after,
    .main-navigation ul ul li.page_item_has_children:hover:after {
        display: none;
    }
    .site-header .site-navigation-fixed .menu-scroll-down {
        display: none;
    }
    /* Scroll down arrow */
    .site-header .menu-scroll-down {
        display: block;
        padding: 1em;
        position: absolute;
        right: 0;
    }
    .site-header .menu-scroll-down .icon {
        -webkit-transform: rotate(90deg);
        /* Chrome, Safari, Opera */
        -ms-transform: rotate(90deg);
        /* IE 9 */
        transform: rotate(90deg);
    }
    .site-header .menu-scroll-down {
        color: #fff;
        top: 2em;
    }
    .site-header .navigation-top .menu-scroll-down {
        color: #767676;
        top: 0.7em;
    }
    .menu-scroll-down:focus {
        outline: thin dotted;
    }
    .menu-scroll-down .icon {
        height: 18px;
        width: 18px;
    }
}


/* NEW CSS */

.clear:after, .cf:after, .top-nav:after, .field-row:after{ content: ""; clear: both; display: table;}

.tbl{ display: table; height: 100%; width: 100%;}
.tbl-cell{ display: table-cell; vertical-align: middle; height: 100%;}

p{ font-size:18px; line-height:1.3; margin-bottom:20px; color:#666; font-family: 'Open Sans', sans-serif; }

h1{ font-size:43px; line-height: 1.2; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center;}
h2{ color: #232020; font-size: 30px; text-transform: uppercase; font-weight: 900; font-family: 'Montserrat', sans-serif; margin-bottom:20px;}
h3{ font-size:38px; margin-bottom:20px; }
h4{ font-size:20px; margin-bottom:20px;}
h5{ font-size:18px; margin-bottom:20px;}
h6{font-size: 16px; font-weight: 600; color: #232020;}


a,button,.btn{ outline: none !important; transition:all 0.5s ease-in-out 0s; -moz-transition: all 05s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration:none !important;}

.btn{ display: inline-block; text-align: center; color: #fff; border-radius: 3px; min-width: 180px; font-size: 14px; padding: 10px 10px; font-weight: 700; font-family: 'Montserrat', sans-serif; /*text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75);*/
text-transform: uppercase; transition:none; -moz-transition: none -ms-transition: none; -o-transition: none; -webkit-transition: none;

background: url(assets/images/btn-bg-1.png) 0 0; background-repeat: repeat-x; background-size: cover;

/*
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.52);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);

box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    
background: rgb(107,107,107);
background: -moz-linear-gradient(top, rgba(107,107,107,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(43,43,43,1) 100%);
background: linear-gradient(to bottom, rgba(107,107,107,1) 0%,rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#2b2b2b',GradientType=0 );

    */
}

.btn:hover{color: #232020; background: #7ad826; /*background: #cdff12;/* -webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
background: rgb(45,180,16);
background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );*/
}


.container {width: 100%; max-width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}

.col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-full { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}


.col{ padding-left: 15px; padding-right: 15px;}


/*--------------------  Header styles start here  -----------------------------*/

.header-sec{ position: absolute; left: 0; top: 0; z-index: 99; width: 100%;}
.header-sec .container{ position: relative;}

.logo{ position: absolute; left: 15px; top: 12px; display: block; z-index: 99; width: 160px;}
.logo img{width: 100%; display: block;}


.closing-soon-top{ background: rgba(240,240,240,0.70);}
.closing-soon-top span{ color: #232020; font-size: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; vertical-align: top; margin: 7px 10px 0 0; line-height: 1.6;}
.closing-soon-top .cart{ padding: 0 5px; min-width: 40px; background: #232020; text-align: center; color: #fff; display: inline-block; vertical-align: top; line-height: 35px; font-size: 20px;}
.closing-soon-top .cart:hover{ color: #232020; background: #cdff12;}

.closing-soon-top .cart em{ line-height: 1; font-style: normal; font-size: 14px; padding: 0 2px; font-weight: 700; display: inline-block; vertical-align: middle;}
.closing-soon-text{ text-align: right; padding-left: 180px;}

/* Navigation */
.navigation{ background: #232020; }
.navigation ul{ display: block; text-align: right; padding: 0; margin: 0; padding-left: 180px;}
.navigation ul li{ display: inline-block; vertical-align: top; padding: 0 10px; margin: 0;}
.navigation ul li:last-child{ padding-right: 0;}
.navigation ul li a{ color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin: 0; padding: 10px 15px; display: block;}
.navigation ul li a:hover{ color: #232020; background: #cdff12;}

.mob-menu-logo{display: none;}

.header-link{     display: none;    vertical-align: middle;    line-height: 35px;    background: #000;    color: #fff;    padding: 0 7px;    font-size: 14px;
    font-weight: 700;}
.header-link i{font-style: normal;}
.header-link:hover , .header-link:focus{color: #232020;    background: #cdff12;}



/*--------------------  Header styles end here  -----------------------------*/

/*--------------------  Home Banner styles start here  -----------------------------*/
.banner-sec{}
.banner-sec .banner-image{ background-size: cover; background-repeat: no-repeat; background-position: top center; width: 100%;}
.banner-sec .banner-text{ text-align: center; padding: 33% 0 15%;}
.banner-sec .banner-text h1{ color: #fff; background: rgba(35,32,32,0.70); line-height: 63px; margin-bottom: 0; display: inline; padding: 5px 30px; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; box-decoration-break: clone;}
.banner-sec .banner-text .lear-more{ display: block; max-width: 293px; background: #fff; margin: 0 auto; border-radius: 3px; padding: 11px 10px; color: #232020; font-size: 14px; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; text-align: center;}
.banner-sec .banner-text .lear-more:hover{ background: #232020; color: #fff;}


.inner-banner{padding: 10.2% 0 2.3%; text-align: center;}
.inner-banner h1{ font-size: 72px;}

/*--------------------  Home Banner styles end here  -----------------------------*/

/*-----------------------Mid section styles start here  ------------------------*/
.join-our-mailing{ min-height: 180px; text-align: center; padding: 25px 0 18px;
background: rgb(45,180,16);
background: -moz-linear-gradient(left, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
background: -webkit-linear-gradient(left, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
background: linear-gradient(to right, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=1 );
}
.join-our-mailing h2{ font-size: 36px;} 

.join-mailing-form{ padding: 0 30px;}
.join-mailing-form .mc4wp-form-fields{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.join-mailing-form .mc4wp-form-fields input{ -ms-flex: 0 0 24%; flex: 0 0 24%; max-width: 24%; margin: 10px 0.5%;  border-color: #fff; padding: 14px 23px; color: #232020; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; border-radius: 2px;}
.join-mailing-form .mc4wp-form-fields input:focus{ border-color: #232020;}

.join-mailing-form .mc4wp-form-fields input[type="submit"]{ font-size: 14px; font-weight: 700; font-family: 'Montserrat', sans-serif; border-radius: 4px;
text-transform: uppercase; text-align: center; color: #fff;/* text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75); */
    background: url(assets/images/btn-bg-1.png) 0 0; background-repeat: repeat-x; background-size: cover;
/*
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.52);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
background: rgb(107,107,107);
background: -moz-linear-gradient(top, rgba(107,107,107,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-linear-gradient(top, rgba(107,107,107,1) 0%,rgba(43,43,43,1) 100%);
background: linear-gradient(to bottom, rgba(107,107,107,1) 0%,rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#2b2b2b',GradientType=0 );
transition: none;
-moz-transition: none -ms-transition: none;
-o-transition: none;
-webkit-transition: none;*/}
.join-mailing-form .mc4wp-form-fields input[type="submit"]:hover, .join-mailing-form .mc4wp-form-fields input[type="submit"]:focus{
    color: #232020;
background: #FFF;
color:#232020;
outline: 0 !important;
  -webkit-box-shadow:  none !important;
  box-shadow: inset none !important;
/*-webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
-moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
background: rgb(45,180,16);
background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );*/}

.join-mailing-form .mc4wp-form-fields input::-webkit-input-placeholder {  color: #a9a9a9;}
.join-mailing-form .mc4wp-form-fields input:-moz-placeholder { color: #a9a9a9;}
.join-mailing-form .mc4wp-form-fields input::-moz-placeholder { color: #a9a9a9; opacity: 1;}
.join-mailing-form .mc4wp-form-fields input:-ms-input-placeholder { color: #a9a9a9;}

.robot-science-sec{ text-align: center; padding: 83px 0 110px; position: relative;}
.robot-science-sec h2{ font-size: 36px;}
.robot-science-sec .image{margin: 0px auto 30px;
    padding: 0;
    width: 220px;}
.robot-science-sec .text{ padding: 0 24px; margin: 0; text-align: center;}
.robot-science-sec .text h3{color: #7ad826; font-size: 26px; text-transform: uppercase; font-weight: 900; font-family: 'Montserrat', sans-serif; margin-bottom: 0px; }
.robot-science-sec .text p{ color: #3a3939;}
.robot-science-sec .col{ margin-bottom: 30px;}



.our-services-sec{ background: url(assets/images/service-bg.png) no-repeat 0 0; background-size: cover; padding: 50px 0 82px; text-align: center;}
.our-services-sec .col-full{ padding: 0 35px 18px;}
.our-services-sec h2{ color: #fff; margin-bottom: 8px; font-size: 36px;}
.our-services-sec p{ color: #fff;}
.our-services-sec .image{ margin: 0; background-size: cover; background-repeat: no-repeat; padding-bottom: 98%; background-position: center center;}
.our-services-sec .text{ background: #fff; text-align: center; padding: 20px 20px 36px; border-radius: 0 0 5px 5px;}
.our-services-sec .text h3{ color: #232020; font-size: 24px; text-transform: uppercase; font-weight: 900; font-family: 'Montserrat', sans-serif; margin-bottom: 7px;}
.our-services-sec .text p{ font-size: 13px; color: #232020; line-height: 1.6; margin-bottom: 26px;}
.our-services-sec .col{ max-width: 100%;}

.our-services-sec .owl-carousel .owl-stage{    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; flex-direction: row;}

.our-services-sec .owl-carousel .owl-item{padding: 0 8px; display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap; flex-direction: column;}

.our-services-sec .owl-carousel .owl-item .col{flex-grow: 1; background: #fff; border-radius: 0 0 5px 5px; padding: 0 0 74px;}
.our-services-sec .owl-carousel .owl-stage:after{display: none;}
.our-services-sec .row{margin: 0;}

.service-btn{    position: absolute;    left: 0;    right: 0;    bottom: 35px;}


.testimonial-slider{ padding: 120px 0 60px; background: #fff; position: relative; text-align: center;}
.robo-head{ content: ""; background: url(assets/images/cartoon.png) no-repeat center; width: 235px; height: 298px; display: block; position: absolute !important; left: 0px; top: 50%;     background-size: cover;    background-position: left center;    background-repeat: no-repeat; margin-top: -150px;}
.robo-head.robo-shake:hover , .robo-head.robo-shake:focus{animation-name: none; left: -40px;}



.testimonial-slider .text{}
.testimonial-slider .text p{ color: #7d7c7c; font-size: 36px; font-weight: 300; font-family: 'Montserrat', sans-serif;}
.testimonial-slider .text .name{ color: #232020; font-size: 18px; font-weight: 900; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.testimonial-slider .owl-dots{ margin-top: 30px;}
.owl-dot{ display: inline-block; margin: 0 4px;}
.owl-dot span { border: 2px solid #dedfe0; width: 15px; height: 15px; border-radius: 100%; display: block; }
.owl-dot.active span{ border-color: #a5ef37;}

.display-flex{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap;}
.bg-set{background-size: cover; background-position: center top;background-repeat: no-repeat;}
.bottom-meet-sec .image,
.bottom-meet-sec .contant{width: 50%;}
.bottom-meet-sec .contant{padding:51px 0 32px 80px;
background: rgb(74,186,20);
background: -moz-linear-gradient(left, rgba(74,186,20,1) 0%, rgba(173,245,55,1) 100%);
background: -webkit-linear-gradient(left, rgba(74,186,20,1) 0%,rgba(173,245,55,1) 100%);
background: linear-gradient(to right, rgba(74,186,20,1) 0%,rgba(173,245,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4aba14', endColorstr='#adf537',GradientType=1 );}
.bottom-meet-sec .contant > .innr-cnt-meet{max-width: 480px;}
.bottom-meet-sec h2{ color: #fff; font-size: 36px;}
.bottom-meet-sec p{  color: #fff; line-height: 1.7;}

div.wpcf7-validation-errors{ display: none !important;}

/* Contact Page start */

.contact-form-sec{ padding: 93px 0 47px;
background: #44b715;
background: -moz-linear-gradient(45deg, #44b715 0%, #cffd5d 100%);
background: -webkit-linear-gradient(45deg, #44b715 0%,#cffd5d 100%);
background: linear-gradient(45deg, #44b715 0%,#cffd5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b715', endColorstr='#cffd5d',GradientType=1 );
}
.contact-form-sec h2{ text-align: center; width: 100%; margin-bottom: 47px;}
.contact-form{ margin: 0 -12px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea, .contact-form input{ border-color: #fff; color: #a9a9a9; font-size: 13px; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 13px 15px; border-radius: 3px;}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus, .contact-form input:focus{  border-color: #232020;}
.contact-form textarea{ height: 155px; resize: none; }


.contact-form input:-moz-placeholder{ color: #a9a9a9; opacity: 1;}
.contact-form input::-moz-placeholder{ color: #a9a9a9; opacity: 1;}
.contact-form input::-webkit-input-placeholder { color: #a9a9a9; opacity: 1;}
.contact-form input:-ms-input-placeholder { color: #a9a9a9; opacity: 1;}

.contact-form textarea:-moz-placeholder{ color: #a9a9a9; opacity: 1;}
.contact-form textarea::-moz-placeholder{ color: #a9a9a9; opacity: 1;}
.contact-form textarea::-webkit-input-placeholder { color: #a9a9a9; opacity: 1;}
.contact-form textarea:-ms-input-placeholder { color: #a9a9a9; opacity: 1;}


.contact-form p br{ display: none;}
.contact-form .wpcf7-form-control-wrap{ padding: 0 12px;  margin-bottom: 34px;}
.contact-form .full-name{ float: left; width: 33.333333%;}
.contact-form .email-address{ float: left; width: 33.333333%;}
.contact-form .phone-number{ float: left; width: 33.333333%;}
.contact-form .message{ clear: both; display: table; width: 100%;}
.contact-form .wpcf7-submit{ display: block; margin: 44px auto 0;  font-size: 14px; color: #fff; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; padding: 17px 39px; /*text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75);*/ text-transform: uppercase; transition:none; -moz-transition: none -ms-transition: none; -o-transition: none; -webkit-transition: none; background: url(assets/images/btn-bg-1.png) 0 0; background-repeat: repeat-x; background-size: cover; transition:none; -moz-transition: none -ms-transition: none; -o-transition: none; -webkit-transition: none; }
.contact-form p{margin: 0;}

.contact-form .wpcf7-submit:hover, .contact-form .wpcf7-submit:focus{
    color: #232020; background: #FFF; 
    outline: 0 !important;
     -webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
  /*  -webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);*/
/*-moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
background: rgb(45,180,16);
background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );*/
}

.contact-detail{ padding: 90px 0 80px;}
.detail-inner{ padding: 0 105px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.detail-inner h2{ margin-bottom: 10px; margin-top: -20px;}
.detail-inner .col-6{ padding-left: 192px; position: relative;}
.detail-inner .col{margin-bottom: 20px;}
.detail-inner p{ color: #232020; font-weight: 400; font-size: 18px; margin-bottom: 0;}
.detail-inner p a{ font-weight: 700; color: #232020;}
.detail-inner p a:hover{ color: #95e33d;}
.detail-inner .icon{ position: absolute; left: 0; top: 0px; width: 160px; height: 160px; line-height: 160px; text-align: center; border-radius: 100%; font-size: 90px; color: #242021;
background: #44b715;
background: -moz-linear-gradient(45deg, #44b715 0%, #cffd5d 100%);
background: -webkit-linear-gradient(45deg, #44b715 0%,#cffd5d 100%);
background: linear-gradient(45deg, #44b715 0%,#cffd5d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b715', endColorstr='#cffd5d',GradientType=1 );

}
.detail-inner .icon:hover{ color: #fff;}
.detail-inner .icon .fa-envelope{ display: inline-block; vertical-align: top; margin-top: 32px;}


.map-sec {overflow: hidden; position: relative; background: #ededed; min-height: 500px; }

#map{min-height: inherit; width: 75%; position: absolute !important; left: 0; top: 0; z-index: 1;}

.map-sec .container{ position: relative; min-height: inherit; left: 0; right: 0; margin: 0 auto;}
.address-detail{ position: absolute; max-width: 335px; background: #fff;  padding:110px 50px 0; z-index: 99; min-height: inherit; right: 95px;}
.address-detail h2{ margin-bottom: 8px;}
.address-detail p{ color: #232020; }
.address-detail .address:first-child{ margin-bottom: 50px;}

div.wpcf7-mail-sent-ok{ border-color: #fff !important; color: #fff !important; text-align: center !important; margin-top: 0px; padding: 10px; font-weight: 700; font-size: 17px;}


/* Contact Page End */


/*-----------------------Mid section styles end here  ------------------------*/

/*-----------------------Footer styles start here  ------------------------*/

#main-footer{ padding: 40px 0 10px; background: #232323;}
.footer-column{}
#main-footer .footer-logo{ width:18%; }
#main-footer .footer-logo a{ display: block;}
#main-footer .col-contact{ width: 23%; border-left: 1px solid #666565; border-right: 1px solid #666565; padding: 10px 19px 10px 25px; margin-top: 13px;}
#main-footer .col-location{ width: 44%; border-right: 1px solid #666565; padding: 10px 10px 10px 25px; margin-top: 13px;}
#main-footer .col-location ul{ margin: 0; padding: 0; display: block;}
#main-footer .col-location ul li{ margin: 0; padding: 0; display: block; position: relative; padding-left: 13px;}
#main-footer .col-location ul li:after{ content: ""; width: 5px; height: 5px; background: #95e33d; border-radius: 100%; position: absolute; left: 0; top: 8px; }
#main-footer .col-location ul li a{ font-size: 14px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 1.6; display: block;}
#main-footer .col-location ul li a:hover{ color: #95e33d;}
#main-footer .col-social{ width: 15%; padding: 10px 10px 10px 25px; margin-top: 13px;}
#main-footer .col-social a{ display: inline-block; vertical-align: top; margin: 8px 3px 0; width: 32px; height: 32px; background: #fff; border-radius: 100%; text-align: center; line-height: 32px; color: #232323; font-size: 18px;}
#main-footer .col-social a:hover{ background: #95e33d;}
#main-footer .col-social a .fa-facebook{ display: inline-block; vertical-align: top; margin-top: 8px; margin-left: -1px;}
#main-footer .footer-column{}
#main-footer .footer-column .title{ display: block; font-size: 18px; color: #95e33d; font-weight: 700; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: 5px;}
#main-footer .footer-column p{ font-size: 14px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif;  margin-bottom: 0; line-height: 1.6;}
#main-footer .footer-column p strong{color: #95e33d; font-weight: 700; font-family: 'Montserrat', sans-serif; }
#main-footer .footer-column p a{font-size: 14px; color: #fff; font-weight: 400; font-family: 'Montserrat', sans-serif; }
#main-footer .footer-column p a:hover{color: #95e33d;}

.tag-line{ clear: both; padding-top: 25px;}
.tag-line p{ font-size: 12px; color: #949292;}
.tag-line p a{color:  #949292;}
.tag-line p a:hover , .tag-line p a:focus{color: #fff;}



/*-----------------------Footer styles end here  ------------------------*/


/*-- login page --*/

.default-sec{padding: 195px 0 50px; overflow-x: hidden;}
.default-sec h1{font-size: 72px;}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{max-width: 100%;}
.u-columns h2{text-align: center;}

.page-template-woocommerce #respond input#submit, 
.page-template-woocommerce a.button,
.page-template-woocommerce button.button, 
.page-template-woocommerce input.button
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button, 
.woocommerce input.button{
    font-weight: 700;  font-family: 'Montserrat', sans-serif;      display: inline-block;    text-align: center;    color: #fff;    border-radius: 3px;    min-width: 180px;    font-size: 14px;    padding: 10px 10px;   
    /*text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75);*/    text-transform: uppercase;    transition: none;    -moz-transition: none -ms-transition: none;
    -o-transition: none;    -webkit-transition: none;    background: url(assets/images/btn-bg-1.png) 0 0;    background-repeat: repeat-x;    background-size: cover;}


.page-template-woocommerce #respond input#submit:hover, 
.page-template-woocommerce a.button:hover, 
.page-template-woocommerce button.button:hover, 
.page-template-woocommerce input.button:hover
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{    
    color: #232020;
    background: #7ad826;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    /*-webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    background: rgb(45,180,16);
    background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );*/
}

.woocommerce form .form-row label.inline{display: block;}

/*-- dashboard page --*/

.woocommerce-MyAccount-navigation ul{padding: 0; margin: 0; list-style: none;}
.woocommerce-MyAccount-navigation ul a{display: block; padding: 10px 5px; border: 1px solid #232020;  margin-top: -1px;}
.woocommerce-MyAccount-navigation ul li.is-active a , .woocommerce-MyAccount-navigation ul a:hover , .woocommerce-MyAccount-navigation ul a:focus{color: #95e33d; border-color: #232020; background: #232020;}
.edit-link{display: block; margin-bottom: 10px;}
.woocommerce-MyAccount-navigation{margin-bottom: 20px;}
.woocommerce-MyAccount-content , .woocommerce-MyAccount-content p{color: #232020;}


/*-- checkout page --*/

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{color: #fff;}

/*-- 404 --*/

.text-center{text-align: center;}
.page-content{max-width: 640px; margin: 0 auto; width: 100%;}
.search-submit .screen-reader-text{display: none;}

/*-- signle page --*/

.comment-metadata a.comment-edit-link{margin-left: 0;}

.post h1{text-align: left; padding: 0; margin-bottom: 15px;}

.blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link{margin-left: 0;}

/*-- shop page ( our class) --*/

.inner-banner-sec{height: 593px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; width: 100%; position: relative;}
.shop-list-sec{ padding: 91px 0 55px; background: #f0f0f0; position: relative;}
.robo-head-right{    content: "";
    background-image: url(assets/images/cartoon-right.png);
   width: 235px;
    height: 298px;
    display: block;
    position: absolute !important;
   /* right: -185px;*/
   right: 0px;
    top: 200px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
   }

.robo-head-right.robo-shake:hover, .robo-head-right.robo-shake:focus{right: -40px; animation-name: none;}

.shop-list-sec ul.products{padding: 0;margin: 0; list-style: none;}
.shop-list-sec ul.products li{display: block; margin-bottom: 50px;}

.product-title-sec{ /*align-items: center;     justify-content: space-between; display: flex;*/ flex-wrap: wrap; flex-direction: row; padding: 27px 53px 20px; border: 1px solid #ccd5df; border-radius: 4px 4px 0 0;
	
background: #69d828; /* Old browsers */
background: -moz-linear-gradient(left, #69d828 0%, #c4f854 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #69d828 0%,#c4f854 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #69d828 0%,#c4f854 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69d828', endColorstr='#c4f854',GradientType=1 ); /* IE6-9 */}

.product-title-sec h2{font-weight: 400; margin: 0; text-transform: none;}
.woocommerce ul.products li.product  .product-title-sec h2 strong{display: inline-block; vertical-align: top; text-transform: uppercase;}
.product-title-sec h2 strong{font-weight: 700; display: inline-block; vertical-align: top;}
.product-title-left{float: left; padding-right: 10px;}
.product-title-right{float: right; padding-left: 10px; margin-right: -20px;}
@media (max-width: 1200px) {
.product-title-right{float: right; padding-left: 10px; margin-right: 0px;}
}
.product-list-content{ padding: 52px 55px 37px;  border: 1px solid #ccd5df; border-radius: 0 0 4px 4px; border-top: 0; background: #fff; }

.product-list-content h5{font-weight: 800; color: #232020; letter-spacing: normal; font-family: 'Montserrat', sans-serif;  margin-bottom: 9px; }
.product-list-content p{font-size: 13px; color: #232020; line-height: 1.4615;  margin-bottom: 36px; }
.product-features-row{margin: 0 -49px;}
.product-features-col{padding: 0 28px; width: 38%; float: left;}

.product-join-col{padding: 0 28px; width: 21%; float: right;}
.join-class-box{min-height: 106px; background: #f0f0f0;  padding: 15px 13px; text-align: center;  font-family: 'Open Sans', sans-serif; color: #232020; border-radius: 2px 2px 0 0; margin-top: 9px;}


.product-features-col > ul{    padding: 0 !important;    margin: 0 !important;    list-style: none !important;}
.product-features-col > ul > li {font-size: 18px;  color: #232020; border-bottom: 1px solid #dbd9d9;  padding:6px 8px 6px 19px;}
.product-features-col > ul > li:last-child{border-bottom: 0;}

.woocommerce .product-features-col  ul  li ul{list-style: disc; margin: 0; padding: 0 0 0 15px;}
.woocommerce .product-features-col  ul  li ul li{list-style: disc; display: list-item;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width: 100%; margin: 0 0 57px;}

.join-class-box p{font-size: 16px; margin-bottom: 6px;}
.join-class-box p strong{font-weight: 600;}

	

.party-package{text-align: center; padding: 15px 0; }
.party-package h2{margin-bottom: 31px;}
.party-package h2 span{color: #7ad826;}




.join-our-mailing.robotclass-our-mailing{
	

	
	background: url(assets/images/service-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 25px;
}
.mc4wp-success{padding: 10px 5px 0;}
.mc4wp-success p{    border: 1px solid #fff;    padding: 5px;    color: #fff;  font-size: 16px;}
.join-our-mailing.robotclass-our-mailing h2{color: #fff;}

.woocommerce ul.products li.product .button{margin-top: 0;}
.woocommerce ul.products li.product a.added_to_cart{margin-top: 10px;     font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    min-width: 180px;
    font-size: 14px;
    padding: 10px 10px;
    text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
    transition: none;
    -moz-transition: none -ms-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    background: url(assets/images/btn-bg-1.png) 0 0;
    background-repeat: repeat-x;
    background-size: cover; line-height: 1;}

.woocommerce ul.products li.product a.added_to_cart:hover , .woocommerce ul.products li.product a.added_to_cart:focus{color: #232020;
    background: #cdff12;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    -moz-box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    box-shadow: 0px 0px 7px 0px rgba(205,255,18,1);
    background: rgb(45,180,16);
    background: -moz-linear-gradient(top, rgba(45,180,16,1) 0%, rgba(196,251,75,1) 100%);
    background: -webkit-linear-gradient(top, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    background: linear-gradient(to bottom, rgba(45,180,16,1) 0%,rgba(196,251,75,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db410', endColorstr='#c4fb4b',GradientType=0 );}

/*-- cart page --*/



.woocommerce a.remove{font-size: 0; width: 40px; height: 40px; position: relative; background: transparent; border-radius: 0;}
.woocommerce a.remove:hover{background: transparent;}

.woocommerce a.remove span{display: block; background: #232020; height: 3px; width: 100%; border-radius: 2px; transform: rotate(45deg); position: absolute; right:0; top: 0; bottom: 0; left: 0; top: 13px;}
.woocommerce a.remove span:nth-child(2){transform: rotate(-45deg);}

.product-price .woocommerce-Price-amount{font-weight: 600; font-size: 24px; color: #232020; text-align: right; display: block;}


.woocommerce .woocommerce-cart-form	 table.shop_table{border: 0;}
.woocommerce .woocommerce-cart-form	 table.shop_table td{ border: 0; border-bottom: 1px solid #232020; padding-bottom: 49px; /*padding-top: 35px;*/}
.woocommerce .woocommerce-cart-form	 table.shop_table tr:last-child td{border: 0;}

.product-name span{display: block;     font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 700;}

.product-name ul{font-size: 18px; margin: 19px 0 0;  padding: 0 0 0 20px;}
.product-name ul li{line-height: 1.444;}
.woocommerce-cart-form{padding: 105px 0 0;}

.woocommerce .woocommerce-cart-form  table.shop_table td.product-remove{vertical-align: top; padding-top: 15px;}
.woocommerce .woocommerce-cart-form  table.shop_table td.product-price{vertical-align: top; padding-top: 11px;}
.woocommerce  .woocommerce-cart-form table.shop_table td.product-name{width: 74%;}

input#coupon_code{width: 170px; background: #f0f0f0; border-radius: 2px;  }


.cart-collaterals{background: #f0f0f0; position: relative; padding: 81px 0 34px; }
.cart-collaterals:before , .cart-collaterals:after{position: absolute; content: ""; background: #f0f0f0; height: 100%; top: 0; bottom: 0; display: block !important; width: 300%;}
.cart-collaterals:before{right: 100%;}
.cart-collaterals:after{left: 100%;}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float: none; margin-left: auto; width: 37.5%; }



.woocommerce .cart_totals  table.shop_table{border: 0; margin-bottom: 55px;}

.woocommerce .cart_totals  table.shop_table th , .woocommerce .cart_totals  table.shop_table td{border: 0; font-weight: 400; color: #232020; font-size: 24px; padding: 6px 10px;    line-height: 1.2;}
.woocommerce .cart_totals  table.shop_table tr.order-total th{font-weight: 700;}

.woocommerce .cart_totals  table.shop_table td{text-align: right;}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{font-size: 14px; display: inline-block; padding: 17px 28px;}

.wc-proceed-to-checkout{text-align: right;}
.woocommerce-remove-coupon{font-size: 14px;}
.woocommerce .cart_totals table.shop_table th{width: 50%; margin-bottom: 55px;}


 .woocommerce-cart .default-sec{padding-bottom: 0;}

/*-- checkout page --*/



.woocommerce-checkout h3 , .woocommerce-order-details h2{background: #232020;    color: #fff;    padding: 14px;    font-size: 30px;    font-family: 'Montserrat', sans-serif;    text-transform: uppercase;    font-weight: 700;}



.woocommerce input[type="text"], .woocommerce  input[type="email"], .woocommerce  input[type="url"], .woocommerce  input[type="password"], .woocommerce  input[type="search"], .woocommerce  input[type="number"], .woocommerce  input[type="tel"],.woocommerce   input[type="range"], .woocommerce  input[type="date"],.woocommerce  input[type="month"], .woocommerce  input[type="week"], .woocommerce  input[type="time"], .woocommerce  input[type="datetime"], .woocommerce  input[type="datetime-local"], .woocommerce  input[type="color"], .woocommerce  textarea , .woocommerce select{font-size: 16px; color: #232020; background: #f0f0f0; border: 0; padding: 10px 15px;}



.select2-container .select2-selection--single .select2-selection__rendered{font-size: 16px; color: #232020; background: #f0f0f0; border: 0; padding: 10px 15px;}
.select2-container .select2-selection--single{ height: auto; border: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow{margin-top: -13px; top: 50%; height: 26px;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background: transparent;}



.woocommerce input[type="radio"]{width: 22px; height: 22px; top: 2px; position: relative;}

.woocommerce input[type="radio"]+label{display: inline-block; vertical-align: middle;}
#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal{margin-left: 10px;}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{    padding: 16px 44px;}
.woocommerce table.shop_table.woocommerce-checkout-review-order-table thead th{border: 0;}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{padding:10px 0;}




 .payment_method_paypalpro select{width: 100% !important;}
 .payment_method_paypalpro .form-row.form-row-first{width: 100% !important; }

 .payment_method_paypalpro select[name=billing_expdatemonth] ,  .payment_method_paypalpro select[name=billing_expdateyear] {   width: 49% !important;} 
.payment_method_paypalpro select[name=billing_expdateyear]{float: right;}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{display: none;}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{background: transparent; padding: 0;}


.woocommerce table.shop_table th{border-bottom: 0;}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{font-weight: 700; text-align: center;}
.woocommerce ul.order_details li{float: none; display: inline-block; vertical-align: top; text-align: left; margin-bottom: 10px;}

.woocommerce ul.order_details{text-align: center;}

#product-slider.owl-carousel{            display: block;        }


#product-slider .owl-dots{text-align: center;}
#product-slider .owl-dot span{ border-color: #373232; background: #373232;}
#product-slider .owl-dot.active span{border-color: #7ad826; background: #7ad826;}


.cart-empty{text-align: center;}
.return-to-shop{text-align: center;}

.coupon input{height: 36px;}


.join-mailing-form  .mc4wp-success p{color: #232020; border-color: #232020;}

.join-our-mailing.robotclass-our-mailing .join-mailing-form  .mc4wp-success p{ color: #fff; border-color: #fff;}

.our-class.robot-science-sec{padding-bottom: 20px;}



.vh {visibility: hidden; opacity: 0;}

.animated {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.woocommerce-checkout #payment div.place-order{padding: 0 ;}

.terms-condition{padding: 20px 0 0;    max-width: 61%;}
.terms-condition h6{margin-bottom: 20px; font-weight: 700;}
.terms-condition ol{padding: 0 0 0 15px; font-size: 16px;}
.terms-condition ol li{line-height: 1.25; margin-bottom: 15px;}
.woocommerce form .form-row .input-checkbox{width: 15px; height: 15px;}



.parallax-obj-main{    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    overflow: hidden;}
.robo-animation{transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; }
.robo-head-right.open{right: 0;}
.robo-head.open{left: 0;}


.creditcol {
    width: 46%;
    display: inline-block;
    vertical-align: top;
}
@media screen and ( max-width: 79em) { 
 .creditcol {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #232020 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #232020 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #232020 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #232020 !important;
}


/* ANIMATION */
.animation-element {
 /* opacity: 0;*/
  position: relative;
}
.bx-prev {
   -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.bx-prev.inview {
   -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.bx-next {
   -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}
.bx-next.inview {
   -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


.animation-element.slide-left-robot {
  opacity: 0;
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left-robot.in-view {
  opacity: 1;
   animation-delay: 800s;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right-robot {
  opacity: 0;
  -moz-transition: all 800ms linear;
  -webkit-transition: all 800ms linear;
  -o-transition: all 800ms linear;
  transition: all 800ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right-robot.in-view {
  opacity: 1;
  animation-delay: 800s;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

 


.bounce-upcol1 {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .bounce-upcol1  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.bounce-upcol2 {
  opacity: 0;
  -moz-transition: all 800ms ease-out;
  -webkit-transition: all 800ms ease-out;
  -o-transition: all 800ms ease-out;
  transition: all 800ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .bounce-upcol2  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.bounce-upcol3 {
  opacity: 0;
  -moz-transition: all 900ms ease-out;
  -webkit-transition: all 900ms ease-out;
  -o-transition: all 900ms ease-out;
  transition: all 900ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .bounce-upcol3  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px); 
}
.bounce-upcol4 {
  opacity: 0;
  -moz-transition: all 1000ms ease-out;
  -webkit-transition: all 1000ms ease-out;
  -o-transition: all 1000ms ease-out;
  transition: all 1000ms ease-out;
  -moz-transform: translate3d(0px, 200px, 0px);
  -webkit-transform: translate3d(0px, 200px, 0px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate3d(0px, 200, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.animation-element.in-view .bounce-upcol4  {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.mobile-menu-item {
    display: none !important;
}
@media (max-width: 481px) {
    .post-type-archive-product .inner-banner-sec {
        height: auto !important
    }
    .animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.mobile-menu-item {
    display: block !important;
}
}