/*
Theme Name: Iottag
Theme URI: https://wordpress.org/themes/
Version: 1.0
*/
/*import font*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,700i,800');
/*--------------------------------------------------------------
>>> 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 Footer7121
4.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: "Open Sans";
    line-height: 1.24;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin-top:0 !important;
}
body {
    margin: 0;
}
html,
body {
    font-family: "Open Sans";
    color: #5f5f5f;
    line-height: 1.24;
    font-size: 17px;
}
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;
    width: 100%;
    height: 100%;
    outline: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: "Open Sans";
    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;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/*--------------------------------------------------------------
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
--------------------------------------------------------------*/
@font-face {
    font-family: "MyriadPro";
    src: url("assets/fonts/MyriadPro.eot");
    src: url("assets/fonts/MyriadPro.eot#iefix") format("embedded-opentype"),
        url("assets/fonts/MyriadPro.woff") format("woff"),
        url("assets/fonts/MyriadPro.ttf") format("truetype"),
        url("assets/fonts/MyriadPro.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
button,
input,
select,
textarea {
    color: #333;
    /* font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; */
    /* font-size: 15px; */
    /* font-size: 0.9375rem; */

    font-weight: 400;
    line-height: 1.24;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 15px;
    padding: 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 {
    font-family: "MyriadPro";
    font-size: 40px;
    font-size: 40px;
    font-weight: 300;
    color: #333333;
}
h3 {
    color: #333;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 300;
}
h4 {
    /* font-family: "Open Sans"; */

    color: #000000;
    font-size: 30px;
    /* font-size: 1rem; */

    font-weight: 400;
}
h5 {
    color: #767676;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
h6 {
    color: #333;
    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-"] 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: #333;
    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: #333;
}
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"] {
    background-color: #222;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}
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 {
    background: #767676;
}
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: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
:-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
::-moz-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
    opacity: 1;
    /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
    color: #333;
    font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
/*--------------------------------------------------------------
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: #222;
    text-decoration: none;
}
a:focus {
    /* outline: thin dotted; */
}
a:hover,
a:active {
    color: #000;
    outline: 0;
    text-decoration: underline;
}
/* 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: #000; */
    /* -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); */

    text-decoration: underline;
}
/* 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 a {
    color: #ffffff;
    font-weight: 300;
    line-height: 18px;
    /* -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;
    font-size: 15px;
}
.main-navigation li li,
.main-navigation li:last-child {
    border: 0;
}
.main-navigation a {
    display: inline-block;
    padding: 6px 0;
    text-decoration: none;
    /* font-size: 15px; */
    line-height: 30px;
    letter-spacing: 0.03em;
}
.main-navigation a:hover {
    border-bottom:1px solid #53c3fc;
    color:#53c3fc;
}
/* Menu toggle */

.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    display: none;
    font-size: 14px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    margin: 1px auto 2px;
    padding: 0;
    text-shadow: none;
    width: 30px;
    height: 30px;
    overflow: hidden;
    outline: none;
}
/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
    display: inline-block;
}
.main-navigation.toggled-on ul.nav-menu {
    display: block;
}
.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.menu-toggle:focus {
    outline: none;
}
.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: thin dotted;
}
.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;
}
/*--------------------------------------------------------------
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. */
}
#page {
    position: relative;
    word-wrap: break-word;
}
.wrap {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 700px; */
    /* padding-left: 2em; */
    /* padding-right: 2em; */
    max-width: 1350px;
    padding-left: 15px;
    padding-right: 15px;
}
.wrap:after {
    clear: both;
    content: "";
    display: block;
}
/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
    position: relative;
}
.site-header {
    /* background-color: #fafafa; */

    position: relative;
}
.site-header .header-container {
    position: relative;
}
/* Site branding */

.site-branding {
    /* padding: 1em 0; */

    position: relative;
    -webkit-transition: margin-bottom 0.2s;
    transition: margin-bottom 0.2s;
    z-index: 999;
}
.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;
    z-index: 3;
}
.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%; */
}
.header-slider .owl-theme .owl-controls {
    display: none !important;
}
.custom-header-media {
    /* bottom: 0; */
    /* left: 0; */
    /* overflow: hidden; */
    /* position: absolute; */

    position: relative;
    /* right: 0; */
    /* top: 0; */
    /* width: 100%; */
}
.custom-header-media .form-wrap {
    /*max-width: 1320px;*/
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.custom-header-media img {
    display: block;
    vertical-align: top;
}
.custom-header-media .header-slider img {
    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: #333;
    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: #333;
    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: #333;
}
.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: #333;
    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: 600;
    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: #333;
    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;
    padding-top: 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; */
    /* padding-top: 71px; */
}
/* 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: #333;
    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 #333;
    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; */
}
footer h2.widget-title {
    font-family: "Open Sans";
    font-size: 18px;
    font-weight: 400;
    color: #676868;
    margin-bottom: 12px;
}
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 {
    /* border-bottom: 1px solid #ddd; */
    /* border-top: 1px solid #ddd; */
    /* padding: 0.5em 0; */
}
.widget 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;
}
/* 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;
    background: #27a2dc;
}
.search-form .search-submit i {
    font-size: 22px;
}
.search-form .search-submit:hover {
    background:#35a0d3;
}
.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}
/* Tag cloud widget */

.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: inline-block;
    float: left;
    font-size: 14px !important;
    /* !important to overwrite inline styles */

    font-size: 0.875rem !important;
    margin: 4px 4px 0 0 !important;
    padding: 4px 10px 5px !important;
    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;
}
/*--------------------------------------------------------------
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%;
}
.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: #333;
}
.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 {
    -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;
}
.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;
}
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
/*--------------------------------------------------------------
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) {
    /* Typography */

    body,
    button,
    input,
    select,
    textarea {
        /* font-size: 18px; */
        /* font-size: 1.125rem; */
    }
    h1 {
        font-size: 30px;
        font-size: 1.875rem;
    }
    h2,
    .home.blog .entry-title,
    .page .panel-content .recent-posts .entry-title {
        font-size: 40px;
        font-size: 40px;
    }
    h3 {
        font-size: 22px;
        font-size: 1.375rem;
    }
    h4 {
        font-size: 25px;
        /* font-size: 1.125rem; */
    }
    h5 {
        font-size: 13px;
        font-size: 0.8125rem;
    }
    h6 {
        font-size: 1rem;

    }
    h6 p{
        font-size: 23px;

    }
    .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; */
        /* font-size: 1rem; */
        /* line-height: 1.5; */
    }
    .entry-content blockquote.alignleft,
    .entry-content blockquote.alignright {
        font-size: 13px;
        font-size: 0.8125rem;
    }
    /* Layout */

    .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 .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;
    }
    /* Navigation */

    .navigation-top {
        /* bottom: 0; */

        font-size: 15px;
        /* font-size: 0.875rem; */

        left: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 9999;
    }
    .navigation-top .wrap {
        /* max-width: 1215px; */
        /* The font size is 14px here and we need 50px padding in ems */
        /* padding: 0; */
    }
    .navigation-top nav {
        margin-left: -1.25em;
    }
    .site-navigation-fixed.navigation-top {
        bottom: auto;
        /* position: fixed; */

        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        max-width: 1320px;
        z-index: 7;
        margin-left: auto;
        margin-right: auto;
    }
    .admin-bar .site-navigation-fixed.navigation-top {
        top: 32px;
    }
    /* Main Navigation */

    .js .menu-toggle,
    .js .dropdown-toggle {
        display: none;
    }
    .main-navigation {
        width: auto;
    }
    .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;
        padding:0 9px;
    }
    .main-navigation li li {
        display: block;
    }
    .main-navigation ul ul {
        background: #fff;
        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: "";

        height: 0;
        position: absolute;
        right: 1em;
        bottom: -1px;
        width: 0;
        z-index: 100000;
    }
    .main-navigation li.menu-item-type-custom {
        margin: 0 8px;
        padding:0 9px;
    }
    .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;
    }
    .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;
    }
    /* 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;
        padding-top: 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 {
        display: block;
    }
    .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 */
    /* 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;
    }
}
.home-section .wrap {
    position: relative;
}
.home-section.section-5 .bg{
    background-repeat: no-repeat ;
    background-position: center top ;
    background-attachment: fixed;
    background-size: cover ;
    left: 0;
    right: 0;
}
.home-section.section-8 .bg {
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    left: 0;
    right: 0;
}
.home-section .bg {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
section.home-section.section-5 .bg {
    background-position: left top;
}
section.home-section.section-5 .bg:after {
    content: '';
    display: block;
    clear: both;
}
section.home-section.section-5 .bg,
section.home-section.section-8 .bg {
    min-height: 278px;
    background-color: #27a2dd;
    background-attachment: fixed !important;
}
.home-section .bg-image img {
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 auto;
}
/*section.home-section.section-1 {margin-top: -2px} */
section.home-section.section-1 .logo {
    padding: 0 0 12px;
    margin-left: -28px;
}
section.home-section.section-1 .title{font-size:30px;color:#757575;font-weight:400;}

section.home-section.section-1 .bg {
    background-attachment: initial;
}
section.home-section.section-1 .section-container.bottom .bg{
    background-size: cover !important;
}
section.home-section.section-1 .bg-main {
    padding-left: 11.8%;
    width: 96%;
}
section.home-section.section-1 .section-container .bg {
    background-size:initial;
    background-position:left bottom -5px;

}
section.home-section.section-1 .content {
    letter-spacing: 0.93px;
    position: relative;
    line-height: 23px;
    text-align: center;
    font-size: 19px;
    color: #757575;
    margin-left: -23px;
}
section.home-section.section-1 .section-container.top {
    margin-bottom: 20px;
}
section.home-section.section-1 .section-container.bottom {
    position: relative;
    margin-top: 0px;
}
section.home-section.section-1 .section-container .bottom {
    display: block;
    padding-top: 6.6%;
    padding-bottom:0;
}
section.home-section.section-1 .section-container.bottom .bottom-content{ padding-bottom: 3.5%;}
section.home-section ul,
section.home-section ol {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 0;
}
.home-section .section-title {
    text-align: center;
}
section.home-section ul li {
    list-style-type: none;
}
section.home-section.section-1 .bottom ul li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 0;
}
section.home-section.section-1 .bottom ul li:after {
    content: '|';
    padding-left: 9px;
    font-size: 20px;
    position: relative;
    bottom: 2px;
}
section.home-section.section-1 .bottom ul li:last-child:after {
    content: initial;
    padding: 0;
}
section.home-section.section-1 .bottom ul li,
section.home-section.section-1 .bottom ul li a {
    font-size: 23px;
    color: #faf7f3;
    font-weight: 300;
}
section.home-section.section-1 .bottom ul {
    text-align: left;
}
section.home-section.section-1 .section-container.bottom{text-align:left}
section.home-section.section-1 .section-container.bottom p{margin-bottom:0;
                                                           font-size: 23px;
                                                           color: #faf7f3;
                                                           font-weight: 300;
}
section.home-section.section-1 .bottom ul li:first-child{padding-left:0}
.home section.home-section.section-2 {
    color: #ffffff;
    text-align: center;
    z-index: 99;
    width:100%;
    float:left;
}
section.home-section.section-2 .wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
section.home-section.section-2 .top {
    background-color: #2497ce;
}
section.home-section.section-2 .section-title {
    color: #ffffff;
    padding-right: 9px;
    font-family: Open Sans;
    padding-left: 2.3%;
    letter-spacing: 1px;
    margin-bottom: 25px;
}
section.home-section.section-1 .section-container.bottom .bottom-content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.4px;
}
section.home-section.section-1 .section-container.bottom .bottom-content span{font-weight:700;color:#008ac7;background:#fff;padding:0px 5px;}
section.home-section.section-1 .section-container.bottom .bottom-content span i{font-weight:400;font-style:normal;}

section.home-section.section-2 .top .content{
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 21px;
    font-size: 18px;
    letter-spacing: 0.2px;
    font-weight: 400;
}
section.home-section.section-2 .bottom {
    position: absolute;
    left: 80px;
    right: 54px;
    /* min-height: 375px; */
    z-index: 999;
    max-width: 1216px;
    margin: auto;
}
section.home-section.section-2 .bottom ul li > div {
    display: block;
    /* padding-top: 37px; */

    background: #fcfdfe;
    min-height: 334px;
    -webkit-box-shadow: 3px 4px 5px rgba(0, 0, 0, .41);
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, .41);
    box-shadow: 3px 4px 5px rgba(0, 0, 0, .41);
    position: relative;
}
section.home-section.section-2 .bottom ul li > div:after {
    content: '';
    display: block;
    width: 100%;
    height: 53px;
    background: transparent url('./assets/images/bg-section-2-block.png') no-repeat left top;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -51px;
}
section.home-section.section-2 .bottom ul li .title {
    padding: 57px 1.4% 0px 0px;
    /* background: #fcfdfe; */
    font-size: 32px;
    margin-bottom: 25px;
}
section.home-section.section-2 .bottom ul li .content {
    font-size: 19px;
    color: #7f7e7e;
    line-height: 24px;
}
section.home-section.section-3 .content {
    position: absolute;
    bottom: 0;
    right: 0;
    /* left: 0; */
    color: #ffffff;
    max-width: 480px;
    text-align: right;
    padding: 0 59px;
    z-index: 999;
}
section.home-section.section-3 .content .section-title {
    color: #ffffff;
    font-size: 32.02px;
    font-family: "Open Sans";
    text-align: right;
    margin-bottom: 8px;
    line-height: 1;
}
section.home-section.section-3 .content p {
    margin: 0;
    padding: 0;
}
section.home-section.section-3 .content .bottom {
    padding: 0px 0 28px 0;
    font-size: 18px;
    line-height: 21px;
}
section.home-section.section-3 .content .logo {
    margin-bottom: 2px;
    margin-right: -3px;
}
section.home-section.section-4 .top {
    text-align: center;
    width:100%;
    float:left;
}
section.home-section.section-4 ul {
    display: block;
    margin: auto;
    max-width: 1178px;
}
section.home-section.section-4 ul li ,section.home-section ul.comman-blocks li{
    display: inline-block;
    float: left;
    vertical-align: top;
    width: 33.33%;
    /* width: calc(100%/3); */
}
section.home-section.section-4 ul li > div ,section.home-section ul.comman-blocks li > div{
    padding-left: 10px;
    padding-right:10px;
}
section.home-section.section-4 ul li .icon, section.home-section ul.comman-blocks li .icon{
    padding-bottom: 8px;
}
section.home-section.section-4 ul li:nth-child(4) .icon,
section.home-section.section-4 ul li:nth-child(5) .icon,
section.home-section.section-4 ul li:nth-child(6) .icon {
    padding-bottom: 12px;
}
section.home-section.section-4 ul li .title,section.home-section ul.comman-blocks li .title {
    font-family: "Open Sans";
    font-size: 20px;
    color: #434343;
    line-height: 20px;
    margin-bottom: 22px;
}
section.home-section.section-4 ul li .content,section.home-section ul.comman-blocks li .content {
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
    margin: auto;
    max-width: 251px;
}
section.home-section.section-5 h2.section-title {
    color: #ffffff;
    margin-bottom: 0;
}
section.home-section.section-5,
section.home-section.section-8 {
    margin-bottom: 0;
    font-family: Open Sans;
    position: relative;
}
.home section.home-section.section-5,
.home section.home-section.section-8 {
    color: #ffffff;

    font-family: Open Sans;
    font-size: 38px;
    position: relative;
}
.home section.home-section.section-5{margin:50px 0 0;}
section.home-section.section-5 .wrap,
section.home-section.section-8 .wrap {
    color: #ffffff;
    overflow: hidden;
}
section.home-section.section-5 .top .content {
    margin: auto;
    max-width: 785px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    padding: 0px 0px 24px 0.65%;
    letter-spacing: 0px;
}
.home-section .actions {
    text-align: center;
    position: relative;
}
.home-section .actions.hidden {
    display: none;
}
.home-section .stage-2 {
    display: none;
    position: relative;
    left: 1000px;
    text-align: center;
}
.home-section .stage-2.show {
    display: initial;
}
.home-section .bottom.actions.stage-1 .btn {
    background: #27a2dc;
    display: inline-block;
    border: 1px solid #ffffff;
    border-radius: 9px;
    color: #ffffff;
    font-family: MyriadProSemibold;
    font-size: 17px;
    font-weight: 400;
    padding: 11px 19px;
    position: relative;
}
.home-section .bottom.actions.stage-1 .btn:hover {
    color: #27a2dc;
    background-color: #ffffff;
    text-decoration: none;
}
section.home-section.section-6 .section-title {
    margin-bottom: 13px;
}
section.home-section.section-6 .top .content {
    max-width: 772px;
    margin: auto;
    text-align: center;
    font-weight: 300;
    line-height: 21px;
    white-space: pre-wrap;
    letter-spacing: 0.1px;
}
section.home-section.section-6 .bottom {
    text-align: center;
}
section.home-section.section-6 .bottom ul {
    display: block;
    margin: auto;
    max-width: 1180px;
}
section.home-section.section-6 .bottom li > div {
    padding-left: 5px;
    padding-right: 5px;
}
section.home-section.section-6 .icon {
    margin-bottom: 18px;
}
section.home-section.section-6 .title {
    font-size: 20px;
    color: #434343;
    font-family: "Open Sans";
    line-height: 20px;
    margin-bottom: 22px;
}
section.home-section.section-6 .content {
    font-size: 17px;
    font-weight: 300;
    margin: auto;
    max-width: 247px;
    line-height: 20px;
}
section.home-section.section-6 .bottom .content{
    font-size: 15px;
}
.home-section .actions a.btn.btn-step-read-more {
    display: inline-block;
    font-family: MyriadProSemibold;
    font-size: 16px;
    color: #27a2dc;
    font-weight: 400;
    vertical-align: middle;
    line-height: 1;
}
.home-section .actions a.btn.btn-step-read-more:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    background: transparent url('./assets/images/icon-learn-more.png') no-repeat center center;
    width: 16px;
    height: 16px;
    margin-left: 6px;
}
section.home-section.section-6 .section-container{
    border-bottom: 3px solid #e5e5e5;
}
section.home-section.section-7 .section-title {
    padding-top: 29px;
    margin-bottom: 20px;
    padding-left: 9px;
}
section.home-section.section-7 .post-list.items {
    display: block;
    max-width: 1160px;
    margin: auto;
}
section.home-section.section-7 .post-list.items li > div {
    padding: 15px;
}
section.home-section.section-7 .post-list.items li .title {
    margin-bottom: 8px;
}
section.home-section.section-7 .post-list.items li .title,
section.home-section.section-7 .post-list.items li .title a {
    font-family: "Open Sans";
    font-size: 22px;
    color: #434343;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
section.home-section.section-7 .post-list.items li .post-thumbnail {
    margin-bottom: 23px;
}
section.home-section.section-7 .post-list.items li .excerpt,
section.home-section.section-7 .post-list.items li .excerpt p {
    font-size: 14px;
    color: #565656;
    font-weight: 300;
    line-height: 19px;
    margin-bottom: 0;
}
section.home-section.section-8 h2.section-title {
    color: #ffffff;
    margin-bottom: 0;
}

section.home-section.section-8 .top .content {
    margin: auto;
    max-width: 781px;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    line-height: 21px;
    padding-bottom: 21px;
    letter-spacing: 0;
    color: #fff;
    /* margin-left: 20px; */
    /* margin-right: 20px; */
}
section.home-section.section-8 .bottom.actions.stage-1 .btn {
    min-width: 220px;
    margin-right: 0px;
    padding: 13px 19px;
}
.site-footer .wrap {
    background: transparent url('./assets/images/bg-footer.jpg') no-repeat bottom right;
    /* background-attachment: fixed; */
    padding-left: 0;
    padding-right: 0;
}
.site-footer .wrap .footer-top > div {
    /* font-size: 14px; */
    /* font-size: 0.875rem; */
    /* line-height: 1.6; */
    /* margin-top: 3em; */

    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1138px;
    margin: auto;
}
.site-footer .wrap .footer-left {
    flex-basis: 76.1%;
    -webkit-flex-basis: 76.1%;
    width: 76.1%;
    float: left;
}
.site-footer .wrap .footer-left section.widget {
    display: inline-block;
    float: left;
    vertical-align: top;
    padding-right: 20px;
}
.site-footer .wrap .footer-left .widget ul li,
.site-footer .wrap .footer-left .widget ul li a {
    font-size: 15px;
    font-weight: 300;
    line-height: 27px;
    color: #919191;
}
.site-footer .wrap .footer-left .widget ul li a {
    position: relative;
}
.site-footer .wrap .footer-left .widget ul li a:hover,.site-footer .wrap .footer-left .widget ul li.current_page_item a {
    color: #008ac7;
    text-decoration: none;
}
.site-footer .wrap .footer-left .widget ul li a:hover:before,.site-footer .wrap .footer-left .widget ul li.current_page_item a:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent url('./assets/images/icon-list-blue.png') no-repeat center center;
    vertical-align: top;
    position: absolute;
    top: 5px;
    left: -17px;
}
.site-footer .wrap .footer-right {
    display: block;
    flex-basis: 23.8%;
    -webkit-flex-basis: 23.8%;
    width: 23.8%;
    float: left;
}
::i-block-chrome,.site-footer .wrap .footer-right{
    float: none;
}
::i-block-chrome,.site-footer .wrap .footer-left{
    float: none;
}
.site-footer .wrap .footer-right section.widget_sp_image img {
    display: block;
    margin-top: 1px
}
.site-footer .wrap .footer-right section.widget_sp_image {
    padding-bottom: 9px;
}
.site-footer .wrap .footer-right section.widget_text .widget-title {
    font-size: 18px;
    font-family: "MyriadPro";
    color: #1d1d1b;
    margin-bottom: 15px;
}
.site-footer .wrap .footer-right section.widget_text .widget-title span {
    color: #008ac7;
    padding: 0 5px 0 8px;
}
.site-footer .wrap .footer-right section.widget_text ul {
    padding-left: 10px;
    /*border-left: 2px solid #008ac7;*/
    margin-left: 0px;
    margin-bottom: 19px;
    position: relative;
}
.site-footer .wrap .footer-right section.widget_text ul:before{
    content: '';
    width: 3px;
    background: #008ac7;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;

}
.site-footer .wrap .footer-right section.widget_text li,
.site-footer .wrap .footer-right section.widget_text li a {
    font-family: "Arial";
    font-size: 12px;
    color: #858585;
}
.site-footer .wrap .footer-right section.widget_text li {
    margin-bottom: 10px;
}
.site-footer .wrap .footer-right section.widget_text li:first-child {
    letter-spacing: 0.04em;
}
.site-footer .wrap .footer-bottom {
    background-color: rgba(0,138,199,0.8);
    color: #ffffff;
    margin: auto;
    /* max-width: 1320px; */

    font-family: Arial;
    font-size: 12px;
    text-align: right;
    /*padding: 14px 146px 8px 102px;*/
    line-height: 1;
    letter-spacing: 0.005em;
}
section.home-section.section-5 form,
section.home-section.section-8 form {
    display: inline-block;
    text-align: center;
    margin: auto;
    padding-top: 3px;
}
section.home-section.section-8 form {
    padding-top: 1px;
}
section.home-section.section-5 form:after,
section.home-section.section-8 form:after {
    content: '';
    display: block;
    clear: both;
}
section.home-section.section-5 form > div,
section.home-section.section-8 form > div,
section.home-section.section-5 form > p,
section.home-section.section-8 form > p {
    display: inline-block;
    float: left;
    margin: 0;
    max-width: 188px;
}
section.home-section form label {
    text-align: left;
    font-size: 14px;
}
section.home-section form .actions {
    clear: right;
}
section.home-section form .wpcf7-response-output,
section.home-section form .wpcf7 .ajax-loader {
    display: none;
    padding: 0;
    margin: 0;
}
section.home-section form .wpcf7-response-output {
    clear: left;
    font-size: 14px;
    padding: 5px 0;
    border: none;
    color: #f00;
    max-width: 100% !important;
    display: none !important;
}
section.home-section.section-5 form input,
section.home-section.section-8 form input {
    font-size: 14.45px;
    color: #c4c5c6;
}
section.home-section input::-webkit-input-placeholder {
    color: #c4c5c6;
    ;
}
section.home-section form input:-moz-placeholder {
    color: #c4c5c6;
}
section.home-section input::-moz-placeholder {
    color: #c4c5c6;
}
section.home-section form input:-ms-input-placeholder {
    color: #c4c5c6;
}
section.home-section.section-5 form input,
section.home-section.section-8 form input {
    border: 1px solid #a0d3ea;
    border-radius: 2px;
    width: 180px;
    height: 39px;
    line-height: 1;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 5px;
}
section.home-section.section-5 form input[type="submit"],
section.home-section.section-8 form input[type="submit"] {
    border: 1px solid #ffffff;
    border-radius: 6px;
    background: #27a2dc url(./assets/images/icon-arrow-white.png) no-repeat 71% 50%;
    font-family: MyriadProSemibold;
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    width: 171px;
    height: 39px;
    padding: 11px;
    line-height: 1;
    margin-right: 0;
    vertical-align: top;
}
section.home-section.section-5 form input[type="submit"]:hover,
section.home-section.section-8 form input[type="submit"]:hover {
    color: #27a2dc;
    border-color: #27a2dc;
    background: #fff url(./assets/images/icon-arrow-blue.png) no-repeat 71% 50%;
}
.header-contact-form {
    position: absolute;
    z-index: 99;
    color: #ffffff;
}
.header-contact-form form {
    display: block;
    clear: both;
    /* background: #53c3fc; */

    position: relative;
}
.header-contact-form h2.form-title {
    background: #2497ce;
    font-family: "Open Sans";
    color: #ffffff;
    font-weight: 600;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .57);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .57);
    box-shadow: 0 5px 5px rgba(0, 0, 0, .57);
    /* height: 97px; */
    padding: 1px 24px 3px 24px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.header-contact-form form.stage-2 .block.stage-1 {
    display: none;
}
.header-contact-form form .block.stage-2 {
    display: none;
}
.header-contact-form form.stage-2 .block.stage-2 {
    display: block;
}
.header-contact-form form .block .description {
    background-color: #53c3fc;
}
/*.header-contact-form form .block.stage-1 .description {
    letter-spacing: 0.044em;
}*/
.header-contact-form form .form-main {
    background: #53c3fc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1138px;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -o-align-items: flex-end;
}
.header-contact-form form .form-main > div {
    display: block;
    vertical-align: middle;
}
.header-contact-form form .form-main input {
    border: 1px solid #98dbfd;
    padding: 12px 19px;
    font-size: 17.81px;
    color: #c4c5c6;
}
.header-contact-form form .form-main input.wpcf7-not-valid {
    border-color: #f00;
}
.header-contact-form form .form-main input::-webkit-input-placeholder {
    color: #c4c5c6;
}
.header-contact-form form .form-main input:-moz-placeholder {
    color: #c4c5c6;
}
.header-contact-form form .form-main input::-moz-placeholder {
    color: #c4c5c6;
}
.header-contact-form form .form-main input:-ms-input-placeholder {
    color: #c4c5c6;
}
.header-contact-form form .form-main .actions input {
    border: 1px solid #487fa7;
    border-radius: 5px;
    background: #425a78 url(./assets/images/icon-arrow-white.png) no-repeat 78% 50%;
    font-family: MyriadProSemibold;
    font-size: 17.81px;
    color: #ffffff;
    font-weight: 400;
    height: 49px;
    padding: 13px 22px 13px 0px;
    text-align: center;
    vertical-align: top;
    letter-spacing: 0.01em;
    margin-bottom: 8px;
}
.header-contact-form form .form-main .actions input:hover {
    opacity: 0.8;
}
.header-contact-form form .phone,
.header-contact-form form .name,
.header-contact-form form .actions input {
    display: none;
}
.header-contact-form form.stage-2 .phone,
.header-contact-form form.stage-2 .name,
.header-contact-form form.stage-2 .actions input {
    display: block;
}
.header-contact-form form .form-main {
    padding-bottom: 6px;
}
.header-contact-form form .form-main:after {
    content: '';
    display: block;
    clear: both;
}
.header-contact-form form .form-main .form-left {
    flex-basis: 50.34%;
    -webkit-flex-basis: 50.34%;
    width: 50.34%;
    margin-right: 0.8%;
    float: left;
}
.header-contact-form form .form-main .form-right {
    flex-basis: 48.86%;
    -webkit-flex-basis: 48.86%;
    width: 48.86%;
    float: right;
}
.header-contact-form form .form-main .actions .button {
    border: 1px solid #487fa7;
    border-radius: 5px;
    display: inline-block;
    background: #425a78 url('./assets/images/icon-arrow-white.png') no-repeat 78% 50%;
    font-family: MyriadProSemibold;
    font-size: 17.81px;
    color: #ffffff;
    font-weight: 400;
    height: 49px;
    padding: 13px 22px 13px 0px;
    /* min-width: 216px; */
    text-align: center;
    vertical-align: top;
    letter-spacing: 0.01em;
    margin-bottom: 8px;
    text-decoration: none;
    width: 100%;
}
.header-contact-form form .form-main .actions .button:hover {
    opacity: 0.8;
}
.header-contact-form form.stage-2 .form-main .actions .button {
    display: none;
}
.header-contact-form div.wpcf7 .ajax-loader {
    display: none;
    padding: 0;
    margin: 0;
}
.header-contact-form form .form-main label {
    display: inline-block;
    vertical-align: top;
}
.header-contact-form form div.wpcf7-validation-errors {
    display: none !important;
}
.header-contact-form form span.wpcf7-not-valid-tip {
    display: none;
}


/*Update*/
footer .footer-bottom h2.widget-title {
    display: none;
}

footer .footer-bottom .widget_sp_image {
    display: inline-block;
    margin-right: 34px;
}
footer .footer-bottom .widget_sp_image img {
    opacity: 0.6;
}
.site-footer .footer-bottom .widget-column {
    float: left;
    width: 50%;
}

.site-footer .footer-bottom .widget-column.footer-widget-2 {
    text-align: left;
}
footer .footer-bottom .widget_sp_image:nth-last-child(2) img {margin-bottom: -5px;}
footer .footer-bottom .widget_sp_image:last-child img{

}

.site-footer .footer-bottom .widget-column.widget-column.footer-widget-1 {
    height: 39px;
}

.site-footer .footer-bottom .widget-column.widget-column.footer-widget-1 .textwidget {
    line-height: 39px;
}

footer .footer-bottom .widget_sp_image:nth-child(3) {
    margin-right: 31px;
    margin-left: 2px;
}

footer .footer-bottom .widget_sp_image:last-child {
    margin-left: 2px;
}
.home .home-section.section-1 .content:before{
    height: 0;
    width: 0;
    display: none!important;
}
.home .home-section.section-1 .wrap{
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
.home section.home-section.section-1 .content .content-special {
    background: #53c3fc;
    color: #fff;
    padding: 0.5px 3px 2px;
    margin-left: -3px;
    margin-right: -2px;
}

/*.home section.home-section.section-1 .logo p .title-special {
    color: #2497ce;
}*/

.home section.home-section.section-1 .logo p {
    font-size: 32px;
    text-align: center;
    margin-bottom: 18px;
    color: #5f5f5f;
    /*padding-left: 2%;*/
}
.section-5-logo {
    text-align: center;
    padding: 44px 0 0 0.5%;
}
/*.header-slider:before {
    content: '';
    display: block;
    width: 0px;
    height: 10%;
    border-top: 113px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 48.5vw solid #fff;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 99;
}

.header-slider:after {
    content: '';
    display: block;
    width: 0px;
    height: 0;
    border-top: 120px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 51.5vw solid #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}*/

.header-slider {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    z-index: 3;
}
/*.home .header-slider img {
    opacity: 1;
}*/
.header-slider {
    transform: scale(1.2);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    opacity: 0;
}
.header-slider.origin,.header-slider.origin > * {
    transform: scale(1);
    opacity: 1;
}
.home .home-section.section-1{
    opacity: 0;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
}
.home .home-section.section-1.show{
    opacity: 1;
}
section.home-section.section-3{
    position: relative;
    margin-top: 3px;
}
.home section.home-section.section-5 .bg{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center left !important;
    background-color: #27a2dc !important;
}
.search .entry-title a{
    font-family: Open Sans;
}
.header-contact-form h2.form-title span.wrap:not(:first-child){
    display: none;
}
/*.home .home-section.section-1 .wrap {
    margin-bottom: 18%;
}*/
.home section.home-section.section-5 .section-container .bg-image,.home section.home-section.section-8 .section-container .bg-image{
    display: none;
}

.BeaconsBoxWrap {
    margin-top: 180px;
}
.BeaconsBoxWrap ul li{
    list-style: none;
    width: 33%;
    float: left;
    padding:0px 20px;
}
.BeaconsBoxWrap ul li:nth-child(2){
    padding:0px 40px;
}
.BeaconsBoxWrap ul li:nth-child(2) .icon {
    width: 23%;
    float: left;
    padding-top: 10px;
}
.BeaconsBoxWrap ul li:nth-child(2) .TextWrap {
    width: 77%;
    float: left;
}
.BeaconsBoxWrap h4:last-child,
.BeaconsBoxWrap p{
    padding-left:20px;
}
.BeaconsBoxWrap p{
    padding-right:38%;
}
.BeaconsBoxWrap ul li .icon{
    width: 20%;
    float: left;
    padding-top: 3px;
}
.BeaconsBoxWrap ul li .TextWrap{
    width: 80%;
    float: left;
}
.ImgUlWrap{
    margin-top: 120px;
    margin-bottom: 120px;
}
.MenImgWrap{
    text-align: center;
    background-color: #e5e5e5;
    padding-top: 90px;
    margin-top: 60px;

}
.MenImgWrap img{
    margin-bottom: -15px;
}
.AnalyticsWrap{
    margin-top:70px;
    margin-bottom:200px;
}
.AnalyticsWrap ul li{
    list-style: none;
    width: 20%;
    float: left;
    padding:0 30px;
    border-right: 1px dashed #000;
    height: 220px;
}
.AnalyticsWrap ul li:last-child{
    border-right: 0px dashed #000;
}
.AnalyticsWrap ul li ul li{
    width:100%;
    padding:0;
    height: auto;
    border-right: 0px dashed #000;
}
.Bullet{
    position: relative;
}
.Bullet li{
    padding-left:15px !important;
}
.Bullet li:before{
    content:'-';
    position:absolute;
    left:0;
}
.AnalyticsWrap ul{
    width:100%;
    display: inline-block;
}

.AnalyticsWrap ul li .left{
    text-align:center;
}
.AnalyticsWrap ul li .right p{
    margin:0;
}
.AnalyticsWrap h3{
    text-align:center;
}
.AnalyticsWrap .container{
    width: 74%;
}

.TopBoxWrap{
    margin-top:130px;
    margin-bottom:120px;
    display: inline-block;
    width: 100%;
}
.TopBoxWrap .left{
    text-align: right;
    padding-right: 40px;
}
.TopBoxWrap .left,
.TopBoxWrap .right{
    width:50%;
    float:left;
}

.TrackingWrap{
    background-color:#e5e5e5;
    padding-top:40px;
    display: inline-block;
    width: 100%;
}
.TrackingWrap ul li{
    list-style: none;
    width: 100%;
}
.TrackingWrap ul li .left .left-content{
    width:20%;
    float:left;
    padding-right: 15px;
}
.TrackingWrap ul li .right .right-content{
    width:80%;
    float:left;
}
.TrackingWrap .top,
.TrackingWrap .bottom{
    width:50%;
    float:left;
}
.SeamlessWrap{
    text-align:center;
    margin-top:130px;
    margin-bottom:130px;
}
.SeamlessWrap ul li{
    list-style: none;
    width: 25%;
    float:left;
    padding: 0 30px;
}
.SeamlessWrap ul li .left{
    height:160px;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    position:relative;
}
.SeamlessWrap ul li .left:after{
    content:url(http://iottag.com.au/wp-content/uploads/2017/12/Shape-123.png);
    position:absolute;
    top:50%;
    margin-top: -15px;
    right: -30%;
}
.SeamlessWrap ul li:last-child .left:after{
    display:none;
}
.SeamlessWrap ul li .left .left-content{
    vertical-align: middle;
    display: table-cell;
}
.SeamlessWrap p{
    margin-bottom:30px;
}
.SeamlessWrap .content p{
    margin-bottom:30px;
    padding: 0 70px;
}

.PaperlessWrap .top,
.PaperlessWrap .bottom{
    width: 49%;
    display: inline-block;
    vertical-align: bottom;
}
.PaperlessWrap .top{
    padding-right: 30px;
}
.PaperlessWrap .bottom ul li{
    list-style: none;
    width: 100%;
}
.PaperlessWrap {
    width:100%;
    display:inline-block;
    margin-bottom:150px;
}

.BeaconsBoxWrap .container{
    width: 74%;
}
.TrackingWrap .container,
.TopBoxWrap .container,
.SeamlessWrap .container,
.BoxTableWrapper .container,
.BannerWrap .container{
    width: 71%;
}
.PaperlessWrap .container{
    width: 90%;
    padding-right: 80px;
}
.PaperlessWrap .bottom ul li .left{
    width: 15%;
    float: left;
}
.PaperlessWrap .bottom ul li .right {
    width: 85%;
    float: left;
    padding-left: 20px;
}
.BoxTableWrapper{
    margin:60px 0;
}
.BoxTableWrapper table tr td:first-child{
    padding-left:15px;
}
.BannerWrap{
    position:relative;
}
.BannerWrap .banner-text {
    position: inherit;
}

.BannerWrap .banner-image{
    width: 100%;
    padding: 60px 0;
    display: inline-block;
    background-position: right -150px top !important;
    background-repeat: no-repeat !important;
}
.BannerTextWrap{
    float:right;
}
.BannerImgWrap img{
    max-width: 100%;
    width: auto;
    float: right;
    margin-top: -1px;
}
.TopBoxWrap h4{
    border-left:2px solid #42abdb;
    padding-left:15px;
}
.TopBoxWrap p{
    padding-left:18px;
}
.Text{
    display: inline-block;
    background-color: #29a3dc;
    font-weight: normal;
    color: #fff;
    margin-left: 10px;
    line-height: normal;
    padding: 2px 8px;
    border-radius: 5px;
}
.PaperlessWrap .top img{
    width: 108%;
    max-width: initial;
    margin-bottom: 58px;
}
.TrackingWrap .bottom{
    margin-top: 110px;
}


.sub-content{text-align:center;max-width:650px;margin:0 auto;font-weight:300;margin-bottom:50px;}
.sep-img{margin-top:70px;}
.features-app{padding-top:150px;width:100%;float:left;}
section.atlas_designed.section-5 ul li:nth-child(5) .right h6, section.atlas_designed.section-5 li:nth-child(6) .right h6{margin-top:0;}
.main-navigation li.login_atlas ,.main-navigation li.book_demo{margin:0;}
.main-navigation .login_atlas a{background:#27a2dc;border-radius:10px;text-shadow:none !important;border:2px solid #27a2dc;padding:0 9px;}
.main-navigation .book_demo a{background:#5ac5fc;border-radius:10px;padding:3px 10px;text-shadow:none !important;border:2px solid #5ac5fc;padding:0 9px;}
.book_demo a:hover,.login_atlas a:hover{background:none;text-decoration:none;}

.zone-tracking .sub-content{max-width:770px;}
.comman_btn{position:relative;background: #2da2db;height:46px;border:3px solid #2da2db;min-width:266px;font-family: "MyriadPro";color: #fff;text-decoration: none;padding:11px 15px 13px 35px;margin: 25px 33px 0;border-radius:10px;font-size: 17px;font-weight: 600;display: inline-block;}
.comman_btn:before,.download_bt:before{content:'';background:url(assets/images/play-arrow.png);background-size:cover;width:21px;height:21px;font-family: FontAwesome;color:#fff;display:inline-block;position:absolute;top:10px;color:#fff;left:20px;}
.comman_btn i{margin-right:7px;}
.comman_btn:hover:before,.download_bt:hover:before{background:url(assets/images/play-arrow-hover.png);background-size:cover;}
.comman_btn:hover{text-decoration:none;color:#2da2db;background:none;}
.comman_btn img{margin-right:10px;vertical-align:middle;}
.section_buttons.comman_btn{margin:0 15px 0 0;}
.sub-wrapper .sub-content{max-width:1000px;margin:0 auto;text-align:left;}
section.home-section.section-2-new .section-title{font-weight:400;}
section.home-section.section-1.intro-sec .section-container.bottom p{font-size:40px;font-weight:400;}
.sub-content .left_content{width:64%;display:inline-block;}
section.home-section.section-2 .section-title{font-size:28px;text-align:left;padding:0;}
section.home-section.section-2 .top .content{text-align:left;}
.section-2-new.section-2 .bottom-image{right:-220px;position:absolute;bottom:0px;z-index:9999;width:45%;}
.section-2-new.section-2 .bottom-image img{float:right;}
.sub-wrapper{width:100%;position:relative;}
section.home-section ul.comman-blocks li .content{max-width:290px;}
section.home-section .comman-blocks{margin-top:50px;}
.home-section.introduce{width:100%;float:left;}
section.home-section.section-1.intro-sec .section-container.bottom .bottom-content{max-width:1000px;}
section.home-section.section-2-new .bottom ul li .content{color:#7f7f7f;font-weight:300;}
.introduce-top{background:url(assets/images/blue_bg.png);margin-top:-38px;width:100%;padding:90px 0 0;background-size:cover;float:left;z-index:99;position:relative;}
.introduce-top .section-title{color:#fff;font-size:35px;font-family: "Open Sans";font-weight:400;}
.introduce-top .section-title span{font-weight:700;color: #008ac7;background: #fff;padding: 0px 5px;margin-right:5px;}
.introduce-top .section-title span i{font-weight: 400;font-style: normal;}
.introduce-wrapper{max-width:860px;margin:0 auto;padding:50px 0 100px;}
.introduce-feature li {display:inline-block;text-align:center;margin-right:30px;}
.introduce-feature li:last-child{margin-right:0;}
.introduce-feature{text-align:center;}
.introduce-feature li h3{color:#fff;font-size:13px;font-weight:600;}
.introduce-bottom{background:#f4f4f4 url(assets/images/elements.png) no-repeat;z-index:99;margin-top:-10px;width:100%;float:left;padding-bottom:0px;position:relative;background-position:top 0 right -50px;background-size:contain;}
.introduce-bottom .left{max-width:57.5%;left:0; display:inline-block;position:relative;top:-50px;width: 100%;float: left;}
.banner_video_btn .banner_btn{width:100%;float:left;position:relative;padding:0 0 0 15px;text-transform:uppercase;font-family: "MyriadPro";margin-top:30px;width:240px;height:55px;line-height:54px;text-align:center;border-radius:10px;color:#fff;border:3px solid #fff;background:#008ac7;}
.banner_video_btn .banner_btn:before{content:'';background:url(assets/images/play-arrow.png);background-size:cover;width:24px;height:24px;font-family: FontAwesome;color:#fff;display:inline-block;position:absolute;top:13px;color:#fff;left:20px;}
.banner_video_btn .banner_btn i{margin-right:7px;}
.banner_video_btn .banner_btn:hover{text-decoration:none;background:#fff;color:#2da2db;border-color:#008ac7;}
.banner_video_btn .banner_btn:hover:before{background:url(assets/images/play-arrow-hover.png);background-size:cover;}
.banner_video_btn .banner_btn img{margin-right:10px;vertical-align:middle;}
#home_page_banner_image_cstm .banner-image img{height:100vh;object-fit:cover;}
.banner-right-img{position:absolute;right:0;bottom:0px;z-index:99;transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}
#home_page_banner_image_cstm .banner-text{top:0;height:100%;}
#home_page_banner_image_cstm .container{height:100%;}
#home_page_banner_image_cstm .header-contact-form h2.form-title{font-size:57px;width:300px;line-height:75px;}
#home_page_banner_image_cstm .header-contact-form form .block{padding-top:82px;}
#home_page_banner_image_cstm .header-contact-form form .block .description{padding:5% 30px 5.4% 4.5%;}
#home_page_banner_image_cstm .header-contact-form form .block .description{margin-top:-3px;font-size:22px;background:rgba(83,195,252,1);width:500px;}
#home_page_banner_image_cstm .header-contact-form h2.form-title{background:rgba(36,151,206,1);}
.banner-wrapper{position:relative;height:100%;width:100%;}
.banner-wrapper .text-baner{top:35%;}
.introduce-bottom .right h2 {
    font-weight: 400;
    color: #4d4d4d;
    font-size:33px;
    position: relative;
    border-left: 3px solid #42abdb;
    padding-left: 27px;
    margin-left: 1px;
    line-height: 1.2;
    font-family: "Open Sans";
    text-align:left;
}
.introduce-bottom .right {
    width:38%;
    vertical-align: top;
    left: -110px;
    position: relative;
    z-index: 1;
    margin-top:50px;
    max-width: 520px;
    display:inline-block;
    float: right;

}
.introduce-bottom .right .content{padding:0 30px;}

.home .atlas_track_key.home_page_video.intro-sec{padding-top:150px;width:100%;float:left;}
#bookdemomodal .wpcf7-form label{width:180px;height:43px;margin-right:18px;font-weight:400;color:#222;margin-bottom:6px;margin-top:15px;display:inline-block;vertical-align:middle;}
#bookdemomodal .wpcf7-form label:nth-child(2n){margin-right:0;}
#bookdemomodal .wpcf7-form input[type="text"],#bookdemomodal input[type="email"],#bookdemomodal select,#bookdemomodal input[type="tel"]{font-size:12px;color:#757575;border:2px solid #008ac7;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;padding:10px 17px;font-weight:400;}
#bookdemomodal .wpcf7-form input[type="text"]::-moz-placeholder,#bookdemomodal .wpcf7-form input[type="tel"]::-moz-placeholder,#bookdemomodal .wpcf7-form input[type="email"]::-moz-placeholder{color:#6e6d6d;}
#bookdemomodal .wpcf7-form input[type="text"]:focus,#bookdemomodal input[type="email"]:focus, #bookdemomodal select:focus,#bookdemomodal input[type="tel"]:focus{border:2px solid #000;}
#bookdemomodal .wpcf7-form select{width:100%;-moz-appearance:none;-webkit-appearance:none;background:url(assets/images/bottom-arrow.png) no-repeat right 10px top 18px;}
.wrapper-btn{text-align:right;width:180px;float:left;display: block;}
.form-submit{text-align:center;display:inline-block;position:relative;margin-right:-17px;}
#bookdemomodal .wpcf7-form .wpcf7-submit{width:156px;background:#008ac7;border:2px solid #008ac7;border-color: #008ac7;color: #fff;font-size: 16px;height:47px;
                                         line-height:47px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding: 0 0 0 20px;border-width: 2px;font-weight:600;text-transform:uppercase;
}
#bookdemomodal .wpcf7-form .form-submit:before{content:'';background:url(assets/images/play-arrow.png);background-size:cover;width:19px;height:19px;font-family: FontAwesome;display:inline-block;position:absolute;top:15px;color:#fff;left:30px;}
#bookdemomodal .wpcf7-form .wpcf7-submit:hover{background:transparent;color:#2da2db;}
#bookdemomodal .wpcf7-form .form-submit:hover:before{background:url(assets/images/play-arrow-hover.png);background-size:cover;}
#bookdemomodal p{margin-bottom:20px;}
.banner-text .stage-2.block{margin-top:-1px;}
.modal-header{width:100%;float:left;background: #00aae4;
              background-image: none;
              background-image: -moz-linear-gradient(45deg,#008ed8 0%,#00b4e4 50%);
              background-image: -webkit-linear-gradient(45deg,#008ed8 0%,#00b4e4 50%);
              padding: 24px 0;
              text-align:center;
              position:relative;
}
.modal-wrapper{padding:0 50px 40px;display:inline-block;}
.modal-wrapper h3{font-size: 21px;font-weight:600;color:#008ac7;padding: 30px 0 0;margin-bottom:10px;}
.modal-wrapper h3 img{vertical-align:middle;margin-right:5px;}
.site-content-contain{overflow:hidden;}
.modal-wrapper div.wpcf7-mail-sent-ok{border:0;}
/* The Modal (background) */
#bookdemomodal{
    display: none; /* Hidden by default */
    position: absolute; /* Stay in place */
    z-index: 9999; /* Sit on top */
    top:110px;
    right:20px;
    transition:0.5s;
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
}
#bookdemomodal:before{content:'';display:inline-block;position:absolute;right:75px;top:-19px;width: 0;height: 0;border-left:20px solid transparent; border-right: 20px solid transparent;  border-bottom:20px solid #fff; }

/* Modal Content/Box */
#bookdemomodal .modal-content {
    background-color: #fefefe;
    width:483px; 
    border-radius:15px;
    border:1px solid #2497ce;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.21);
}

/* The Close Button */
#bookdemomodal .close {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position:absolute;right:-30px;
    top:-10px;
}

#bookdemomodal .close:hover,
#bookdemomodal .close:focus {
    color:#fff;
    text-decoration: none;
    cursor: pointer;
}

#home_page_banner_image_cstm .banner-text h2{min-width:310px; }
#bookdemomodal div.wpcf7-validation-errors{color:#f00;margin-bottom:10px;}
.submit-but{position:relative;display:inline-block;}
.submit-but:before,.fast_start .buy_now:before{content:'';z-index:99;background:url(assets/images/play-arrow.png);background-size:cover;width:17px;height:17px;font-family: FontAwesome;color:#fff;display:inline-block;position:absolute;top:15px;color:#fff;left:15px;}
.fast_start #speak_button:before{left:25px;top:15px;}
.home-section.user .submit-but:before{top:12px;}
.submit-but:hover:before,.fast_start .buy_now:hover:before{color:#29a3dc;background:url(assets/images/play-arrow-hover.png);background-size:cover;}
.top-wrapper{max-width:920px; padding: 110px 0 0px;margin:0 auto;}
section.home-section.section-1-new .top{max-width:1040px !important;padding:0 0 70px !important;}

.custom_new_atlas.atlas_track_key .left{margin-top:115px;}
.custom_new_atlas.atlas_track_key.atlas_track_key .right{margin-top:137px !important;max-width:480px !important;}
.gps-section.section-2 .right .content p{padding: 0 20px 0 30px!important;}
.gps-section.section-2 .right .atlast_list ul{max-width: 420px; margin-left:20px;width:auto;}
.gps-section.section-2 .right .atlast_list ul li{margin: 0 33px 0 0;width:auto;color:#727277;}
.gps-section.section-2 .download_bt {margin-top:40px;height:47px;padding: 11px 20px 15px 50px;}
.atlas_track_key.custom_atlas_track_key.custom_new_atlas{margin-bottom:0 !important;}
.custom_new_atlas .attach_track.top_title{margin-top:35px;}
.attach_track_img{margin-top:10px;}
#collapse_content strong{font-weight:600;}
.header-extra-logo img{display:none;}
.header-extra-logo a img{display:inline-block;}
#home_page_banner_image_cstm .header-slider .owl-carousel img{object-fit:cover;height:544px;}
.home-section.user .submit-but::before{font-size:16px;}
.home-section.user .submit-but .buy_now{background:none !important;}
.home-section.user .submit-but .buy_now:hover{background:#fff !important;color: #29a3dc !important;}
.intro-btn .download_bt{padding: 11px 20px 10px 50px;}

@media only screen and (min-width: 1900px){
    .introduce-bottom .left{max-width:57%;}
    .home .atlas_track_key.home_page_video.intro-sec{padding-top:250px;}
    .introduce-bottom .right{margin-top:70px;}
    .banner-right-img{transform:scale(0.95);-webkit-transform:scale(0.95);-moz-transform:scale(0.95);bottom:5px;}
    .features-app{padding-top:270px;}
    .section-2-new.section-2 .bottom-image{right:0;width:42%;}
    .page-template .atlas_track_key .left{margin-top:150px !important;}
    .custom_new_atlas.atlas_track_key.atlas_track_key .right{margin-top:180px !important;}
    .attach_track .top_title{margin-top:150px !important;}
    #bookdemomodal{right:0;}
    #bookdemomodal::before{right:95px;}
    .introduce-bottom{background-position:right;}
    #home_page_banner_image_cstm .header-slider .owl-carousel img{height:auto !important;}
}

@media only screen and (min-width: 1440px){
    #home_page_banner_image_cstm .header-slider .owl-carousel img{height:595px;}
}

@media only screen and (max-width: 1024px){
    .BeaconsBoxWrap ul li:nth-child(2) {
        padding: 0px 30px;
    }
    .TrackingWrap .bottom{
        margin-top: 0px;
    }
    .SeamlessWrap ul li .left:after{
        right: -45%;
    }
    .SeamlessWrap .content p{
        padding: 0 50px;
    }
    .AnalyticsWrap ul li ul li{
        margin-bottom:0px;
    }
    .BeaconsBoxWrap ul li .icon {
        width: 25%;
    }
    .BeaconsBoxWrap ul li .TextWrap {
        width: 75%;
    }
    .BeaconsBoxWrap ul li .TextWrap h4 {
        font-size: 24px;
    }
    .BeaconsBoxWrap ul li {
        padding: 0px 10px;
    }
    .BeaconsBoxWrap h4:last-child, .BeaconsBoxWrap p {
        padding-left: 0px;
    }
    .AnalyticsWrap {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .TopBoxWrap {
        margin-top: 70px;
        margin-bottom: 70px;
        display: inline-block;
        width: 100%;
    }
    .SeamlessWrap {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .PaperlessWrap {
        margin-bottom: 70px;
    }
    .BannerWrap .banner-image{
        height: 700px;
    }
    .BannerWrap .banner-image img {
        display: block !important;
    }
    .SeamlessWrap ul li{
        padding: 0 15px;
    }
    .BeaconsBoxWrap p{
        padding-right:30%;
    }

    .AnalyticsWrap ul li {
        width: 33.33%;
        margin-bottom:30px;
    }

    .BeaconsBoxWrap ul li:nth-child(2){
        padding:0px 10px;
    }
    .BeaconsBoxWrap ul li:nth-child(2) .icon {
        width: 25%;
        float: left;
        padding-top: 10px;
    }
    .BeaconsBoxWrap ul li:nth-child(2) .TextWrap {
        width: 75%;
        float: left;
    }
    .SeamlessWrap ul li .left .left-content img {
        width: 50%;
    }
    .introduce-top .section-title{font-size:30px;}
    .section-5-logo{padding:20px 0 0 0.5%;}
    .sub-wrapper .sub-content{max-width:920px;}

    .sub-content .left_content{width:50%;}
    .section-2-new.section-2 .bottom-image{width:48%;}

    .introduce-bottom .left{width:50%;}
    .introduce-bottom .right{width:50%;left:0;}
    .introduce-bottom{padding-bottom:30px;}
    .banner-right-img{transform:scale(0.90);-webkit-transform:scale(0.90);-moz-transform:scale(0.90);}
    #home_page_banner_image_cstm .text-baner{margin-left:0%;}
    .banner-text .stage-2.block{font-size:20px;max-width: 500px;}
    .home .atlas_track_key.home_page_video.intro-sec{padding-top:90px;}
    .section-2-new.section-2 .bottom-image{right:-100px;}
    .introduce-top{padding:40px 0 0;}
    .gps-section.section-2 .left{max-width:400px;}
    .gps-section.section-2 .right{width:48%;}
    .gps-section.section-2 .right .atlast_list ul li{margin:0 26px 0 0;}
    .custom_new_atlas.atlas_track_key .left{margin-top:80px;}
    .custom_new_atlas.atlas_track_key.atlas_track_key .right{margin-top:100px !important;}
    .features-app{padding-top:100px;}
    .every_business{margin-top:0;}
    .main-navigation li.menu-item-type-custom{margin:0;}
    .fast_start .midel_start{left:0;}
    .banner_video_btn .banner_btn{height:50px;line-height:49px;width:230px;}
    .banner_video_btn .banner_btn::before{top:11px;}
    #home_page_banner_image_cstm .header-contact-form{top:30%;}
}
@media only screen and (max-width: 767px){
    .BeaconsBoxWrap .container,
    .TrackingWrap .container,
    .TopBoxWrap .container,
    .SeamlessWrap .container,
    .PaperlessWrap .container,
    .BoxTableWrapper .container,
    .BannerWrap .container{
        width: 84%;
    }
    .PaperlessWrap .container{
        padding-right: 0px;
    }
    .SeamlessWrap .content p{
        padding: 0 0px;
    }
    .SeamlessWrap ul li .left .left-content img {
        width: auto;
    }
    .SeamlessWrap ul li .left:after {
        display:none;
    }
    .BeaconsBoxWrap ul li {
        padding: 0px 0px;
    }
    .BeaconsBoxWrap ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .BeaconsBoxWrap ul li .icon,
    .BeaconsBoxWrap ul li:nth-child(2) .icon{
        width: 50px;
        padding-top: 8px;
        margin-bottom: 20px;
    }
    .BeaconsBoxWrap ul li .TextWrap,
    .BeaconsBoxWrap ul li:nth-child(2) .TextWrap{
        width: 85%;
        padding-right: 0px;
    }
    .BeaconsBoxWrap ul li:nth-child(2){
        padding:0px;
    }
    .BeaconsBoxWrap {
        margin-top: 80px;
        display: inline-block;
        width: 100%;
    }
    .ImgUlWrap {
        margin-top: 0px;
        margin-bottom: 50px;
        text-align: center;
    }
    .AnalyticsWrap ul li {
        width: 33.33%;
        margin-bottom: 30px;
        height: 220px;
    }
    .AnalyticsWrap ul li ul li{
        margin-bottom: 0px;
    }
    .AnalyticsWrap .container {
        width: 90%;
    }
    .TopBoxWrap .left{
        padding-right: 0px;
    }
    .TopBoxWrap .left,
    .TopBoxWrap .right{
        width:100%;
        float:left;
        text-align: center;
    }
    .TopBoxWrap .left,
    .TopBoxWrap .right{
        width:100%;
        float:left;
    }
    .PaperlessWrap .top, .PaperlessWrap .bottom {
        width: 100%;
        display: inline-block;
        vertical-align: bottom;
    }
    .TrackingWrap .top, .TrackingWrap .bottom {
        width: 100%;
        float: left;
    }
    .SeamlessWrap ul li {
        list-style: none;
        width: 50%;
        float: left;
    }
    .asset-page .banner-text .stage-2.block,
    .beacon-page .banner-text .stage-2.block{
        width: 96%;
    }
    .banner-text h2 {
        font-size: 40px;
    }
    .BannerWrap .banner-image{
        height: 650px;
    }
    .TopBoxWrap h4{
        border-left:0px solid #42abdb;
        padding-left:0px;
    }
    .TopBoxWrap p{
        padding-left:0px;
    }
    .BeaconsBoxWrap p{
        padding-right:20%;
    }

    .introduce-bottom .left{width:100%;max-width:100%;position:relative;}
    .introduce-bottom .right{width:100% !important;margin-top:20px;}
    .home .atlas_track_key.home_page_video.intro-sec{padding-top:0;}

    section.home-section.section-2 .top{padding: 20px 0 50px 0px !important}
    .section-2-new.section-2 .bottom-image{bottom:106%;}
    .introduce-bottom .right{max-width:100%}
    .home-section.introduce{margin-top:0px;}
    section.home-section.section-4 ul li, section.home-section ul.comman-blocks li{margin-bottom:50px;}
    #home_page_banner_image_cstm .banner-text h2{min-width:inherit;}
    section.home-section.section-1 .section-container.bottom{margin-top:100px;}
    .section-2-new.section-2 .bottom-image{right:0px;}
    .gps-section.section-2 .download_bt{line-height:22px;}
}

@media only screen and (max-width: 600px){
    .AnalyticsWrap ul li {
        width: 50%;
    }
    .BannerWrap .banner-image {
        height: 700px;
    }
    .BeaconsBoxWrap p{
        padding-right:15%;
    }
    section.home-section.section-4 ul li, section.home-section ul.comman-blocks li{width:100%;}
    section.home-section.section-1-new .top{padding:0 !important;}
    section.home-section.section-4 ul li .content, section.home-section ul.comman-blocks li .content{max-width:300px;}
}


@media only screen and (max-width: 480px){
    .BeaconsBoxWrap .container,
    .TrackingWrap .container,
    .TopBoxWrap .container,
    .SeamlessWrap .container,
    .PaperlessWrap .container,
    .BoxTableWrapper .container,
    .BannerWrap .container{
        width: 93%;
    }
    .AnalyticsWrap ul li {
        width: 100%;
        border-right: 0px dashed #000;
        border-bottom: 1px dashed #000;
        height: auto;
        padding-bottom:15px;
    }
    .AnalyticsWrap ul li:last-child,
    .AnalyticsWrap ul li ul li{
        border-bottom: 0px dashed #000;
    }
    .AnalyticsWrap ul li .left {
        text-align: left;
        margin-bottom: 15px;
    }
    .SeamlessWrap ul li {
        width: 100%;
    }
    .TrackingWrap ul li .right .right-content {
        width: 75%;
        padding-left: 20px;
        float: left;
    }
    .SeamlessWrap ul li .left {
        height: auto;
        margin-bottom: 30px;
    }
    .asset-page .banner-text .stage-2.block,
    .beacon-page .banner-text .stage-2.block{
        width: 100%;
        margin: 0;
    }
    .SeamlessWrap ul li{
        padding: 0px;
    }
    .BeaconsBoxWrap p{
        padding-right:0%;
    }
    section.home-section.section-1 .section-container .bottom{padding-top:22px !important;}
}

@media only screen and (max-width: 384px){
    .BeaconsBoxWrap ul li .TextWrap,
    .BeaconsBoxWrap ul li:nth-child(2) .TextWrap{
        width: 80%;
    }
    .BannerWrap .banner-image {
        height: 800px;
    }
    .BoxTableWrapper table td {
        padding: 10px 0 !important;
    }
    #home_page_banner_image_cstm .text-baner{margin-left:4%;}
    .home .atlas_track_key.home_page_video{margin:10px 0 0px !important;}
    section.home-section.section-1 .top{padding-top:0;}
    .banner_video_btn .banner_btn{width:210px;font-size:15px;}
}

@media only screen and (max-width: 360px){
    .BannerWrap .banner-image {
        height: 850px;
    }
}

















/*End Update*/
@media only screen and (min-width: 1371px) {
    /*.home-section .bg {
        left: 15px;
        right: 15px;
    }*/
    section.home-section.section-3 .text-container {
        max-width: 1310px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

}
@media only screen and (max-width: 1370px) {
    .site-header .custom-header .item img {
        width: 100%;
    }
    .header-slider:after {
        border-top:80px solid transparent;
    }
    .header-slider:before {
        border-top:87px solid transparent;
    }
    section.home-section.section-1 .logo,section.home-section.section-1 .content {
        margin-left: 0;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1370px) {
    /* section.home-section.section-1 .top {
         padding: 135px 240px 268px 424px !important;
     }*/

}
@media only screen and (min-width: 1349px) {
    section.home-section.section-1 .top {
        padding: 110px 0 70px;
        /* padding-left: 32.12%; */
        max-width: 850px;
        margin: 0 auto;
    }
    section.home-section.section-2 .bottom {
        bottom: -46px;
    }
    section.home-section.section-2 .bottom ul li .content {
        padding: 0 63px;
    }
    section.home-section.section-2 .bottom ul li:last-child .content {
        padding: 0 56px;
    }
    section.home-section.section-2 .top {
        padding: 20px 0 373px 0px;
    }

    section.home-section.section-4 {
        padding-top: 13px;
    }
    .home-section .bg {
        min-height: 100%;
        position: static;
        top: 0;
        bottom: 0;
        width: 100%
            /* left: 0px; */
            /* right: 0px; */
    }
    .home-section .bg-image {
        opacity: 0;
    }
    section.home-section.section-3 .bg-image{
        opacity: 1;
    }
    .home-section .section-container.bottom .bg-image {
        display: none;
    }
    .site-footer .wrap .footer-left section.widget {
        width: 18.5%;
    }
    .site-footer .wrap .footer-left section.widget:nth-child(2) {
        width: 17%;
    }
    .site-footer .wrap .footer-left section.widget:nth-child(2) ul.menu {
        padding-left: 3px;
    }
    .site-footer .wrap .footer-left section.widget:nth-child(3) ul.menu {
        padding-left: 3px;
    }
    .home section.home-section.section-5 .bg,.home section.home-section.section-5 .section-container,
    section.home-section.section-5 .bg, section.home-section.section-5 .section-container{
        min-height: 368px;
    }
    section.home-section.section-5 .bg-image, section.home-section.section-8 .bg-image{
        display: none;
    }

}

@media only screen and (max-width: 1370px) {
    .site-header {
        padding-left: 0;
        padding-right: 0;
    }
    .home-section .wrap {
        padding-left: 0;
        padding-right: 0;
    }
    /*.site-footer .wrap .footer-bottom {
        margin-left: -15px;
        margin-right: -15px;
    }*/

    .home-section .bg {
        left: 0;
        right: 0;
    }
    section.home-section.section-6 .section-container {
        border-bottom: 1px solid #e5e5e5;
    }
}

@media only screen and (max-width: 1240px) {
    footer.site-footer .wrap .footer-bottom{
        padding:0 15px;
    }
    footer .footer-bottom .widget_sp_image {
        margin-right: 10px !important;
        margin-left: 0 !important
    }
    footer .footer-bottom .widget_sp_image img{
        width: 80%
    }
    section.home-section.section-1 .section-container.bottom{margin-top:30px;}

}
@media screen and (max-width: 1599px) {
    /* .home .home-section.section-1 .wrap {
         margin-bottom: 20%;
     }*/
}
@media screen and (max-width: 1440px) {
    .home .home-section.section-1 .wrap {
        padding-bottom: 0%;
        /*margin-bottom: 22%;*/
    }
    section.home-section.section-1 .bottom ul li:after,section.home-section.section-1 .bottom ul li {
        padding-left: 9px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1348px) {
    section.home-section.section-1 .bg {
        background-position: top center;
        background-attachment: initial;
    }
    section.home-section.section-1 .top {
        padding: 10% 10% 5%;
    }
    section.home-section.section-2 .bottom {
        bottom: initial;
        top: 360px;
    }
    section.home-section.section-2 .bottom ul li > div:after {
        background-position: center top;
    }
    section.home-section.section-2 .bottom ul li .content {
        padding: 0 20px;
    }
    section.home-section.section-2 .top {
        padding: 79px 0 230px 0px;
    }
    section.home-section.section-2-new.section-2 .top{padding: 20px 0 230px 0px;}
    .home-section .bg-image {
        display: none;
    }
    section.home-section.section-3 .bg {
        min-height: 500px;
    }
    section.home-section.section-3 .content {
        bottom: 60px !important;
    }
    .site-footer .wrap .footer-left section.widget {
        width: 25%;
    }
    .home .home-section.section-1 .wrap {
        margin-bottom: 0%;
    }
    section.home-section.section-1 .bottom ul li:after,section.home-section.section-1 .bottom ul li {
        padding-left: 9px;
    }
    section.home-section.section-1 .section-container.bottom .bottom-content {
        padding-bottom: 3.65%;
    }
}
@media only screen and (min-width: 992px) {
    .header-contact-form form .block {
        padding-top: 86.63px;
    }
    .header-contact-form h2.form-title {
        font-size: 60px;
        width: 382px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-contact-form h2.form-title span:not(:first-child){
        display: none;
    }
    .header-contact-form h2.form-title span:after{
        display: none;
    }
    .header-contact-form {
        top: 137px;/*23.6%;*/
        left: 13.7%;
    }
    #home_page_banner_image_cstm .header-contact-form{top:25%}
    .header-contact-form form {
        max-width: 565px;
    }
    .header-contact-form form .block .description {
        font-size: 24px;
        padding: 6.1% 30px 5.4% 6%;
        letter-spacing: normal !important;
        width: 565px;
    }
    .header-contact-form form .form-main {
        padding: 0px 24px 15px 24px;
    }

    .header-contact-form form.stage-2 {
        max-width: 482px;
    }
    .header-contact-form form .form-main .actions .button {
        /* min-width: 216px; */
        width: 100%;
    }
    .header-contact-form form .form-main .actions input {
        min-width: 216px;
    }
    footer.site-footer .wrap{
        max-width: none;
    }

    footer.site-footer .wrap .footer-bottom .footer-bottom-container{
        max-width: 1320px;
        padding: 14px 146px 8px 92px;
        margin: 0 auto;
    }
    footer.site-footer .wrap .footer-top {
        padding-top: 104px;
        padding-bottom: 94px;
        max-width: 1320px;
        margin:0 auto;
    }
    section.home-section.section-8 h2.section-title {
        padding: 112px 0.1% 5px 0px;
    }
    section.home-section.section-4 .top {
        padding: 50px 0px 100px 7px;
    }
    section.home-section.section-4 ul li {
        padding-bottom: 63px;
    }
    section.home-section.section-5 h2.section-title {
        padding: 1px 0px 8px 0.7%;
        letter-spacing: 1.24px;
    }
    section.home-section.section-6 .top {
        padding: 89px 0 50px 0;
    }
    section.home-section.section-6 .bottom {
        padding-bottom: 49px;
    }
    section.home-section.section-6 .actions {
        padding-bottom: 91px;
    }
    section.home-section.section-7 .bottom {
        padding-top: 33px;
        padding-bottom: 93px;
    }
    .site-footer .wrap .footer-left {
        padding-top: 18px;
    }
    section.home-section.section-1 .bottom ul {
        padding-left: 0px;
        padding-right: 38px;
        margin-left: -3px;
    }
    .home-section .bottom.actions.stage-1 .btn {
        margin-right: 32px;
    }
    section.home-section.section-8 .bg,section.home-section.section-8 .section-container {
        min-height: 368px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


}

@media only screen and (max-width: 1270px) {
    .site-footer .wrap{
        padding-left: 15px;
        padding-right: 15px;
    }
    .site-footer .wrap .footer-bottom {
        margin: 0 -15px;
    }
    .header-contact-form form .block .description {
        padding: 4.1% 20px 3.4% 5%;
    }
    .header-contact-form h2.form-title{
        line-height: 75px;
    }
    .header-contact-form form .block {
        padding-top: 72.63px;
    }
    #home_page_banner_image_cstm .header-contact-form{top:30%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*section.home-section.section-3 .content{
        bottom: -15px;
    }*/
}

@media only screen and (max-width: 991px) {
    section.home-section.section-1 .bg {
        background-position: top center;
        background-attachment: initial;
    }
    section.home-section.section-1 .top {
        padding: 4% 5%;
    }
    section.home-section.section-1 .section-container .bottom {
        padding-bottom:0%;
        padding-top: 12.3%;
    }
    section.home-section.section-1 .section-container.bottom .bottom-content{ padding-bottom: 3.65%;}
    section.home-section.section-1 .bottom ul li,
    section.home-section.section-1 .bottom ul li a,section.home-section.section-1 .section-container.bottom p {
        font-size: 18px;
    }
    section.home-section.section-1 .bottom ul li:after{
        padding-left: 9px;
        bottom: 0;
        font-size: 14px;
    }
    section.home-section.section-2 .bottom {
        bottom: initial;
        top: 345px;
        left: 38px;
        right: 15px;
    }
    section.home-section.section-2 .bottom ul li .title {
        padding: 15px;
        margin-bottom: 0;
        line-height: 1;
    }
    section.home-section.section-2 .bottom ul li > div {
        min-height: 250px;
    }
    section.home-section.section-2 .bottom ul li > div:after {
        background-position: center top;
    }
    section.home-section.section-2 .bottom ul li .content {
        padding: 0 20px;
    }
    section.home-section.section-2 .bottom ul li .content {
        font-size: 14px;
    }
    section.home-section.section-2 .top {
        padding: 30px 0 230px 0px;
    }
    .home-section .bg-image {
        display: none;
    }
    section.home-section.section-3 .bg {
        min-height: 350px;
        opacity: 0.8;
    }
    section.home-section.section-3 .bg:after {
        content: '';
        display: block;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
    }
    .site-footer .wrap .footer-left section.widget {
        width: 25%;
    }
    section.home-section.section-5 form > div,
    section.home-section.section-8 form > div,
    section.home-section.section-5 form > p,
    section.home-section.section-8 form > p {
        width: 25%;
        padding: 5px;
    }
    section.home-section.section-5 form input,
    section.home-section.section-8 form input,
    section.home-section.section-5 form input[type="submit"],
    section.home-section.section-8 form input[type="submit"] {
        width: 100%;
    }
    section.home-section.section-5 form input[type="submit"],
    section.home-section.section-8 form input[type="submit"]{
        width: 100%;
    }
    .site-footer .wrap .footer-top {
        padding-top: 30px;
        padding-bottom: 30px;
        background-size: cover;
    }
    .header-contact-form form .block {
        padding-top: 39px;
        width: 325px;
    }
    #home_page_banner_image_cstm .header-contact-form form .block { padding-top:43px;}
    .header-contact-form h2.form-title,#home_page_banner_image_cstm .header-contact-form h2.form-title {
        font-size: 25px;
        width: 200px;
    }
    #home_page_banner_image_cstm .header-contact-form h2.form-title{width:150px;}
    .header-contact-form {
        top: 107px;
        left: 30px;
    }
    #home_page_banner_image_cstm .header-contact-form{top:25%}
    .header-contact-form h2.form-title,#home_page_banner_image_cstm .header-contact-form h2.form-title{
        line-height: 40px;
    }
    .header-contact-form form .block .description,#home_page_banner_image_cstm .header-contact-form form .block .description{
        font-size: 14px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-contact-form form .form-main {
        padding: 0 15px 10px 15px;
    }
    .header-contact-form form,
    .header-contact-form form.stage-2 {
        max-width: 325px;
    }
    .header-contact-form form .form-main .actions .button,
    .header-contact-form form .form-main .actions input {
        width: 100%;
        min-width: initial;
        padding-left: 5px;
        padding-right: 5px;
        background-image: none;
    }
    section.home-section.section-8 h2.section-title {
        padding: 40px 0 10px 0;
    }
    section.home-section.section-4 .top {
        padding: 30px 15px 20px 15px;
    }
    section.home-section.section-4 ul li {
        padding-bottom: 25px;
    }
    section.home-section.section-5 h2.section-title {
        padding: 10px 0;
    }
    section.home-section.section-6 .top {
        padding: 30px 0 15px 0;
    }
    section.home-section.section-6 .bottom {
        padding-bottom: 20px;
    }
    section.home-section.section-6 .actions {
        padding-bottom: 30px;
    }
    section.home-section.section-7 .bottom {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .site-footer .wrap .footer-left {
        flex-basis: 65%;
        -webkit-flex-basis: 65%;
        width: 65%;
        float: none;
    }
    .site-footer .wrap .footer-right {
        flex-basis: 35%;
        -webkit-flex-basis: 35%;
        width: 35%;
        float: none;
    }
    section.home-section.section-1 .bottom ul {
        /*  padding-left: 20px;
         padding-right: 20px; */
    }
    section.home-section.section-2 .top .content,section.home-section.section-1 .section-container.bottom .bottom-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* section.home-section.section-5 .top .content,
      section.home-section.section-8 .top .content {
         padding-left: 20px;
         padding-right: 20px;
     }*/
    footer .footer-bottom .widget_sp_image img{
        padding:6px 0;
    }
    .header-slider:after {
        border-top:60px solid transparent;
    }
    .header-slider:before {
        border-top:67px solid transparent;
    }
    .home .home-section.section-1 .wrap {
        margin-bottom: 0%;
    }
    .error404 section.section-1.page-banner.no-page .banner-image,.search section.section-1.page-banner.no-page .banner-image {
        background-image: url(assets/images/baner-contact.png) !important;
        min-height: 350px;
        display: block;
        width: 100%;
        background-size: cover;
        background-position: center bottom;
    }
    .search .banner-text,.error404 .banner-text{
        top: 30%;
    }
    section.home-section.section-6 .section-container.wrap {
        padding: 0 15px;
    }
    .tool-top-banner .banner-image img {
        display: block !important;
    }
    .introduce-top .section-title{font-size:26px;}
    .introduce-bottom .right h2{font-size:20px;}

    section.home-section.section-6 .content{font-size:14px;}
    section.home-section.section-6 .bottom .content,section.home-section.section-4 ul li .content, section.home-section ul.comman-blocks li .content{font-size:13px;}
    .sub-wrapper .sub-content{max-width:100%;padding:0 20px;}
    .sub-content .left_content{width:100%;}
    section.home-section.section-2 .section-title{padding:0 20px;}
    .home-section.section-2 .bottom-image{width:42%;bottom:115%;}
    section.home-section.section-1 .section-container .bottom{padding-top:8%;}
    section.home-section.section-2 .bottom{top:300px;}
    section.home-section.section-1 .content{font-size:16px;}
    .home .banner-text h2{font-size:40px;}
    .home .section-1.page-banner .banner-text .stage-1.block{height:auto;}
    .banner-text .stage-2.block{padding-top:10px;padding-bottom:10px;}
    .introduce-bottom .right{margin-top:20px;}
    .introduce .download_bt {margin:0;}
    .introduce p{font-size:16px;}
    .banner-right-img{transform:scale(0.50);-webkit-transform:scale(0.50);-moz-transform:scale(0.50);bottom:-85px;right:-130px;}
    #home_page_banner_image_cstm .banner-image img{display:block !important;}
    section.home-section.section-1-new .top{max-width:100%;}
    .top-wrapper{padding:30px 0 0;}
    .fast_start{padding:100px 0;}
    #home_page_banner_image_cstm .header-contact-form form .block .description{width:inherit;}
}

@media screen and (max-width: 900px) and (min-width: 768px){
    .login_atlas {position: relative;top: -65px;right:-20px;}
    .book_demo {position: relative;top: -65px;left: 20px;}
    .navigation-top{width:80%;left:auto;}
}



@media screen and (max-width: 782px){
    html.js.svg.background-fixed {
        margin-top: 0px !important;
    }
    section.home-section.section-1 .section-container.bottom{margin-top:100px;}
}
@media only screen and (min-width: 768px) {
    .site-branding {
        padding-left: 1.96%;
    }
    .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%; */
    }
    .navigation-top .wrap {
        padding: 41px 4.03%;
    }
    .site-branding .wrap {
        padding: 32px 0;
    }
    .navigation-top nav {
        margin-left: 0;
    }
    .js .main-navigation ul,
    .js .main-navigation ul ul,
    .js .main-navigation > div > ul {
        display: block;
        text-align: right;
    }
    .main-navigation a {
        padding: 3px 0px 0px 0px;
    }
    header .main-navigation ul ul a{padding:6px 0 0 0;}
    .navigation-top .wrap {
        /* max-width: 1000px; */
        /* padding: 0; */
    }
}
@media only screen and (max-width: 767px) {
    .site-header .header-container {
        display: block;
        background: rgb(0, 138, 199);
        padding: 10px 0;
    }
    .site-header .header-container:after {
        content: '';
        display: block;
        clear: both;
    }
    .site-branding,
    .navigation-top {
        display: inline-block;
        vertical-align: top;
        position: initial;
    }
    .site-branding {
        float: left;
        font-size: 100%;
        height: 44px;
        top:5px;
    }
    .navigation-top {
        float: right;
    }
    .custom-logo-link img {
        display: block;
        width: 100%;
    }
    #masthead .wrap {
        position: initial;
    }
    .main-navigation .menu-top-menu-container {
        position: absolute;
        top: 55px;
        right: 0;
        left: 0;
        background-color: rgb(83, 195, 252);
        z-index: 999;
    }
    footer .footer-bottom .widget_sp_image img{
        padding:10px 0;
    }
    .site-footer .footer-bottom .widget-column {
        width: 100%;
    }
    .site-footer .footer-bottom .widget-column.footer-widget-2 {
        text-align: center;
    }
    .header-slider:after {
        border-top:40px solid transparent;
    }
    .header-slider:before {
        border-top:47px solid transparent;
    }
    .section-5-logo {
        padding: 24px 0 0 0.5%;
    }
    .login_atlas {position: static;}
    .book_demo {position: static;}
    .main-navigation a{display:block;}
    .main-navigation .login_atlas a,.main-navigation .book_demo a{border-radius:0;border:0;}
    .main-navigation .book_demo a{background:#27a2dc;}
    #bookdemomodal .modal-content{max-width:95%;}
    section.home-section.section-1.intro-sec .section-container.bottom p{font-size:30px;}
    .home-section.section-2 .bottom-image{width:35%;bottom:110%;}
}
@media only screen and (min-width: 768px) {
    .custom-header-media .header-slider .item {
        background: none !important;
    }

    section.home-section.section-1 .content:before {
        background: #aeadad;
        content: '';
        display: block;
        width: 1px;
        height: 43px;
        position: absolute;
        top: 5px;
        left: -21px;
    }
    section.home-section.section-2 .bottom ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -webkit-flexbox;
        display: -moz-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    section.home-section.section-2 .bottom ul li {
        display: inline-block;
        width: 33.3%;
        /*width: calc(100%/3);*/
        flex-basis: 33.3%;
        -webkit-flex-basis: 33.33%;
        vertical-align: top;
        float: left;
    }
    section.home-section.section-2 .bottom ul li > div {
        margin-right: 23px;
    }
    section.home-section.section-4 ul li:nth-child(3n) {
        clear: right;
    }
    section.home-section.section-4 ul li:nth-child(3n+1) {
        clear: left;
    }
    section.home-section.section-6 .bottom li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
        float: left;
        width: 33.33%;
        width: calc(100%/3);
    }
    section.home-section.section-7 .post-list.items li {
        display: inline-block;
        width: 33.33%;
        /* width: calc(100%/3); */
        float: left;
        vertical-align: top;
    }
    /*    section.home-section.section-8 .top .content {
            padding-left: 9px;
        }*/
    section.home-section.section-4 h2.section-title {
        padding-left: 7px;
        margin-bottom: 45px;
    }
}
@media only screen and (max-width: 767px) {
    section.home-section.section-1 .bg {
        background-position: top left;
    }
    .custom-header-media .header-slider * {
        min-height: 310px;
    }
    .custom-header-media .header-slider .item {
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: cover !important;
    }
    .custom-header-media .header-slider .item img {
        opacity: 0;
    }
    .header-contact-form {
        top: 70px;
        left: 20px;
        right: 10px;
    }
    .header-contact-form form,
    .header-contact-form form.stage-2 {
        max-width: 300px;
        width: auto;
    }
    .header-contact-form form .form-main input {
        font-size: 12px;
        padding: 7px 10px;
    }
    .header-contact-form form .form-main .actions .button,
    .header-contact-form form .form-main .actions input {
        font-size: 12px;
        padding: 0 0;
        height: 30px;
        line-height: 28px;
    }
    section.home-section.section-1 .top {
        padding-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0%;
    }
    section.home-section.section-2 .top {
        padding-bottom: 30px;
    }
    section.home-section.section-2 .bottom {
        position: initial;
        top: initial;
        left: initial;
        right: initial;
        margin-top: 20px;
    }
    section.home-section.section-2 .bottom ul {
        margin-left: 20px;
        margin-right: 20px;
    }
    section.home-section.section-2 .bottom ul li {
        display: block;
        max-width: 381px;
        margin: auto;
    }
    section.home-section.section-2 .bottom ul li > div {
        min-height: initial;
        margin-bottom: 73px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    section.home-section.section-2 .bottom ul li > div:after {
        /* position: initial; */
        /* bottom: -45px; */

        background-position: top center;
    }
    section.home-section.section-3 .bg {
        background-attachment: initial;
    }
    section.home-section.section-3 .bg {
        min-height: 250px;
    }
    section.home-section.section-3 .content {
        max-width: 100%;
        padding: 30px 20px;
    }
    section.home-section.section-4 ul li {
        width: 50%;
    }
    section.home-section.section-4 ul li:nth-child(2n+1) {
        clear: left;
    }
    section.home-section.section-6 .bottom li {
        /* max-width: 395px; */

        margin: 0px auto 30px auto;
    }
    section.home-section.section-7 .post-list.items li {
        margin: auto;
        max-width: 357px;
    }
    .site-footer .wrap .footer-bottom {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    section.home-section.section-5 .bg,
    section.home-section.section-8 .bg {
        min-height: 215px;
    }
    .home-section .bottom.actions.stage-1 .btn {
        margin-bottom: 30px;
    }
    .home-section .section-title {
        line-height: 1.2;
        padding-left: 10px;
        padding-right: 10px;
    }
    section.home-section.section-6 .bottom {
        padding-bottom: 0;
    }
    section.home-section.section-7 .section-title {
        margin-bottom: 10px;
    }
    section.home-section.section-7 .bottom {
        padding: 10px 0 20px 0
    }
    .site-footer .wrap .footer-left section.widget {
        width: 30%;
    }

    section.home-section.section-1 .bottom ul li:after {
        content: initial;
        display: none;
    }

    section.home-section.section-1 .bottom ul li {
        line-height: 1.5;
        padding: 0 6px 0 0;
    }
    .introduce-wrapper{padding:20px 0 70px;}
    .intro-btn{text-align:center;}

}
@media only screen and (max-width: 599px) {
    .site-footer .wrap .footer-left section.widget {
        width: 100%;
    }
    .site-footer .wrap .footer-left {
        flex-basis: 45%;
        -webkit-flex-basis: 45%;
        width: 45%;
    }
    .site-footer .wrap .footer-left {
        flex-basis: 55%;
        -webkit-flex-basis: 55%;
        width: 55%;
    }
    section.home-section.section-4 ul li {
        float: none;
        display: block;
        width: 100%;
        margin: auto;
    }
    .header-slider:after {
        border-top:30px solid transparent;
    }
    .header-slider:before {
        border-top:37px solid transparent;
    }
    .search .text-baner,.error404 .text-baner{
        margin-left: 0;
    }
    section.home-section.section-1 .section-container.bottom .bottom-content{padding-right:23%}
}
@media only screen and (max-width: 479px) {
    .site-footer .wrap .footer-top {
        padding-top: 20px;
        padding-bottom: 20px;
        background: none;
    }
    .site-footer .wrap .footer-top > div {
        display: block;
    }
    .site-footer .wrap .footer-left {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        width: auto;
        margin-bottom: 20px;
        margin-right: -10px;
    }
    .site-footer .wrap .footer-right {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
        width: auto;
    }
    .site-footer .wrap .footer-left:after {
        content: '';
        display: block;
        clear: both;
    }
    .site-footer .wrap .footer-left section.widget {
        /* margin-bottom: 10px; */
        width: 33.33%;
        padding-right: 10px;
    }
    section.home-section.section-5 form > div,
    section.home-section.section-8 form > div,
    section.home-section.section-5 form > p,
    section.home-section.section-8 form > p {
        width: 50%;
    }
    section.home-section.section-8 h2.section-title {
        padding-top: 20px;
    }
    section.home-section.section-1 .top {
        padding-bottom: 0%;
    }
    section.home-section.section-1 .section-container .bottom {
        padding-bottom: 0;
        padding-top: 68px;
    }
    section.home-section.section-1 .section-container.bottom .bottom-content{padding-bottom: 3%;}
    .header-contact-form {
        top: 100px;
        left: 10px;
        right: 10px;
    }
    .site-footer .wrap .footer-right {
        text-align: center;
    }
    .site-footer .wrap .footer-right section.widget_sp_image {
        text-align: center;
        padding: 0;
    }
    .site-footer .wrap .footer-right section.widget_sp_image img {
        display: block;
        margin: auto;
    }
    footer .footer-bottom .widget_sp_image {
        margin-right: 5px !important;
        margin-left: 5px !important
    }
    .header-slider:after {
        border-top:20px solid transparent;
    }
    .header-slider:before {
        border-top:27px solid transparent;
    }
    section.home-section.section-1 .bg-main {
        margin-top: 20px;
        padding-left: 0;
        width: 100%;
    }
    section.home-section.section-1 .section-container.bottom {
        margin-top: 0px;
    }

    .header-contact-form form .block{
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.site-footer .wrap .footer-left section.widget {
    width: 33.33%;
}
.site-footer .wrap .footer-left section.widget:nth-child(2) {
    width: 33.33%;
}

.tool-top-banner{max-height: 100vh;overflow: hidden;}
.every_business{position: relative;width:100%;float:left;}
.every_business .stage-1{max-width:415px;background-color: #53c3fc;}
.every_business h2{font-size:28px;padding: 30px 40px;font-weight: normal;}
.every_business .stage-2.block{max-width:400px;font-size:18px;background-color: #2497ce; margin-left: 22px;}

.atlas_designed{padding-top:15px !important;padding-bottom:120px !important;margin:90px 0 4px !important;background: transparent !important;}
.atlas_designed .bottom{padding: 0 50px !important;}
.atlas_designed .bottom ul{width:100%; -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
                           -moz-column-gap: 20px; /* Firefox */
                           column-gap: 20px; -webkit-column-count: 3; -moz-column-count: 3;column-count: 3;margin: 0 -2px;vertical-align: top;display: inline-block;}
.atlas_designed .bottom li{width:100% !important;margin: 0px 0 15px !important;}
.atlas_designed .bottom li h6{font-size:18px !important;}
.atlas_designed .bottom .right{padding-top:10px;}
.atlas_designed h3{font-size: 35px;color:#424242;font-weight: 600;font-family: "Open Sans";}
.atlas_designed h3 span{color:#439ed8;}
.atlas_designed .atlas_designed_pc{margin:130px 0 0;display: inline-block;}
.atlas_designed .top{padding: 0 14%;}
.atlas_designed .top h3{padding-left:110px !important;text-align:left;line-height: normal; max-width: 638px;}

.page-banner video{width:100%;}

.atlas_track_key {background: #fff;margin-bottom: 190px !important;margin-top: -70px !important;position: relative; z-index: 11;padding-top: 70px;text-align: center;
                  -webkit-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                  -moz-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                  clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                  -o-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                  -ms-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);}
.gps-section.atlas_track_key{margin-top:-100px !important;}
.atlas_track_key.custom_atlas_track_key{background: transparent;margin-bottom: 77px !important;margin-top: 63px !important;position: relative; z-index: 0;padding-top: 0;text-align: center;

                                        -webkit-clip-path: initial;
                                        -moz-clip-path: initial;
                                        -o-clip-path: initial;
                                        -ms-clip-path: initial;
                                        clip-path:initial;}
.home .atlas_track_key.home_page_video {background: #fff;margin-bottom: 0px !important;margin-top: -78px !important;position: relative; z-index: 11 !important;padding-top: 78px;text-align: center;
                                        /*                  -webkit-clip-path: polygon(50% 4%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                                                          -moz-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                                                          clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                                                          -o-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
                                                          -ms-clip-path: polygon(50% 5%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);*/}

.atlas_track_key .left{left:0 !important;text-align:right; margin-top: 102px;padding: 0;width: 500px !important;}
.atlas_track_key .right{left:25px !important;margin-top: 115px !important;max-width: 470px !important;text-align: left;}
.atlas_track_key h2{font-size: 35px !important; color: #000 !important;padding: 0 0 10px 33px !important;margin: 0 0 8px !important;line-height: 42px;}
.atlas_track_key p{font-size: 20px;color: #707175;}
.atlas_track_key .content{padding:0 10px !important;}

.indoor_midel .midle_tracking{width: 100%;float:left;text-align:center;position:relative}
.indoor_midel .midle_tracking img{margin-top:40px;}
.indoor_midel .top_title{margin-bottom: -100px;margin-top: 35px;position: relative;}
.indoor_midel .top_title h2{font-size:35px;color:#424242;margin:0;line-height:normal;font-family: "Open Sans";font-weight:400;}
.indoor_midel .top_title h4{font-size:22px;color:#1a8fc6;}

.indoor_midel .botom_text{background: #24b7b1; position: absolute;bottom:60px;left: 20px;right: 0;width:352px;margin:0 auto;padding: 15px;}
.indoor_midel .botom_text:before{content: '';width: 0;height: 0;border-left: 22px solid transparent;border-right: 22px solid transparent;border-bottom: 45px solid #23b6b2;top: -45px;position: absolute;left: 0;right: 0;margin: 0 auto;}
.indoor_midel .botom_text p{color:#fff;font-size:16px;font-weight:normal;margin: 0;}
.indoor_midel .botom_text p span{font-weight:normal;display:block;}

.fast_start{width: 100%;float: left;background-size: cover;padding: 180px 0 150px;}
.fast_start .midel_start{width: 570px;margin: 0 auto;display: block;position: relative;left: 75px;}
.fast_start .midel_start h2{font-size: 36px;color: #fff;margin: 0 30px 0 0;font-family: "Open Sans";position: relative;display: inline-block;line-height: 1;}
.fast_start .midel_start h2:before{content: '';position: absolute;;left: -25px;width: 3px;background: #e3c41b;height: 100%;}
.fast_start .midel_start h2 span{font-weight: 700;display: block;}
.fast_start .midel_start .gst{text-align: center;background: rgba(255, 255, 255, 0.7);vertical-align: top;border-radius: 10px;padding: 10px 25px;font-size: 13px;color: #096f9e;display: inline-block;}
.fast_start .midel_start .gst span{display: block;font-size: 29px;font-weight: 600;}
.fast_start .midel_start p{font-size: 20px;margin: 18px 0 0;color: #fff;}
.fast_start .midel_start p span{display: block;font-weight: 600;}
.buy_now{text-transform: uppercase;transition: all ease 0.6s !important;-moz-transition: all ease 0.6s !important;background: #e3c41b !important;font-weight: 600 !important;color: #fff !important;font-size: 18px;padding: 13px 20px;border: 2px solid #fff !important;border-radius:6px !important;display: inline-block !important;text-decoration: none !important;text-align: center !important;}
.buy_now:hover{background: #fff !important;color: #e3c41b !important;transition: all ease 0.6s !important;-moz-transition: all ease 0.6s !important;}
.getway{font-size: 12px;color: #fff;display: inline-block;text-align: center;padding: 0 38px 20px;}
.fast_start .midel_start form p{max-width: 188px;float: left;margin: 0 30px 0 0;}
.fast_start input[type="text"],.fast_start  input[type="email"],.fast_start input[type="search"],.fast_start  input[type="number"],.fast_start  input[type="tel"],.fast_start  textarea {
    background: #ffffff;border: none;border-radius: 5px;color: #1e8abc;display: block;padding: 16px 20px;width: 100%;font-size: 13px;font-weight: 600;}
.fast_start *::-moz-placeholder {color: #1e8abc; opacity: 1;}
.fast_start *::-webkit-input-placeholder{color:#1e8abc;}
.fast_start *:-moz-placeholder{color:#1e8abc;opacity:1;}
.fast_start *::-moz-placeholder{color:#1e8abc;opacity:1;}
.fast_start *:-ms-input-placeholder{color:#1e8abc;opacity:1;}
.fast_start .buy_now:hover{color:#fff !important;}



.fast_start .button-group-new .new-form{width: 820px;}
.fast_start .button-group-new .new-form label{margin: 0;}
.fast_start .button-seperator{color: #fff;font-size: 22px;font-weight: 600;margin: 25px 10px 0;display:inline-block;vertical-align:middle;}
.fast_start .buy_now{margin:30px 0 0px 0 !important;border-radius:10px !important;vertical-align:middle;height:49px;font-size: 18px !important;padding: 12px 20px 13px 35px !important;position:relative;background:none !important;}
.button-group-paypal .buy_now{width:230px;}
.fast_start .buy_now:before{top:14px;}
.fast_start .buy_now i{margin-right:7px;}
.fast_start .buy_now:hover{background:#fff !important;color:#29a3dc !important;}
.fast_start .button-group-new .new-form input[type="submit"]{margin: 0 !important;font-size: 18px !important;padding: 13px 40px !important;font-family: "MyriadPro";}
.fast_start .buy_now img{margin-right:10px;vertical-align:middle;}
#speak_button{width:230px;}

.attach_track h2 {font-family: "Open Sans";color: #272727;font-size: 35px;margin-bottom: 49px;font-weight: normal;margin: 0;}
.attach_track .top_title{position: relative;text-align: center;margin-top:80px;margin-bottom: -70px;}
.attach_track h2 span{color: #2889db;}
.list_tools ul{list-style: none;padding: 0;margin: 0;}
.list_tools ul li{display: inline-block;font-size: 22px;color: #207bc7;padding-left: 20px;position: relative;}
.list_tools ul li:before{content: '';height: 20px;width: 1px;background: #207bc7;top: 5px;left: 9px;position: absolute;display: inline-block;}
.list_tools ul li:first-child{padding: 0;}
.list_tools ul li:first-child:before{display: none;}
.attach_track .bg_img {width: 100%;display: block;}
.attach_track .bg_img img{width: 100%;}

.bottom_mobi_sect{width: 100%;display: inline-block;}
.top_ttl{display: inline-block;width: 100%;text-align: center;margin: 0 0 90px;}
.top_ttl h2{display: inline-block;text-align: center;font-family: "Open Sans";color: #333;font-size: 35px;margin-bottom: 49px;font-weight: normal;margin: 0;}
.top_ttl .sm_tag{color: #207bc7;font-size: 22px;text-align: center;display: block;}
.mobile_rown {width: 100%;display: block;overflow: hidden;}
.mobile_rown .mide_cont{width: 890px;margin: 0 auto;display: table;}
.mobile_rown .mide_cont .img_tag{width: 50%;float: left;position: relative;}
.mobile_rown .mide_cont .img_tag img{position: relative;z-index: 1;}
.mobile_rown .mide_cont .img_tag:after{ bottom: 80px; content: "";display: inline-block;height: 8px; left: 250px;position: absolute; width: 10000px;}
.mobile_rown .mide_cont.blue_co .img_tag:after{background: #6ea5d0;}
.mobile_rown .mide_cont.oreng_co .img_tag:after{background: #f1ae7d;}
.mobile_rown .mide_cont.green_co .img_tag:after{background: #29c42a;}
.mobile_rown .mide_cont .text_tag{width: 50%;float: left;padding-top: 70px;vertical-align: top;padding-right: 100px;}
.mobile_rown .mide_cont .text_tag h3{font-size: 30px;color: #000000;font-weight: normal;margin: 0;}
.mobile_rown .mide_cont .text_tag p{color: #676767;font-size: 20px;position: relative;max-width: 247px;}
.mobile_rown .mide_cont .text_tag p:before{
    content: ''; border-top: 5px solid transparent; border-right: 6px solid #1299d3;  border-bottom: 5px solid transparent;
    display: inline-block;height: 5px;position: absolute;width: 0; left: -20px;top: 9px;
}
.mobile_rown .mide_cont.blue_co p:before{border-right: 5px solid #1299d3;}
.mobile_rown .mide_cont.oreng_co p:before{border-right: 5px solid #f17d7d;}
.mobile_rown .mide_cont.green_co p:before{border-right: 5px solid #29c42a;}

.mobile_rown .mide_cont ul{list-style: none;padding: 0;margin: 0;}
.mobile_rown .mide_cont ul li{display: inline-block;vertical-align: middle;}
.mobile_rown .mide_cont h5{color: #737373;width: 160px;font-size: 12px;font-weight: normal;display: inline-block;letter-spacing: normal;text-transform: none;}

.mobile_rown:nth-child(2) .img_tag{float: right;}
.mobile_rown:nth-child(2) .img_tag:after{right: 290px;left: inherit;}
.mobile_rown:nth-child(2) .text_tag{float: right;padding: 0px 0 0 200px;}
.mobile_rown:nth-child(2) .text_tag p:before{transform: rotate(180deg); left: inherit;right: -12px;}

.atlast_list{width: 100%;float: left;margin: 20px 0 0;padding: 0 12px;}
.atlast_list ul{list-style: none;padding: 0;margin: 0;}
.atlast_list ul li{display: inline-block;font-size: 15px;color: #707175;text-align: center;width: 20%;margin: 0 -2px 0;vertical-align: top;}
.atlast_list ul li .icon{display: block;}

.download_bt{background: #2da2db;position:relative;border:3px solid #2da2db;font-family: "MyriadPro";color: #fff;text-decoration: none;padding: 15px 20px 15px 50px;margin: 25px 33px 0;border-radius:10px;font-size: 16px;font-weight: 600;display: inline-block;}
.download_bt img{margin-right: 5px;vertical-align: middle;margin-top: -4px;}
.download_bt:hover{background:none;text-decoration: none;color: #2da2db;}
.download_bt i{margin-right:5px;}

.attach_track_img{width: 100%;float: left;text-align: center;}
.attach_track_img img{max-width: 100%;}
.indoor_midel{padding:60px 0 0;display: inline-block;width: 100%;}

.top_tl_video{margin: 0 auto;display: block;clear: both;text-align: center;}
.top_tl_video h2{font-size: 35px;color: #424242;position: relative;padding-left:85px;font-family: "Open Sans";font-weight:400;font-weight: normal;line-height: normal;width:685px;text-align: left;margin: 0 auto;}
.top_tl_video h2:before{height: 80%;content: '';width: 2px;background: #24b8b0;top: 12%;left:65px;position: absolute;}
.top_tl_video .desktop_view{width: 100%;float: left;margin:0px 0 0;}

a{
    transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -webkit-transition: all ease 0.8s;
    -o-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    outline: 0;
}
.scalable_service {width: 100%;display: inline-block;padding-bottom: 100px;}
.scalable_service .content{width: 800px;margin: 0 auto;border-radius: 20px 20px 0 0;padding-top: 20px;background: #F5F5F5;}
.scalable_service h2{color: #424242;font-size: 35px;text-align: center;font-family: "Open Sans";font-weight:400;}
.scalable_service .learn{display: block;text-align: center;}
.scalable_service .learn a{color: #1e8abc;font-size: 18px;display: inline-block;text-align: center;margin: 0 0 30px;text-decoration: none;}
.scalable_service .learn a img{vertical-align: middle;}
.scalable_service .learn a:hover{text-decoration: none;}
.scalable_service th:first-child, .scalable_service  td:first-child {padding-left: 20px;}
.header-extra-logo{max-width: 155px;position: absolute;left: 155px;top: 40px;z-index: 9;width: 124px;}

.wpcf7-not-valid-tip{font-size: 13px !important;margin: 5px 0;}
div.wpcf7-validation-errors{width: 100%;font-size: 14px;float: left;margin: 10px 0 0;color: #ffffff;border: none;text-align: center;}
.home-section.introduce .section-title span>a{color: #008ac7;text-decoration: none;}

.form-content .decription.returns_warranty_policy_decription{text-align:left;font-size:17px;}
.form-content .decription.returns_warranty_policy_decription .returns_warranty_policy_ul {margin-left:5%;margin-top:10px;}
.section-5 .botom_text.sec_5_botom_text {
    background-color: #24b7b1;
    padding: 14px 10px 16px;
    max-width: 330px;
    margin-top: 45px;
    text-align: center;
}
.section-5 .mobile_rown .mide_cont .text_tag .botom_text.sec_5_botom_text p{
    font-size: 16px;max-width: 100%;text-align: center;color: #ffffff;margin-bottom: 0;
}
.section-5 .mobile_rown .mide_cont .text_tag .botom_text.sec_5_botom_text p::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 45px solid #23b6b2;
    top: -50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#rc-imageselect, #bookdemomodal .g-recaptcha {transform:scale(0.60);-webkit-transform:scale(0.60);transform-origin:0 0;-webkit-transform-origin:0 0;}
#bookdemomodal p{margin-bottom: 10px;}
#bookdemomodal div.wpcf7-spam-blocked{border: none;padding: 15px 0 0;margin: 0;float: left;width: 100%;text-align: center;}
#bookdemomodal .modal-wrapper{width: 100%;}
.rc-anchor-checkbox-label#recaptcha-anchor-label{font-size: 20px !important;}
#bookdemomodal #book-recaptcha{float: left;width: 180px;display: block;}


@media only screen and (min-width:1600px) {
    .tool-top-banner{max-height: 100vh;}
    .every_business .banner-image{height: 783px;}
    .every_business .stage-1{max-width: 543px;}
    .every_business h2{font-size:38px;padding: 35px 55px;line-height: 45px;}
    .every_business .stage-2.block{max-width: 530px;font-size: 22px;padding: 35px 40px;margin-left: 55px;}
    .every_business .banner-text{top: 225px;}
    .indoor_midel .top_title{ margin-top:88px;}
    .indoor_midel .top_title{margin-bottom: -100px;}
    .indoor_midel .botom_text{bottom:150px;}
    .every_business .stage-1{left:45px;position: relative;}
    .every_business .stage-2{left: 55px;position: relative;}
    .fast_start{padding: 180px 0 145px;margin-top:50px;}

}

@media only screen and (max-width: 1199px) {
    .every_business .banner-text{ top: 15%;}
    .atlas_designed .bottom{padding: 0 !important;}
    .atlas_designed .top{padding: 0;}
    .atlas_designed .top h3{padding-left: 100px !important;}
    .indoor_midel .top_title{margin-bottom: -70px; margin-top: 55px;}
    .atlas_designed{padding-top: 40px !important;padding-bottom: 40px !important;}
    .indoor_midel .botom_text{ bottom: 40px;}
    .attach_track .top_title{margin-top: 60px;margin-bottom: -70px;}
    .indoor_midel .top_title { margin-bottom: -100px; margin-top: 15px;}
    .tool-top-banner{max-height: inherit;}
    .indoor_midel .botom_text::before{  top: -25px;border-bottom: 25px solid #23b6b2;border-left: 22px solid transparent;border-right: 22px solid transparent;}
    .indoor_midel .botom_text p{font-size: 14px;}
    .scalable_service .content{width: 100%;}
    .scalable_service .content{max-width: 800px;}
    .scalable_service th, .scalable_service td{font-size: 14px;}
    .fast_start .midel_start form p{margin: 0 12px 10px 0;}
    .fast_start .button-group-new .new-form{width: 750px;}
    .scalable_service{padding-bottom: 50px;}
    .header-extra-logo{width:100px;}
    .fast_start .midel_start{left:0;}
}
@media only screen and (max-width: 991px) {

    .every_business .banner-text{top: 15%;}
    .every_business h2{font-size: 24px;}
    .attach_track .top_title{margin-top: 60px;margin-bottom: -40px;}
    .mobile_rown .mide_cont{ width: 100%;}
    .mobile_rown:nth-child(2) .img_tag:after{right: 240px;}
    .atlas_designed .top h3{padding-left: 70px !important;}
    .atlas_designed .bottom .right{padding-top:0;}
    .indoor_midel .botom_text p{font-size: 14px;}
    .atlas_track_key h2{font-size: 28px !important;}
    .atlas_track_key .left,.atlas_track_key .right{width: auto !important;}
    .top_tl_video h2{font-size: 26px;}
    .scalable_service h2{font-size: 26px;}
    .fast_start{padding: 100px 0;}
    .fast_start .midel_start{width: 100%;}
    .fast_start .button-group-new .new-form{width: 100%;}
    .custom_new_atlas.atlas_track_key .left{margin-top:20px;}
    .custom_new_atlas.atlas_track_key.atlas_track_key .right{margin-top:50px !important;}
    .atlas_designed .bottom ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}

    .navigation-top{width:75%;}
    .indoor_midel .botom_text{bottom:0;}
    .atlas_designed{padding-top:0 !important;}
    .introduce-wrapper{padding:50px 15px 100px;}
    section.home-section.section-8 form .submit-but{width:100%;}
    #home_page_banner_image_cstm .header-slider .owl-carousel img{height:430px;}
    #bookdemomodal{top:70px;}
    #bookdemomodal::before{right:35px;}
    #home_page_banner_image_cstm .header-contact-form form .block .description{margin-top:inherit;}
}

@media only screen and (max-width: 767px) {
    .atlas_track_key .left{padding: 0px;margin: 0;}
    .atlas_track_key h2{font-size: 24px;}
    .atlas_track_key{padding-top: 140px;margin-top: -90px !important;margin-bottom: 50px !important;}
    .atlas_track_key.custom_atlas_track_key{padding-top: 80px;margin-top: -90px !important;margin-bottom: 50px !important;}
    .home .atlas_track_key.home_page_video{padding-top:60px;margin-top: -90px !important;margin-bottom: 0px !important;}
    .attach_track h2{font-size: 34px;}
    .list_tools ul li{font-size: 14px;}
    .list_tools ul li::before{height: 10px;}
    .mobile_rown .mide_cont .text_tag h3{ font-size: 32px;}
    .atlas_track_key p{ font-size: 16px;}
    .every_business .banner-image{min-height: 400px;}
    .mobile_rown .mide_cont .text_tag p{font-size: 16px;}
    .mobile_rown .mide_cont .text_tag{padding-top: 20px;}
    section.hardware-section.section-5 .top h3{font-size: 24px;}
    .atlas_designed .bottom li{ padding: 0 15px !important;}
    .fast_start{padding: 50px 0;}
    .indoor_midel .botom_text p{font-size: 16px;}
    .atlas_track_key .left{text-align: center;}
    .atlas_track_key .right{margin-top: 55px !important;}
    .indoor_midel .botom_text{bottom:90px;}
    .atlas_designed{margin:0px 0 4px !important;}
    .gps-section.section-2 .right .atlast_list ul{margin-left: 0;}
    .gps-section.section-2 .right .atlast_list ul li{margin: 0 10px 0 0;}
    .atlas_track_key .right{left: 0 !important;}
    /*    .indoor_midel .botom_text{width: 100%;}*/
    .attach_track .top_title{ margin-top: 40px;}
    .indoor_midel .botom_text{position: relative;}
    .top_tl_video,.top_tl_video h2{width: 100%;}
    .fast_start .midel_start form p{width: 175px;}
    .header-extra-logo{ width: 100px;top: 14px;left: 155px;}
    .atlas_designed .bottom ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
    #home_page_banner_image_cstm .banner-text{top:25%;}
    .sub-wrapper .sub-content{padding:0;}
    .main-navigation a{padding:6px 10px;}
    .login_atlas a,.book_demo a{border-radius:0;}
    .book_demo a{background:#27a2dc;}
    .introduce-top{padding:30px 0 0;}
    .banner-wrapper .text-baner{top:0%;}
    section.section-1.page-banner .banner-text h2, section.section-1.page-banner .banner-text .stage-2.block {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width:300px;

    }
    .banner-right-img {
        bottom:25px;
    }
    .top_tl_video h2{padding-left:60px;}
    .top_tl_video h2::before {left:40px;}
    .indoor_midel .botom_text{left:0;}
    .navigation-top{width:auto;}
    .indoor_midel{padding:20px 0 0;}
    .gps-section.atlas_track_key{margin-top:20px !important;}
    section.hardware-section.section-5 ul li .right{padding:5px 10px;}
    .getway{padding:0 0 20px;}
    #bookdemomodal::before{display:none;}
    #bookdemomodal .modal-content{margin:0 auto;}
    #bookdemomodal{right:0;left:0;}
    .section-5 .mobile_rown .mide_cont .text_tag .botom_text.sec_5_botom_text p{font-size: 14px;}
    .section-5 .botom_text.sec_5_botom_text{margin-top: 35px;}
}
@media only screen and (max-width: 639px) {
    .atlas_track_key{margin: 0; padding: 50px 0 0;

                     -webkit-clip-path: initial;
                     -moz-clip-path: initial;
                     -o-clip-path: initial;
                     -ms-clip-path: initial;
                     clip-path:initial;

    }

    .home .atlas_track_key.home_page_video{margin: 0; padding: 50px 0 0;

                                           -webkit-clip-path: initial;
                                           -moz-clip-path: initial;
                                           -o-clip-path: initial;
                                           -ms-clip-path: initial;
                                           clip-path:initial;

    }

    .every_business .stage-2.block{margin-left: 0;}

    .mobile_rown .mide_cont .img_tag:after{display: none;}
    .mobile_rown .mide_cont .img_tag{width: 100%;}
    .mobile_rown .mide_cont .text_tag{width: 100%;padding: 0 20px 20px;}
    .mobile_rown .mide_cont .text_tag p:before{display: none;}
    .atlas_designed .bottom ul{ width: 100%;}
    .atlas_designed .bottom li{padding: 15px 0 0!important;margin: 0px 0 0px !important;}
    .atlas_designed .top h3{padding-left: 0 !important;}
    .atlas_designed .atlas_designed_pc{margin: 0;}
    .fast_start .midel_start{width: 100%;left: 0;}
    .fast_start .midel_start h2{font-size: 26px;}
    .fast_start .midel_start .gst span{  font-size: 24px;}
    .fast_start .midel_start .gst{padding: 6px 20px;}
    .fast_start .midel_start p{font-size: 16px;}
    .buy_now{font-size: 18px !important; }
    .getway{padding: 0;position: relative;top:-110px;}
    .fast_start .button-seperator{margin:10px 0 0;}

    .indoor_midel .top_title h2{font-size: 26px;padding: 0 10px;}
    .indoor_midel .top_title h4{font-size: 16px;padding: 0 10px;}
    .indoor_midel .top_title{margin-bottom: 0;}
    .atlas_track_key{margin: 45px 0 30px !important;padding: 0;}
    .atlas_track_key.custom_atlas_track_key{margin: 45px 0 30px !important;padding: 0;}
    .home .atlas_track_key.home_page_video{margin: 10px 0 0px !important;padding: 0;}
    .home-section .section-title{font-size: 26px !important;padding-top: 30px !important;}
    .home-section .introduce-bottom .section-title{padding-top:0 !important;}
    .atlas_track_key h2{font-size: 22px !important;}
    .download_bt{font-size: 14px;}
    .atlas_track_key .left{width: 100% !important;}
    .top_tl_video h2{font-size:16px;}
    .top_tl_video h2{padding-left:20px;}
    .top_tl_video h2::before {left: 10px;}
    .fast_start .midel_start form p{max-width: 100%; width: 100%;margin-right: 0;}
    .fast_start .midel_start form .actions{width: 100%;float: left;}
    .buy_now,.fast_start .buy_now{  font-size: 16px!important;padding: 13px 14px !important;}
    .home-section.user .submit-but .buy_now{padding:11px !important;font-size:12px !important;}
    .fast_start input[type="text"], .fast_start input[type="email"], .fast_start input[type="search"], .fast_start input[type="number"], .fast_start input[type="tel"], .fast_start textarea{padding: 12px 16px;}
    .fast_start .midel_start h2::before{left: -12px;}
    .scalable_service th:first-child, .scalable_service td:first-child{padding-left: 10px;}
    .scalable_service th, .scalable_service td{font-size: 13px;}
    .indoor_midel{padding: 30px 0 0;}
    .fast_start .button-seperator{font-size: 18px;margin: 0 2px;}
    .home .section-1.page-banner .banner-text .stage-1.block{width:70%;}
    #home_page_banner_image_cstm .banner-text h2{font-size:30px;}
    .banner-right-img {
        transform: scale(0.30);
        -webkit-transform: scale(0.30);
        -moz-transform: scale(0.30);
    }
    section.section-1.page-banner .banner-text h2, section.section-1.page-banner .banner-text .stage-2.block{max-width:250px;}
    .banner-right-img {
        bottom:-100px;
        right:-150px;
    }
    .home-section.section-2 .bottom-image{bottom:107%;}
    section.home-section.section-1.intro-sec .section-container.bottom p{font-size:20px;}
    .indoor_midel .botom_text{bottom:40px;}
    .indoor_midel .botom_text p{font-size:14px;}
    #speak_form{margin-top:15px;}
    .button-group-paypal .buy_now{margin: 15px 0 10px !important;}
    .fast_start .button-seperator{display:block;text-align:center;}
    #home_page_banner_image_cstm .header-slider .owl-carousel img{height:320px;}
    #bookdemomodal .wpcf7-form label{width:165px;}
    .fast_start #speak_button::before{left:15px;}
    .section-5 .botom_text.sec_5_botom_text {max-width: 300px;}
    .section-5 .mobile_rown .mide_cont .text_tag .botom_text.sec_5_botom_text p::before {display: inline-block;border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 35px solid #23b6b2;}
    #bookdemomodal #book-recaptcha{float: left;width: 100%;display: block;}
    #bookdemomodal .wrapper-btn{text-align: left;}
}
@media only screen and (max-width: 479px) {
    .attach_track h2{font-size: 28px;}
    .attach_track .top_title{ margin-bottom: 0;}
    .mobile_rown .mide_cont .text_tag h3{font-size: 26px;}
    .atlas_designed .bottom li h6{font-size: 16px !important;}
    .indoor_midel .botom_text{width: 90%;padding: 10px 15px;}
    .every_business h2{ font-size: 18px;}
    .every_business .stage-2.block{font-size: 16px;}
    .atlas_track_key h2{font-size: 22px;}
    .tool-top-banner{height: auto !important;max-height: inherit;}
    .tool-top-banner .banner-image{height: auto !important;}
    .atlas_track_key h2{font-size: 18px;}
    .atlas_track_key p{font-size: 14px;}
    .fast_start .midel_start h2{margin-bottom: 10px;}
    .fast_start .button-seperator{ display: block;margin: 0;}

    .atlas_designed .bottom ul{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .home-section.section-2 .bottom-image {bottom: 106%;width:30%;}
    .banner-right-img {
        transform: scale(0.80);
        -webkit-transform: scale(0.80);
        -moz-transform: scale(0.80);
        bottom:130px;
        right: 0px;
    }
    .section-2-new.section-2 .bottom-image{right:-20px;}
    .gps-section.section-2 .right .atlast_list ul li{margin:0 20px 20px 0;}
    .gps-section.section-2 .right .atlast_list ul{text-align:center;}
    .top_ttl h2{font-size:26px;}
    .features-app{padding-top:50px;}
    #speak_button,.button-group-paypal .buy_now{width:100%;}
    .fast_start .button-seperator{text-align:center;width:100%;}
    .atlast_list_btn{text-align:center;}
    #bookdemomodal .modal-content{width:100%;}
    #bookdemomodal .wpcf7-form label{width:100%;}
    .modal-wrapper{padding:0px 30px 30px;}
    #bookdemomodal .modal-wrapper{width: 100%;}
}

@media only screen and (max-width: 360px) {
    #home_page_banner_image_cstm .banner-text h2{max-width:70%;}
    .home-section .section-title{font-size:20px !important;}
    .comman_btn{margin:20px 0 5px 0;}
    .page-template-default .section-1.page-banner .banner-text .stage-2.block{max-width:70%;}
    section.home-section.section-1 .top {padding-top:0;}
    .banner-right-img {
        bottom:55px;
        right: 0px;
    }
    .home-section.section-2 .bottom-image {
        bottom: 105%;
        width: 32%;
    }
    #home_page_banner_image_cstm .banner-text{top:16%;}
    section.home-section.section-1.intro-sec .section-container.bottom p{font-size:16px;}

    .fast_start .button-seperator{text-align:center;width:230px;}
    #home_page_banner_image_cstm .header-contact-form{top:23%;}
    .modal-wrapper h3{font-size:18px;}

}
@media only screen and (max-width: 320px) {
    .banner-right-img{bottom:-30px;}
    #home_page_banner_image_cstm .banner-text{height:85%;}
    .fast_start .button-seperator{text-align:center;width:100%;}
}