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

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

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

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

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

body {
	margin: 0;
}

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

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

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

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

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

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

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

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

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

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

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

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

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

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

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

textarea {
	overflow: auto;
}

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

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

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

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

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

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

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

/* Text meant only for screen readers. */

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

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

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

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

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

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

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

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

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

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

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

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

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

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

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

h3 {

	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

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

h5 {
	
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;

}

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

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

/* Typography for Cyrillic Font */

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

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

/* Typography for Devanagari Font */

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

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

/* Typography for Greek Font */

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

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

/* Typography for Gujarati Font */

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

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

/* Typography for Hebrew Font */

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

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

/* Typography for Japanese Font */

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

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

/* Typography for Korean font */

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

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

/* Typography for Thai Font */

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

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

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

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

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

label {
	color: #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"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
}

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;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content 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,
.comment-content a:focus,
.comment-content 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);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Menu toggle */

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

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

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

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

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

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

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

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

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

/* Dropdown Toggle */

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

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

.dropdown-toggle:focus {
	outline: 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;
}

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

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

#masthead .wrap {
	position: relative;
}

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

/* Site branding */

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

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

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

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

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

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

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

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

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

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

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

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

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

.custom-header {
	position: relative;
}

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

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

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

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

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

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

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

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

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-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: 800;
	margin: 3em 0;
}

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

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

.nav-title {
	color: #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;
}

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

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

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

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

/* Footer widgets */

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

/* Social nav */

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

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

.social-navigation li {
	display: inline;
}

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

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

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

/* Site info */

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

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

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

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}

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

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
}

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

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

.widget {
	padding-bottom: 3em;
}

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

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

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

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

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

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

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

/* Widget lists of links */

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

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

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

/* Widget markup */

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

/* Text widget */

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

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

.widget_text ol {
	list-style: decimal;
}

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

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

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

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

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

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

/* RSS Widget */

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

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

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

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

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

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

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

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

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

/* Contact Info Widget */

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

/* Gravatar */

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

/* Recent Comments */

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

/* Recent Posts widget */

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

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

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

/* Tag cloud widget */

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

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

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

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

/* Calendar widget */

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

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

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

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

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

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

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

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

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

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

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

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

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

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

/* Media Elements */

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

/* Audio Player */

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

/* Playlist Color Overrides: Light */

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

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #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,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

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

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

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

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

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

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

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

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

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

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

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

.svg-fallback {
	display: none;
}

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

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.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;
}

/*--------------------------------------------------------------
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: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.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 */

	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

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

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

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Navigation */

	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

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

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 1em 1.25em;
	}

	.main-navigation ul ul {
		background: #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: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: 100%;
		right: auto;
	}

	.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;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 2em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 3em;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 58%;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

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

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

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

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}

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

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}
/********************************************************************************************************************/


*{ margin: 0px; padding: 0px; outline: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

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

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline:0;
	outline: 0;
}

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

a img {
	border: 0;
}


/**
 * 2.0 - Genericons
 */

.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: 'Conv_Poppins-Light';
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

input[type="text"], input[type="password"], input[type="tel"]{}
textarea{}
input[type="submit"]{}
p{ font-size: 16px; color: #fff; line-height: 28px;  font-family: 'Conv_Poppins-Light';}
h1, h2, h3, h4, h5, h6{ font-weight: 400; font-family: 'Conv_Poppins-Regular';}
h2{ font-size: 36px; font-family: 'Conv_Poppins-Light';}
a{ text-decoration:none}
/***********************************************************************************************************************/

body{ font-size: 16px; color: #fff; font-weight: 400;  font-family: 'Conv_Poppins-Light'; background:#0b0b0b;}

/*********************************************************************************************************/
.wrapper{ width: 1170px; margin: auto;}
.headerCntr{ float: left; width: 100%; padding:28px 0 0 0; position: absolute; left:0px; top:0px; z-index:99 }

.logo{ float:left; margin: -10px 50px 0 0}
.logo img{ width:171px; height:73px;}
.navmenu{ float: left}
.navmenu ul{ float:left}
.navmenu ul li{ float: left; position:relative; margin: 0 30px 0 0}
.navmenu ul li a{ color:#fff; text-transform: uppercase}
.navmenu ul li.mdown{ background: url(assets/images/downs.png) no-repeat right center; padding-right:19px;}
.navmenu ul li a:hover{ color:#1abb9b;}

.loopteam li hgroup a[href='']{
    display:none;
}

.grecaptcha-badge{
	visibility: collapse !important;  
}

.navmenu ul li ul{ display:none; background:#333; width:300px; position:absolute; left:0px; top:26px; margin:0px;}
.navmenu ul li:hover ul{ display:block}
.navmenu ul li ul li{ text-transform:capitalize; border-bottom:1px solid #222; float:left; width:100%; padding: 6px 10px;}
.navmenu ul li ul li a{ text-transform:capitalize}
.navmenu ul li ul li a:hover{ color:#1abb9b}


.areadvsn{ width:234px;}
.areadvsn2{ width:234px; max-height:133px;}

.rightsocial{ float:right}
.rightsocial li{ float: left; margin:0 0 0 15px}
.rightsocial li img{ width: 20px; height:20px;}
.rightsocial li:hover{ opacity:0.6}
.home .homebanner aside{ top:210px;}
.homebanner aside{ position:absolute; left:0px; top:180px;}
.homebanner .wrapper{ display:block; position:relative}
.homebanner h2{ font-size:68px; line-height:75px; position:relative}
.homebanner h2:before{ content:""; position:absolute; left:-1001%; top:38px; width:1000%; height:1px; background:#1abb9b; }
.homebanner h2 span{ display:block; font-size:85px; font-family: 'Conv_Goffik-O'; letter-spacing:4px; }
.homebanner .pt h2 span{ display:inline; font-size:77px }


.groupdiv{ float:left; background:url(assets/images/loopblack.jpg) repeat; width:100%;}
.coverpap{ float:left; width:100%; border-top:0px!important; border-bottom:0px!important; border:1px solid #2e2e2e; margin: 92px 0; position:relative; text-align: center; position:relative}
.coverpap:before{ width:100%; height:1px; background:url(assets/images/topline.png) no-repeat left top; content:""; position:absolute; left:0px; top:0px;}
.coverpap:after{ width:100%; height:1px; background:url(assets/images/botline.png) no-repeat left bottom; content:""; position:absolute; left:0px; bottom:0px;}
.homebanner .fullban{ float:left; width:100%; height:100%;}
.homebanner .fullban img{ float:left; width:100%;}
.homebanner{ float:left; width:100%; position:relative;}

.bannerdown{ position:absolute; left:0px; bottom:20px; right:0px; margin:auto; display:block; width:23px; height:14px; cursor:pointer; transition: all 0.5s ease-in-out 0s;}
.bannerdown:hover{ opacity:0.6}

.widget_text{ padding:0px}

.coverpap hgroup{ float:left; width:100%; position:absolute; left:0px; top:-26px; width:100%;}
.coverpap aside{ float:left; width:100%; font-size:25px; padding:109px 84px 70px 84px  }
.coverpap aside p{ font-size:25px; line-height: 42px;}
.coverpap h3{ position:absolute; left:0px; bottom:-18px; text-align:center; font-size:20px; width:100%;}

.ptsoc{ float:left; width:100%; padding:76px 0 82px 0}
.ptsoc h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 40px 0; float:left; width:100%;}
.ptsoc h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; }
.loopsimg li{ float:left; width:378px;}
.loopsimg li img{ float:left;}
.loopsimg li.soc3{ float:right;}
.loopsimg li.soc2{ margin:0 0 0 18px}
.ptsoc h2 ul{ float:right}
.ptsoc h2 ul li{ float:left; margin:0 0 0 9px}
.ptsoc h2 ul li img{ width:20px; height:20px;}
.ptsoc h2 ul li a{ float:left; width:45px; height:45px; border:1px solid #1abb9b; transition: all 0.5s ease-in-out 0s; border-radius:5px;     display: flex;    align-items: center;    justify-content: center;}
.ptsoc h2 ul li a:hover{ background:#1abb9b}

.allcelab2{ float:left;  width:100%; padding:86px 0}
.ptdiv2{ float:left; width:100%;}
.ptdiv2 h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; float:left;}
.ptdiv2 h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; }
.ptdiv2 hgroup{ float:right; width: 840px; font-size:18px; text-align:right}
.ptdiv2 hgroup p{ font-size:18px; line-height:30px; padding-top:15px;}
.allcelab2 ul{ float:left; width:100%;}
.allcelab2 ul li{ float:left; width:378px; height: 360px; background:#000000; margin: 0 17px 0 0; cursor:pointer; position:relative}
.allcelab2 ul li a{ float:left; width:100%; height:100%;}
.allcelab2 ul li a:hover:before{ display:block}
.allcelab2 ul li a:before{ border:1px solid #00feb3; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; display:none}
.allcelab2 ul li img{ float:left; max-width:100%; height:auto;}
.allcelab2 ul li label{ float:left; width:100%; height:297px; background:#1d1d1d; display: flex; align-items: center;  justify-content: center;}
.allcelab2 ul li p{ float:left; width:100%; color:#fff; text-align:center; padding:18px 0 0 0; font-size:20px;}
.allcelab2 ul li:nth-child(3){ float: right; margin:0px;}


.allcelab{ float:left; background:url(assets/images/loopblack.jpg) repeat; width:100%; padding:86px 0 94px 0}
.ptdiv{ float:left; width:100%;}
.ptdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; float:left;}
.ptdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; }
.ptdiv hgroup{ float:right; width: 840px; font-size:18px; text-align:right; padding-top:15px;}
.ptdiv hgroup p{ font-size:18px; line-height:30px;}
.allcelab ul{ float:left; width:100%;}
.allcelab ul li{ float:left; width:380px; height: 360px; background:#101010; margin: 0 15px 0 0; position:relative; cursor:pointer}

.allcelab ul.nfcol4 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px;
	width: calc(100% + 14px);
}
.allcelab ul.nfcol4 li{ width: calc(25% - 14px);
margin: 0 7px !important;
height: initial;
flex-grow: 1;}
.allcelab ul.nfcol4 li a{padding-bottom: 20px; display:block;}
.allcelab ul.nfcol4 li label{height: initial;}




.allcelab ul li a{ float:left; width:100%; height:100%; position:relative}
.allcelab ul li img{ float:left; width:100%; height:auto;}
.allcelab ul li a:hover:before{ display:block}
.allcelab ul li a:before{ border:1px solid #00feb3; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; display:none}
.allcelab ul li label{ float:left; width:100%; height:299px;}
.allcelab ul li p{ float:left; width:100%; color:#fff; text-align:center; padding:18px 0 0 0; font-size:20px;}
.allcelab ul li:nth-child(3){ float: right; margin:0px;}

.seemore ol#cumwdt{ width:166px}

.allcelab3{ float:left;  width:100%; padding:80px 0}
.ptdiv3{ float:left; width:100%;}
.ptdiv3 h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; float:left;}
.ptdiv3 h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; }
.ptdiv3 hgroup{ float:right; width: 840px; font-size:18px; text-align:right; padding-top:15px;}
.ptdiv3 hgroup p{ font-size:18px; line-height:30px;}
.allcelab3 ul{ float:left; width:100%;}
.allcelab3 ul li{ float:left; width:378px; height: 360px; background:#000000; margin: 0 17px 0 0; cursor:pointer; position:relative}
.allcelab3 ul li:nth-child(3){ margin:0px; float:right}
.allcelab3 ul li img{ float:left; max-width:100%; height:auto;}

.allcelab3 ul li a{ float:left; width:100%; height:100%; position:relative}
.allcelab3 ul li a:hover:before{ display:block}
.allcelab3 ul li a:before{ border:1px solid #00feb3; content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; display:none}
.allcelab3 ul li label{ float:left; width:100%; height:292px; background:#1d1d1d; display: flex; align-items: center;  justify-content: center;}
.allcelab3 ul li p{ float:left; width:100%; color:#fff; text-align:center; padding:18px 0 0 0; font-size:20px;}


.passiondiv{ float:left; width:100%; background: url(assets/images/cont.jpg) repeat-x; text-align:center; padding:80px 0 72px 0}
.passiondiv h2{ font-size:58px; font-family: 'Conv_Poppins-Bold';}
.passiondiv p{ font-size:20px; padding: 0 0 25px 0 }
.passiondiv a{ width: 192px; height:52px; background:#fff; font-family: 'Conv_Poppins-Regular'; border-radius:3px; font-size:20px; color:#000000; display:block; margin:auto; line-height:52px; transition: all 0.5s ease-in-out 0s;}
.passiondiv a:hover{ background:#101010; color:#fff; }

.footerdiv{ float:left; width:100%; background:url(assets/images/loopblack.jpg) repeat;}
.footerdiv hgroup{ float:left; width:100%; text-align:center; border-bottom:1px solid #1a1a1a; padding:62px 0 50px 0}
.footerdiv hgroup img{ max-width:171px; height:73px;}
.footerdiv ul{ float:left; width:100%; text-align:center; padding: 54px 0 48px 0}
.footerdiv ul li{ display:inline-block; margin:0 24px}
.footerdiv ul li a{ color:#fff; font-size:16px; text-transform:uppercase; transition: all 0.5s ease-in-out 0s;}
.footerdiv ul li a:hover{ color:#1abb9b}
.footerbtm{ float:left; width:100%; text-align:center; color:#333333; font-size:15px;  border-top:1px solid #1a1a1a; padding:20px 0;}
.footerbtm p{ font-family: 'Conv_Poppins-Light'; font-size:15px; color:#333;}

/************************************/
.bredcrumdiv{ float:left; width:100%; background:#0b0b0b; border-bottom:1px solid #131313;  border-top:1px solid #131313; padding:9px 0;}
.bredcrumdiv ul{ float:left;}
.bredcrumdiv ul li{ float:left; font-size:13px; color:#fff; font-family: 'Conv_Poppins-Light'; position:relative;  padding:0 24px 0 0}
.bredcrumdiv ul li:after{ content:""; position:absolute; right:7px; top:6px; background:url(assets/images/bd.png) no-repeat left top; width:7px; height:7px;}
.bredcrumdiv ul li a{ float:left; font-size:13px; color:#828282; font-family: 'Conv_Poppins-Light';}
.bredcrumdiv ul li a:hover{ color:#1abb9b}
.bredcrumdiv ul li:last-child:after{ display:none}

.apporachdiv{ float:left; width:100%;  background:url(assets/images/loopblack.jpg) repeat; padding:88px 0 0 0}
.apporachdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 28px 0; text-align:center}
.apporachdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.apporachdiv h3{ text-align:center; font-size:16px;font-family: 'Conv_Poppins-Light'; }

.loopdiv_left.leftop{ padding:91px 40px 0 0;}

.leftapproach{ float:left; width:535px; padding:60px 0 0 0; }
.leftapproach p{ padding:0 0 20px 0}
.rightapproach{ float:right; padding:30px 90px 0 0}
.leftbox{ float:left; width:572px; min-height:248px; border:1px solid #05201a; background:#0a0a0a; padding:18px;}
.leftbox ul{ float:left; width:100%; padding:20px 0 0 0}
.leftbox ul li{ float:left; width:100%; background:url(assets/images/right.png) no-repeat left 5px; padding:3px 0 23px 37px; font-weight:300;}
.rightbox{ float:right; width:572px; min-height:248px; border:1px solid #05201a;  padding:18px;}
.divbox{ float:left; width:100%; padding:34px  0}
.rightbox ul{ float:left; width:100%; padding:20px 0 0 4px}
.rightbox ul li{ float:left; width:100%; background:url(assets/images/close.png) no-repeat left 10px; padding:3px 0 23px 27px; font-weight:300;}

.allclbd{ float:left; width:100%; padding:0 0 94px 0}
.allclbd li{ float: left; margin:0 31px 0 0}
.allclbd li img{ float:left;}
.allclbd li:nth-child(3){ margin:0px; float:right}
.hgr{ padding-bottom:20px; text-align:center}
.whatdiv{ float:left; width:100%; padding:90px 0 97px 0 }
.whatdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; text-align:center}
.whatdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.whatdiv ul{ float:left; width:100%;}
.whatdiv ul li{ float:left; width:33.33%; text-align:center; padding: 0 40px 0px 0px;}
.whatdiv ul li:last-child{ padding:0 0 0 0}
.whatdiv ul li:nth-child(2){ padding-left:20px; padding-right:20px;}
.whatdiv ul li:nth-child(3){ padding-left:40px;}
.whatdiv ul li h3{ font-size:24px; padding:0 0 10px 0; }
.whatdiv ul li label{ float:left; width:100%; text-align:center; padding:0 0 20px 0}
.whatdiv ul li a{ transition: all 0.5s ease-in-out 0s; width:142px; height:38px; border:1px solid #01debd; margin:24px auto auto auto; display:block; border-radius:3px; line-height:38px; font-size:14px; color:#fff;}
.whatdiv ul li p{ padding:0 10px;}
.whatdiv ul li a:hover{ background:#01debd;}
.whatdiv ul li.a2 a{ border-color:#fb2472}
.whatdiv ul li.a2 a:hover{ background:#fb2472;}
.whatdiv ul li.a3 a{ border-color:#7b80f8}
.whatdiv ul li.a3 a:hover{ background:#7b80f8;}

.selectrefdiv{ float:left; width:100%;  background:url(assets/images/loopblack.jpg) repeat; padding:76px 0 0 0}
.selectrefdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 25px 0; text-align:center}
.selectrefdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }

#gallery{ float:left; width:100%; position:relative}
#right_scroll{ position:absolute; left:-26px; top:40px; z-index:10;}
#right_scroll:hover{ opacity:0.5}
#left_scroll:hover{ opacity:0.5}
#left_scroll{ position:absolute; right:-26px; top:40px; z-index:10;}
#carousel_inner { cursor: pointer; float: left;  width: 100%; border-bottom: 1px solid #262626; padding: 0 0 0px 0 }
#carousel_inner2 { cursor: pointer; float: left;  width: 100%; border-bottom: 1px solid #262626; padding: 0 0 0px 0 }
#carousel_inner3 { cursor: pointer; float: left;  width: 100%; border-bottom: 1px solid #262626; padding: 0 0 0px 0 }
.carousel_div {  float: left;  height: 100%;  overflow: hidden;  width: 100%;}
.carousel_div2 {  float: left;  height: 100%;  overflow: hidden;  width: 100%;}
#carousel_ul {  float: left;  height: 125px;  overflow: hidden;  position: relative;  width: 100%;}
#carousel_ul li {  float: left;  height: 100%;  padding:0 0 25px 0;  width: 20%; display: flex;  align-items: center; justify-content: center; position:relative}
#carousel_ul li img{ max-width:90%; height:auto;}
#carousel_ul li:before{ content:"";  position:absolute; left:0px; bottom:0px; height:3px; width:100%; background:#53d2b9; display:none }
#carousel_ul li:hover:before{ display:block}

#carousel_ul li.leftmove{ margin-left:-25%}
#carousel_ul li.rightmove{ margin-right:-25%}
/* #carousel_ul li:nth-child(4) { display:none; } */
 #carousel_ul li:nth-child(5) { display:none; } 
.page-id-12 .selectrefdiv .wrapper .according .celabtop:nth-child(9) {
    display: none;
}
#carousel_ul2 {  float: left;  height: 125px;  overflow: hidden;  position: relative;  width: 100%;}
#carousel_ul2 li {  float: left;  height: 100%;  padding:0 0 25px 0;  width: 20%; display: flex;  align-items: center; justify-content: center; position:relative}
#carousel_ul2 li img{ max-width:90%; height:auto;}
#carousel_ul2 li:before{ content:"";  position:absolute; left:0px; bottom:0px; height:3px; width:100%; background:#53d2b9; display:none }
#carousel_ul2 li:hover:before{ display:block}


#carousel_ul3 {  float: left;  height: 125px;  overflow: hidden;  position: relative;  width: 100%;}
#carousel_ul3 li {  float: left;  height: 100%;  padding:0 0 25px 0;  width: 20%; display: flex;  align-items: center; justify-content: center; position:relative}
#carousel_ul3 li img{ max-width:90%; height:auto;}
#carousel_ul3 li:before{ content:"";  position:absolute; left:0px; bottom:0px; height:3px; width:100%; background:#53d2b9; display:none }
#carousel_ul3 li:hover:before{ display:block}

.celabcontent{ float:left; width:100%; padding:63px 0 87px 0}
.celabcontent p{ padding:0 30px 20px 0}
.cellabout{ float:left; width:100%; padding:0 0 44px 0}
.cellabout2{ float:left; width:100%; padding:0 0 44px 0}
.cellabout li{ float:left }
.cellabout li:last-child{ float:right}

.globalbtn{ width: 192px; height:52px; background:#1abb9b; text-align:center; font-family: 'Conv_Poppins-Regular'; border-radius:3px; font-size:20px; float:left; color:#000000; display:block; margin:20px 0 0 0; line-height:52px; transition: all 0.5s ease-in-out 0s;}
.globalbtn:hover{ background:#101010; color:#fff; }

.phonecelb{ float:left; width:100%; padding:84px 0 80px 0; display:none}
.phonecelb h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; text-align:center}
.phonecelb h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.loopcelab{ float:left; width:575px;}
.loopcelab:last-child{ float:right}
.loopcelab label{ float:left; position:relative}
.loopcelab aside{ width:381px; height:303px; border:1px solid #136855; float:left; margin:45px 0 0 -3px; padding:25px 35px 0 35px}
.loopcelab aside p{ font-size:14px; line-height:22px; padding:0 0 20px 0}
.loopcelab aside img{ margin:0 0 5px 0}
.loopcelab h3{ position:relative; font-family: 'Conv_Poppins-Medium'; font-size:16px; padding:0 0 4px 0; float:left; width:100%; }
.loopcelab h3 span{ position: relative; display:block; float:left;}
.loopcelab h3 span:after{ position:absolute; right:-60px; top:0px; width:50px; height:1px; background:#1abb9b; content:""; bottom:0px; margin:auto}
.loopcelab h4{ font-family: 'Conv_Poppins-Light'; color:#1abb9b;}

.contactdiv{ float:left; width:100%; background:#181818 url(assets/images/contactbg.jpg) repeat-x center bottom; padding:80px 0 107px 0 }
.clcontleft{ float:left; width:555px; min-height:466px; background:rgba(204,204,204, 0.1); padding:48px 0 0 43px}
.contactdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; text-align:center}
.contactdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.clcontleft input[type="text"], .clcontleft input[type="email"], .clcontleft input[type="tel"]{ width:462px; height:43px; border:1px solid #393939; padding:5px 18px; font-size:14px; color:#cccccc; background:#0f0f0f; line-height:43px;}
.clcontleft textarea{ float:left; width:462px; height:109px; border:1px solid #393939; padding:15px 18px; resize: none; font-size:14px; color:#cccccc; background:#0f0f0f; line-height:18px;}
.clcontleft input[type="submit"]{ float:left; width:99px; height:38px; background:#1abb9b; color:#fff; font-family: 'Conv_Poppins-SemiBold'; font-size:16px; cursor:pointer}
.clcontleft input[type="submit"]:hover{ background:#101010;}
.clcontleft li{ float:left; width:100%; padding:0 0 16px 0}
.clcontleft li img{ float:left}

.clcontright{ float:right; width:552px; border:1px solid #303030; min-height:466px; padding:50px 55px 0 55px}
.clcontright ul li{ float:left; width:100%; position:relative; padding:17px 0 0 74px; font-size:18px; min-height:57px; margin:0 0 20px 0 }
.clcontright ul li img{ position:absolute; left:0px; top:0px; bottom:0px; margin:auto}
.clcontright ul li a{ color:#fff;}
.clcontright ul li a:hover{ color:#996d40}
.clcontright h3{ font-size:25px; font-family: 'Conv_Poppins-SemiBold'; border-bottom:1px solid #303030; position:relative; padding:0 0 30px 0; margin:0 0 42px 0 }
.clcontright h3:after{ content:""; position:absolute; left:0px; bottom:-1px; width:107px; height:1px; background:#1abb9b;}
/*************************************************/
.innerpages{ float:left; width:100%; padding:20px 0 70px 0;  background:url(assets/images/loopblack.jpg) repeat;}
.innerpages h2{ position: relative; padding:18px 0 18px 0; margin:50px 0 0 0; font-family: 'Conv_Poppins-SemiBold'; clear:both}
.innerpages h5{ position: relative; color:#21cba9; font-size:20px; padding:12px 0 18px 0; margin:0px 0 0 0;}
.innerpages h2 img{ vertical-align:middle; margin:0 20px 0 0}
.innerpages h2:after{ position:absolute; left:0px; top:0px; width:62px; height:1px; background:#1abb9b; content:"";}
.innerpages p{ padding:0 0 20px 0;}

.loopbrand{ float:left; width:100%; padding:45px 0; margin:0 0 20px 0}
.loopbrand li{ float:left; margin:0 30px 0 0; }
.loopbrand li:nth-child(3){ float:right; margin:0px;}

.tabdivs{ float:left; width:100%; display:none}
.cellabout2 img{ max-width:478px; height:auto}
#carousel_ul li.act:before{ display:block}

.whatdiv_in{ float:left; width:100%; padding:90px 0 97px 0; background:url(assets/images/loopblack.jpg) repeat;}
.whatdiv_in h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 8px 0; text-align:center}
.whatdiv_in h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.whatdiv_in ul{ float:left; width:100%;}
.whatdiv_in ul li{ float:left; width:33.33%; text-align:center; padding: 0 40px 0px 0px;}
.whatdiv_in ul li:last-child{ padding:0 0 0 0}
.whatdiv_in ul li:nth-child(2){ padding-left:20px; padding-right:20px;}
.whatdiv_in ul li:nth-child(3){ padding-left:40px;}
.whatdiv_in ul li h3{ font-size:24px; padding:0 0 10px 0; }
.whatdiv_in ul li label{ float:left; width:100%; text-align:center; padding:0 0 20px 0}
.whatdiv_in ul li p{ padding:0 10px;}

.whatdiv_in aside{ float:left; width:100%; text-align:center; padding:0 0 32px 0}
.servicesdiv{ float:left; width:100%; padding: 80px 0 0 0}
.servicesdiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 8px 0; text-align:center}
.servicesdiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.servicesdiv hgroup{ float:left; width:100%; text-align:center; padding:0 0 52px 0}
.servicesdiv ul{ float:left; width:100%; padding:0 0 50px 0;}
.servicesdiv ul li{ float:left; width:47.5%; position:relative; padding:0 0 20px 122px; min-height:210px;}
.servicesdiv ul li aside{ float:left; width:100%;}
.servicesdiv ul li img{ position:absolute; left:0px; top:0px;}
.servicesdiv ul li h3{ font-size:24px; padding:0 0 10px 0}
.servicesdiv ul li p{ font-size:15px;}
.servicesdiv ul li.rs2{ float:right}

.movediv{ float:left; width:100%;  background:url(assets/images/loopblack.jpg) repeat; padding:83px 0 90px 0}
.movediv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 8px 0; text-align:center}
.movediv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.movediv .hgroup_1{ float:left; width:100%; text-align:center; padding:0 0 24px 0; margin:0 0 30px 0; border-bottom:1px solid #1a1a1a;}
.movediv .hgroup_2{ float:left; width:100%; text-align:center; padding:0 0 24px 0; }
.movediv ul{ float:left; width:100%; position:relative; padding:60px 0 0 0}
.movediv ul li{ float:left; width:100%; position:relative; padding:0 0 70px 0}
.movediv ul li section{ position:absolute; left:550px; z-index:2; top:-70px; bottom:0px; margin:auto}
.movediv ul li aside{ float:left; width: 490px; text-align:right; padding:5px 0 0 0}
.movediv ul li h3{ font-size:33px;  font-family: 'Conv_Poppins-SemiBold'; padding:0 0 10px 0}
.movediv ul li section{ float:left; font-family: 'Conv_Poppins-SemiBold'; background:#1abb9b; width: 74px; height:74px; color:#fff; border-radius:50%; display:flex; align-items: center; font-size:32px; justify-content: center;}
.movediv ul li label{ float:right; width:490px;}
.movediv ul li label img{ float: left}
.movediv ul:after{ content:""; position:absolute; left:586px; top:0px; background:url(assets/images/starton.png) repeat-y left top; height:100%; width:2px;}
.movediv ul:before{ content:""; position:absolute; left:583px; top:0px; z-index:2; background:#fff; height:8px; width:8px; border-radius:50%;}

.movediv ul li.rights2 aside{ float:right; text-align:left; width:487px;}
.movediv ul li.rights2 label{ float:left}
.movediv ul li.rights2 label img{ float:right}

.contcenter{ margin:auto; width: 257px; }
.contcenter a{ float:left; width:100%; transition: all 0.5s ease-in-out 0s; border:1px solid #1abb9b; height:66px; border-radius:3px; float:left; font-size:22px; color:#fff; font-family: 'Conv_Poppins-SemiBold';
text-align:center; line-height:66px;}
.contcenter a:hover{ background:#1abb9b;  transition: all 0.5s ease-in-out 0s;}

.select_2nd{ border-top:1px solid #1a1a1a;}

.top_infmark{ float:left; width:100%; padding:83px 0 0 0;  background:url(assets/images/loopblack.jpg) repeat;}
.top_infmark h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 8px 0; text-align:center}
.top_infmark h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.top_infmark hgroup{ float:left; width:100%; text-align:center; padding:0 0 50px 0}
.top_infmark aside{ float:left; width:100%; padding:0 0 50px 0}
.loopdiv_left{ float:left; width:600px;}
.top_infmark aside img{ float:right}
.top_infmark aside p{ padding:0 0 15px 0}

.carousel_div2 #carousel_ul3{ width:100%; margin-left:0%;}
.carousel_div2 #carousel_ul3 li{ width:25%;}
.part1{ float:left; width: 480px; }
.part2{ float:right; width: 643px; border:1px solid #05201a; background:#0a0a0a; padding:35px 35px 0px 35px; }
.part2 h3{ font-size:20px; display:inline-block; position:relative; font-family: 'Conv_Poppins-Regular'; padding:0 0 8px 0; margin:0 0 20px 0; text-align:left}
.part2 h3:before{ content:""; position:absolute; left:0%; bottom:1px; width:45px; height:2px; background:#1abb9b; }
.part2 hgroup{ float:left; width:100%; padding-bottom: 17px; margin-bottom:17px; border-bottom:1px solid #151515;}
.part2 hgroup img{ float:right; margin:0 0 0 30px}
.part2 hgroup a:hover{ color:#fff; border-color:#fff; }
.part2 hgroup a{ color:#1abb9b; border-bottom:1px solid #1abb9b; }
.part2 hgroup p{ padding:0px}
.part2 hgroup:last-child{ border:0px;}
.part2 hgroup p span{ display:flex; min-height:142px;     align-items: center;}

.part1 a:hover{ color:#fff; border-bottom:1px solid #fff;}
.part1 a{ color:#1abb9b; border-color:#1abb9b;}
.part1 img{ margin:33px 0 0 0}
.what2 h2{ padding-bottom:0px;}
.what2 .hgp{ float:left; width:100%; padding:0 0 40px 0; text-align:center}

.cellabout3{ float:left; width:50%; margin: 0 0px 0 0}
.cellabout3 img{ max-width:100%; height:auto}
.fs1{ float:left}
.fs2{ float:left; width:330px; margin:25px 0 0 87px}
.fs2 h3{ font-size:26px; position:relative; font-family: 'Conv_Poppins-Regular'; padding:0 0 8px 0; margin:0 0 30px 0; text-align:left}
.fs2 h3:before{ content:""; position:absolute; left:0%; bottom:-4px; width:45px; height:2px; background:#1abb9b; }
.fs3{ float:right}

.fs2 a:hover{ color:#fff; border-bottom:1px solid #fff;}
.fs2 a{ color:#1abb9b; border-color:#1abb9b;}

.humdiv{ float:right; width:540px}
.humdiv h3{ font-size:26px; position:relative; font-family: 'Conv_Poppins-Regular'; padding:0 0 8px 0; margin:0 0 30px 0; text-align:left}
.humdiv h3:before{ content:""; position:absolute; left:0%; bottom:-4px; width:45px; height:2px; background:#1abb9b; }

.leftdv{ float:left; width:478px;}
.leftdv a:hover{ color:#fff; border-bottom:1px solid #fff;}
.leftdv a{ color:#1abb9b; border-color:#1abb9b;}
.leftdv img{ margin-top:40px}

.rightdv{ float: right; width:642px;}
.rightdv img{ margin:0 0 40px 0}
.leftdv h4{ clear:both; color:#fff; font-size:20px;}

.inf_mar #carousel_ul2{ padding: 0 30px; }
.inf_mar #carousel_ul2 li{ width:25%;}
#carousel_ul2 li.act:before{ display:block}
#carousel_ul3 li.act:before{ display:block}
.part2 hgroup img.imgman{ margin-top:72px; margin-bottom:10px;}

.aboutdv aside{ padding:69px 84px 20px 84px; font-size:19px; }
.aboutdv aside p{ font-size:19px;}
.aboutdv section{ float:left; width:42%; margin:0 0 40px 5%; text-align: left}
.aboutdv section p{ padding:0 0 20px 0}
.aboutdv section p span{ font-size:20px;}
.aboutdv section a:hover{ color:#fff;  border-color:#fff; }
.aboutdv section a{ color:#1abb9b; border-bottom:1px solid #1abb9b; font-size:20px; line-height:12px;}

.missiondiv{ float:left; width:100%; background:url(assets/images/about.jpg) no-repeat left top; background-size:cover; padding:90px 0 70px 0; text-align:center}
.missiondiv h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 8px 0; text-align:center}
.missiondiv h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.missiondiv p{ font-size:20px; line-height:37px; padding:0 100px }
.missiondiv h4{ font-size:20px; font-family: 'Conv_Poppins-Medium'; padding:0 0 11px 0 }

.teamdivs{ float:left; width:100%;     background: url(assets/images/loopblack.jpg) repeat; padding:80px 0 90px 0 }
.teamdivs h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 58px 0; text-align:center}
.teamdivs h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }


.teamdivs label{ float:left;}
.teamdivs aside{ float:right; width:585px; height:515px; padding:0 0 18px 0; }
.teamdivs h3{ font-size:26px; font-family: 'Conv_Poppins-Medium';}
.teamdivs h4{ font-size:22px; color:#1abb9b; padding:0 0 10px 0}
.teamdivs p{ padding:0 0 20px 0}

.teamdivs aside section {

    float: left;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 13px 0 0px;

}

.loopteam{ float:left; width:100%; }
.loopteam li{ float:left; width:283px; height:328px; position: relative; overflow:hidden; background:#fff; margin:0 12px 12px 0}
.loopteam li span{ float:left; width:100%;}
.loopteam li span img{ float:left; width:100%}
.loopteam li hgroup{ position:absolute; width:100%; left:0px; bottom:0px; background:rgba(0,0,0, 0.8); padding:14px 18px 14px 18px;}
.loopteam li hgroup h5{ font-size:15px; font-family: 'Conv_Poppins-Medium'; text-transform:capitalize;}
.loopteam li hgroup h6{ font-size:15px; font-family: 'Conv_Poppins-Light'; float:left; color:#fff;}
.loopteam li hgroup a{ float:right; margin:0 0 0 8px}
.loopteam li hgroup a:hover{ opacity:0.5}
.loopteam li hgroup a img{ vertical-align:middle}
.loopteam li:nth-child(4n){ margin-right:0px;}
.loopteam li.greeens{ background:#1abb9b}

.pt-fashion{ float:left; width:100%;  background: url(assets/images/loopblack.jpg) repeat; padding:80px 0 80px 0 }
.pt-fashion h2{ font-size:36px; position:relative; font-family: 'Conv_Poppins-Bold'; padding:0 0 0px 0; text-align:center}
.pt-fashion h2:before{ content:""; position:absolute; left:0%; top:-10px; width:66px; height:2px; background:#1abb9b; margin:auto; right:0px; }
.pt-fashion h4{ text-align:center; font-size:20px; margin:40px 0 0 0 }
.pt-fashion  ul{ float:left; width:100%; padding:42px 0 70px 0}
.pt-fashion ul li{ float:left; margin:0 22px 22px 0; width:368px;}
.pt-fashion ul li img{ max-width:100%; height:auto}
.pt-fashion ul li img{ float:left}
.pt-fashion ul li:nth-child(3){ margin-right:0px;}
.callbtnmid{ margin:auto; width:660px;}
.callbtn{ width:100%; height:62px; background:#1abb9b; text-align:center; font-size:26px;  font-family: 'Conv_Poppins-SemiBold'; color:#fff; float:left; line-height:62px;}
.callbtn:hover{ background:#996d40}
.pt-fashion h4.hgreen{ font-size:25px; color:#1abb9b;}
.pcent{ text-align:center; margin-bottom:30px; padding: 0 60px;}

.wediv{ float:left; width:643px; height:406px; border:1px solid #05201a; background:#0a0a0a; padding:33px 0 0 54px}
.wediv h4{ font-size:20px;  font-family: 'Conv_Poppins-Medium'; padding:0 0 20px 0}
.wediv ol{ float:left; width:100%;}
.wediv ol li{ float:left; width:163px; height:118px; margin:0 20px 20px 0}
.wediv ol li img{ float:left}

.lost_1{ float:left; width:100%; border:1px solid #05201a; background:#0a0a0a; padding:22px 47px}
.lost_1 img{ float:right}
.lost_1 hgroup{ float:left; width:545px; display:flex; height:225px; align-items: center;}
.lost_1 a:hover {    color: #fff;    border-bottom: 1px solid #fff;}
.lost_1 a {    color: #1abb9b;    border-color: #1abb9b;}
.lost_2{ float:left; width:100%; padding:48px 0 0 0}
.lost_2 li{ float:left; margin:0 68px 0 0}
.lost_2 li:last-child{ margin-right:0px;}

#carousel_ul2 li img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#carousel_ul2 li:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
#carousel_ul2 li.act img{ -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

#carousel_ul3 li img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#carousel_ul3 li:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
#carousel_ul3 li.act img{ -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}


#carousel_ul li img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#carousel_ul li:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
#carousel_ul li.act img{ -webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

.axd1{ float:left;}

.axd2{ float:right; width:643px; height:211px; border:1px solid #05201a; background:#0a0a0a; padding:20px 0 0 52px}
.axd2 h3{ font-size:20px; color:#1abb9b; text-transform:uppercase; margin:0px;}
.axd2 h4{ font-size:18px; padding:0 0 16px 0}
.axd2 ol li{ float:left; margin: 0 20px 0 0}
.axd2 ol li img{ float:left}
.axd2 ol li:last-child{ float:left }

.innerpages .axd2 h3{ padding:0px;}


.hummingdiv{ float:left; width:100%;}
.hummingdiv img{ float:left;}
.hummingdiv hgroup{ float:right; width:630px;}
.hummingdiv a{ color:#1abb9b; font-size:18px; float:left; margin:4px 0 0 0}
.hummingdiv a:hover{ color:#fff;}

.hummingdiv2{ float:left; width:100%; padding:50px 0 0 0}
.hummingdiv2 ul{ float:left;}
.hummingdiv2 ul li{ float:left; width:250px; text-align:center; margin:0 56px 0 0}
.hummingdiv2 ul li h3{ color:#1abb9b; font-size:18px; font-family: 'Conv_Poppins-SemiBold'; padding:5px 0 0 0 }
.hummingdiv2 ul li h3 a{ color:#1abb9b;}
.hummingdiv2 ul li h3 a:hover{ color:#fff;}
.hummingdiv2 ul li h4{ color:#fff; font-size:17px; font-family: 'Conv_Poppins-Light'; padding:0 10px;}
.hummingdiv2 ul li:last-child{ margin-right:0px;}

.lostdv1{ float:left; width:100%; margin:0 0 50px 0 }
.lostdv1 img{ float:left;}
.lostdv1 hgroup{ float:right; width:598px; padding:0 20px 0 0}
.lostdv1 hgroup a{ float:left; color:#53d2b9; }
.lostdv1 hgroup a:hover{ color:#fff;}
.lostdv1 hgroup p{ font-size:20px; line-height:32px;}

.dancediv{ float:left; width:100%;}
.dancediv img{ float:left;}
.dancediv hgroup{ float:right; width:876px; }
.dancediv section{ float:right; width:524px; height:327px; margin:0 0 0 20px;}
.dancediv a{ color:#53d2b9;}
.dancediv a:hover{ color:#fff;}


.dancediv section video, .dancediv section object{ width:100%; height:100%; }


.ebaydv{ float:left; width:615px;}
.ebaydv ul{ float:left; width:100%;}
.ebaydv ul li{ float:left; width:279px; height:210px; margin:0 26px 26px 0}
.ebaydv ul li img{ max-width:279px;}

.mancnt{ float:left; width:100%; text-align:center; padding-bottom:20px;}

.ebaydv2{ float:left; width:537px; position:relative;}
.ebaydv2 img{ float:left; position:absolute; left:1px; top:0px;}
.ebaydv2 hgroup{ float:right; width:316px; height:355px; border:1px solid #53d2b9; border-left:0px; margin:47px 0 0 0; padding:30px 0 0 50px;}
.ebaydv2 a{ color:#53d2b9;}
.ebaydv2 a:hover{ color:#fff;}
.ebaydv2 hgroup p{ font-size:20px; line-height:32px;}

.leftdv.fullhum{ width:100%;}
.leftdv.fullhum hgroup{ width:475px; float:left}
.leftdv.fullhum img{ margin:0px; float: right}

.loophum{ float:left; width:100%; padding:30px 0 0 0}
.loophum ol{ float:left; width:100%;}
.loophum ol li{ float:left; margin:0 68px 0 0 }
.loophum ol li img{ float:left; }
.loophum ol li:last-child{ margin-right:0px;}

.seemore{ float:left; width:100%;}
.seemore p{ text-align:center; padding:30px 0 5px 0}
.seemore ol {  float: none;  width: 206px;  margin: auto;}
.seemore ol li{ float:left; margin: 0 4px;}

/*.loopvideo{ float:left; width:100%; padding:0 0 30px 0}*/
.loopvideo{ float:left; width:100%; padding:0 0 60px 0}
/*.lpdiv{ float:left; width:368px; height: 263px; margin:0 33px 33px 0;}*/
.lpdiv{ float:left;  height: 263px; margin:0 33px 33px 0;}
.lpdiv img{ float:left}
.lpdiv:nth-child(3n){ margin-right:0px;}

.lpdiv video, .lpdiv object{ width:100%; height:100%; }
.ptloops label video, .ptloops label object{ width:100%; height:100%;}

.as{ text-transform:uppercase; margin:0 0 20px 0; position: relative}
.as:after{ content:""; position:absolute; left:0px; top:15px; width: 356px; height:1px; background:#333333;}
.as:before{ content:""; position:absolute; right:0px; top:15px; width: 356px; height:1px; background:#333333;}

.loopdivarea{ float:left; width:100%; padding:25px 0 0 0 }
.lparea{ float:left; width:551px; padding:0 0 93px 0 }
.lparea:nth-child(2n){ float:right}
.lparea img{ float:left; }
.lparea label{ float:left; width:100%; height:346px; margin:0 0 15px 0}
.lparea h5{ float:left; font-size:26px;}
.lparea ol{ float:right;}
.lparea ol li{ float:left; margin:0 0 0 5px}
.lparea ol li img{ max-height:43px;}

#musicdv{ padding-bottom:0px;}

.picturetab{ float:left; width:100%; }
.pictab{ float:left; width:100%; border-bottom:1px solid #262626; text-align:center; margin:10px 0 60px 0}
.pictab ul{ display:inline-block; margin:0px 0 0px 0; padding:0px;}
.pictab ul li{ font-size:22px; display:inline-block; margin: 0 45px; padding:0 0 10px 0; float:none; position:relative; cursor:pointer}

.picblock{ float:left; width:100%; display:none}
.picloop{ float:left; width:368px; height:263px; margin:0 33px 33px 0;} 
img{ max-width:100%; height:auto}
.picloop:nth-child(3n){ margin-right:0px;}
.picloop video, .picloop object{ width:100%; height:100%; }

.pictab ul li:before{ content:"";  position:absolute; left:0px; bottom:0px; height:3px; width:100%; background:#53d2b9; display:none }
.pictab ul li:hover:before{ display:block}
.pictab ul li.act:before{ display:block;}

.botpop{ float:left; width:100%; text-align:center; border-top: 1px solid #262626; margin:20px 0 0 0; padding:40px 0 0 0}
.botpop label{ display:inline-block; position: relative; margin:0 50px;}
.botpop ol{ position:absolute; left:0px; top:0px; }
.botpop ol li{ display:inline-block; margin:0 15px 0 0}
.movebot{ padding-top:54px; width:250px;}
.movetop{ top:-10px;}

.riham{ float:right; margin-right:10px;}
.riham img{ max-width:20px; height:20px;}
.riham li{ float:left; margin:0 5px;}
.teamdivs aside{ position:relative;}
/*
#scrollbar::-webkit-scrollbar-track, #scrollbar::-moz-scrollbar-track{ border-radius:5px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,3);
background-color:pink;
}

#scrollbar::-webkit-scrollbar, #scrollbar::-moz-scrollbar{
width:12px; background-color:red;
}
#scrollbar::-webkit-scrollbar-thumb, #scrollbar::-moz-scrollbar-thumb{ border-radius:5px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,3);
background-color:green;
}*/

.wedivstr{ float:left; width:100%; padding:70px 0}
.wedivstr h2 {
    font-size: 36px;
    position: relative;
    font-family: 'Conv_Poppins-Bold';
    padding: 0 0 58px 0;
    text-align: center;
}
.wedivstr h2:before {
    content: "";
    position: absolute;
    left: 0%;
    top: -10px;
    width: 66px;
    height: 2px;
    background: #1abb9b;
    margin: auto;
    right: 0px;
}
.box_on1 p{ display:inline-block}
.box_on1{ float:left; width: 595px; }
.box_on1 a{ color:#53d2b9}
.box_on1 a:hover{ color:#fff; text-decoration:underline}
.box_on1 aside{ float:right; width:310px; padding:30px 0 0 0}
.box_on1 h3{ font-size: 26px; text-transform:uppercase; position:relative; margin:0 0 30px 0}
.box_on1 p{ padding:0 0 20px 0}
.box_on1 p a{ color:#53d2b9}
.box_on1 p a:hover{ color:#fff; text-decoration:underline}
.box_on1 span{ color:#1abb9b}
.box_on1 h3:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -10px;
    width: 50px;
    height: 3px;
    background: #1abb9b;
}

.box_on2{ float:right; width:432px; height:334px; border: 1px solid #1abb9b; margin:50px 38px 0 0; position:relative}
.cl1{ position:absolute; left:-40px; top:-30px;}
.cl2{ position:absolute; right:-40px; bottom:-30px;}


.wedivstr2{ float:left; width:100%; padding:70px 0;  background: url(assets/images/loopblack.jpg) repeat;}
.wedivstr2 h2 {
    font-size: 36px;
    position: relative;
    font-family: 'Conv_Poppins-Bold';
    padding: 0 0 58px 0;
    text-align: center;
}
.wedivstr2 h2:before {
    content: "";
    position: absolute;
    left: 0%;
    top: -10px;
    width: 66px;
    height: 2px;
    background: #1abb9b;
    margin: auto;
    right: 0px;
}

.wedivstr2 .box_on2{ height:382px;}

.strmid{ float:left; width:100%; padding: 70px 0; }
.strmid h2 {
    font-size: 36px;
    position: relative;
    font-family: 'Conv_Poppins-Bold';
    padding: 0 0 58px 0;
    text-align: center;
}
.strmid h2:before {
    content: "";
    position: absolute;
    left: 0%;
    top: -10px;
    width: 66px;
    height: 2px;
    background: #1abb9b;
    margin: auto;
    right: 0px;
}
.strloop{ float:left; width:550px; height:314px; overflow:hidden; margin:0 0 45px 0}
.strloop img{ display:block}
.strloop:nth-child(2n){ float:right}

.strmid.strmid2{  background: url(assets/images/loopblack.jpg) repeat; }
.strmid2 .strloop{ height:309px;}

.pttechdv{ float:left; width:100%; padding:70px 0 0 0}
.pttechdvtop{ float:left; width:100%; border-bottom:1px solid #262626; padding: 56px 0 0 0; text-align:center;}
.pttechdvtop ul{ float:left; width:100%;}
.pttechdvtop ul li{ display:inline-block; padding:0px 10px 20px 10px; margin: 0 50px; position:relative}
.pttechdvtop ul li a{ display:inline-block; color:#fff; font-size:22px; }
.pttechdvtop li a:before{ content:"";  position:absolute; left:0px; bottom:-1px; height:3px; width:100%; background:#53d2b9; display:none }
.pttechdvtop li a:hover:before{ display:block}
.pttechdvtop li a.act:before{ display:block}

.pttechdvloop{ float:left; width:100%;}
.ptloops{ float:left; width:100%; padding:65px 0;}
.monday{ display:none}
.ptloops label{ float:left; width: 486px; height:327px;}
.pttechdv h2 {
    font-size: 36px;
    position: relative;
    font-family: 'Conv_Poppins-Bold';
    padding: 0 0 0px 0;
    text-align: center;
}
.pttechdv h2:before {
    content: "";
    position: absolute;
    left: 0%;
    top: -10px;
    width: 66px;
    height: 2px;
    background: #1abb9b;
    margin: auto;
    right: 0px;
}
.centerdv{ text-align:center}
.ptloops label video, .ptloops label object{ width:100%; height:100%; }
.ptloops span{ float:right; padding-right:30px;}
.ptloops.pls2 span{ padding:10px;}
.ptloops aside{ float:left; width:358px; margin: 25px 0 0 70px}
.ptloops aside h3{ position:relative; font-size:22px; margin-bottom:20px; }
.ptloops aside h3:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -10px;
    width: 64px;
    height: 2px;
    background: #1abb9b;
    margin: auto;
    
}
.ptloops aside a{ color:#60b58c;}
.ptloops aside a:hover{ color:#fff; text-decoration: underline}
.ptloops aside p{ padding-bottom:15px;}

.ptloops.pls2 label{ width:572px;}
.ptloops aside{ width:300px;}

h3.humtext {
    font-size: 26px;
    position: relative;
    font-family: 'Conv_Poppins-Regular';
    padding: 0 0 8px 0;
    margin: 0 0 30px 0;
    text-align: left;
}
h3.humtext a{ font-size:26px; float:none}
h3.humtext:before {
    content: "";
    position: absolute;
    left: 0%;
    bottom: -4px;
    width: 45px;
    height: 2px;
    background: #1abb9b;
}

#musicdv .pictab ul li{ width:auto}
.according{ display:none; float:left; width:100%; padding-bottom:70px; }
.celabbot{ float:left; width:100%; display:none; padding-bottom:30px;}
.celabtop{ float:left; width:100%; border: 1px solid #1abb9b; /*background:#1abb9b;*/ padding:10px 20px; border-radius: 3px; margin: 0 0 1px 0;  font-family: 'Conv_Poppins-Bold'; font-size:18px; position: relative; cursor: pointer;}

.celabtop:after{ content:""; position:absolute; right:0px; top:0px; width: 44px;
height: 44px; float: left; background: url(assets/images/bandown.png) no-repeat center center;}

.celabtop.act:after{ transform: rotate(-180deg)}
.celabtop:nth-child(8) { display:none; }
.tabdivs_accordtab{ float:left; width:100%; display:block!important; padding-top:30px;}

.mobilemenu{ display:none}

#musicdv .pictab ul li{ position:relative}
#musicdv .pictab ul li:after{ content:""; position:absolute; right:-50px; top:10px; width:1px; height:20px; background:#262626}
#musicdv .pictab ul li:last-child:after{ display:none}
.loadmore{ display:none; color:#1abb9b}
.whatdiv.what2 ul{ padding-top:15px;}
/*.ptloops.pls2 label iframe{ display:none}*/
.ptloops.pls2 label iframe{ display:block}

#ptpicture{ display:none; }

.clcontleft .wpcf7-response-output{ float: left; width:100%; margin:0px;}
.clcontleft .wpcf7-not-valid-tip{ float:left; width:100%;}
.clcontleft input[type="submit"]{ padding:0px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.techdesktop{ float:left; width:100%;}
.techmobile{ float:left; width:100%;}
#farmdiv{ display:none}
.smallconta{ float:left; width:100%; padding-left:70px}
.smallconta li{ float:left; margin:0 10px 0 0}
.smallconta li img {
    width: 20px;
    height: 20px;
}
.smallconta li a {
    float: left;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(0,0,0, 0.5);
	background:#1abb9b;
    border-radius: 50%;
}
.smallconta li a:hover{ background:#1abb9b;}

/*********************************************************************************************/
@media (max-width:1170px){
	.clcontright h3{ margin-bottom:15px;}
.servicesdiv ul li p{ line-height:21px}
#musicdv .pictab ul li:after{ right:-19px;}
.wrapper{ width: 950px;}
.rightsocial{ position:absolute; right:60px; top:20px;}
.headerCntr .wrapper{ display:block; position:relative}
.navmenu{ display:none;}
.mobilemenu{ float:right; position:relative; margin:10px 0 0 0}
.mobilemenu label{ float:left; width:40px; height:35px; border:1px solid #fff; cursor:pointer; border-radius: 3px; position:relative;     cursor: pointer;}
.mobilemenu label span { float: left; width: 30px;  height: 1px;  background: #fff;  margin: 17px 0 0 4px;}
.mobilemenu label:after{ content:""; position:absolute; left:4px; top:9px; background:#fff; width:30px; height:1px;}
.mobilemenu label:before{ content:""; position:absolute; left:4px; bottom:8px; background:#fff; width:30px; height:1px;}
.coverpap:before{ background-position: -110px top;}
.coverpap::after{ background-position: -110px bottom;}
.loopsimg li{ width:32%; margin-right:2%; }
.loopsimg li.soc3{ margin:0px}
.loopsimg li.soc2{ margin-left:0px}
.loopsimg li img{ max-width:100%; height:auto}
.ptdiv hgroup{  width: 630px; padding-top: 0px;}
.ptdiv hgroup p{ font-size:16px; line-height:20px;}
.ptdiv2 hgroup{  width: 680px; padding-top: 0px;}
.ptdiv2 hgroup p{ font-size:16px; line-height:20px;}

.ptdiv3 hgroup{  width: 680px; padding-top: 0px;}
.ptdiv3 hgroup p{ font-size:16px; line-height:20px;}

.allcelab ul li{ width:32%; margin-right:2%;}
.allcelab2 ul li{ width:32%; margin-right:2%;}
.allcelab3 ul li{ width:32%; margin-right:2%;}

.allcelab ul li label{ height:232px; overflow:hidden}
.allcelab2 ul li label{ height:232px; overflow:hidden}
.allcelab3 ul li label{ height:232px; overflow:hidden}
.allcelab ul li{ height:auto;}
.allcelab2 ul li{ height:auto}
.allcelab3 ul li{ height:auto}
.homebanner aside{ top:190px;}
	.home .homebanner aside{ top:190px;}
.allcelab ul li a{ padding-bottom:15px;}
.allcelab2 ul li a{ padding-bottom:15px;}
.allcelab3 ul li a{ padding-bottom:15px;}
.passiondiv{ background-size:cover;}
.homebanner h2{ font-size:50px; line-height:50px;}
.homebanner .pt h2 span{ font-size:50px;}
.homebanner h2 span{ font-size:50px;}
.homebanner h2::before{ top:29px;}
.homebanner aside{ top:160px;}
	.home .homebanner aside{ top:160px;}
.loopteam li{ width:228px;}
.teamdivs label{ width:48%;}
.teamdivs label img{ max-width:100%; height:auto}
.teamdivs aside{ width:50%; height:464px;}
.loopteam li hgroup h5{ font-size:14px;}
.loopteam li hgroup h6{ font-size:14px;}
.loopteam li{ height:260px;}
.leftapproach{ float:left; width:48%}
.rightapproach{ padding:150px 0 0 0; width:48%;}
.leftbox{ width:48%; min-height:300px}
.rightbox{ width:48%; min-height:300px;}
.allclbd li{ width:32%; margin:0 2% 0 0}
.allclbd li img{ max-width:100%; height:auto}

.loopdiv_left{ width:48%}
.loopbrand li{ width:32%; margin:0 2% 0 0}
.loopbrand li img{ max-width:100%; height:auto}

.servicesdiv ul li{ min-height:250px;}
.movediv ul li label{ width:46%; text-align:center; padding-left:10px; padding-right:10px;}
.movediv ul li aside{ width:46%}
.movediv ul li.rights2 aside{ width:47%}
.movediv ul:after{ left:476px;}
.movediv ul:before{ left:473px;}
.movediv ul li section{ font-size:22px; width:44px; height:44px; left:456px; }
.movediv ul li h3{ font-size:23px;}
/*.movediv ul:before{ left:49.6%}
.movediv ul:after{ left:50%}
.movediv ul li label img{ float:none}
.movediv ul li.rights2 label{ float:none}*/
.pt-fashion ul li{ width:32%; margin: 0 1% 10px 0!important }
.pt-fashion ul li img{ max-width:100%; height:auto;}
.pt-fashion h4{ margin-top:5px;}
/*.lpdiv{ width:32%; margin-right:2%}*/
.lpdiv{ width:48%; margin-right:2%}
.lpdiv iframe, .lpdiv object{ width:100%;}
#musicdv .pictab ul li{ margin: 0 20px!important;}
.picloop{ width:32%; margin-right:2%; height:218px;}
.picloop iframe, .picloop object{ width:100%; height:100%}
.lparea{ width:49%;}
.lparea label{ height:auto}
.lparea h5{ font-size:18px;}
.lparea ol li img{ max-width:27px; height:auto}
.lparea{ padding-bottom:60px;}

.clcontleft{ width:48%; padding:20px;}
.clcontleft input[type="text"], .clcontleft input[type="email"], .clcontleft textarea, .clcontleft input[type="tel"]{ width:100%;}
.clcontright{ width:48%; padding-left:20px; padding-right:20px;}

.ptloops label{ width:40%; height:340px; margin-bottom:20px;}
.ptloops label iframe, .ptloops label object{ width:100%; height:100%;}
.ptloops aside{ margin-left:20px;}
.ptloops.pls2 label{ width:40%;}
.celabTabbing{ display:none}
.according{ display:block}
.celabcontent{ display:none}
.axd1{ width:40%;}
.axd2{ width:59%; padding:10px 0 0 22px; height:169px;}
.axd2 ol li{ width:31%; margin:0 1% 0 0}
.axd2 h4{ font-size:16px; padding-bottom:6px;}
.axd2 h3{ font-size:18px;}
.cellabout{ padding-bottom:20px;}
.hummingdiv a{ max-width:40%}
.hummingdiv a.manwid{ max-width:100%;}
.hummingdiv hgroup{ width:58%}
.hummingdiv2 ul li{ width:24%; margin: 0 0.5%}
.lostdv1 hgroup{ width:58%}
.lostdv1 img{ width:40%}
.loopcelab{ width:49%}
.loopcelab aside{ width:276px; padding-top:15px;}
.loopcelab aside p{ line-height:20px;}
.loopcelab aside p{ padding-bottom:5px;}
.loopcelab h3{ padding:0px; font-size:14px;}
.loopcelab h4{ font-size:13px;}
.dancediv hgroup{ width:73%;}
.ebaydv{ width:40%;}
.ebaydv ul li{ height:auto; margin-bottom:10px;}
.inf_mar{ display:none}

.leftdv.fullhum hgroup{ width:48%;}
.leftdv.fullhum img{ max-width:48%;}
.loophum ol li{ margin:0px 0.5%; width:24%;}
.loophum ol li img{ max-width:100%; height:auto}

.lost_1{ padding:15px;}
.lost_1 hgroup{ width:48%;}
.lost_1 img{ max-width:48%;}
.lost_2 li{ margin:0 0.5%; width:24%;}
.fs1{ width:40%}
.fs3{ max-width:20%;}
.fs2{ margin:0 0 0 20px;}
.carousel_div2{ display:none}
.part1{ width:40%;}
.part2{ width:58%; padding:15px; }
.leftdv{ width:40%;}
.rightdv{ width:58%;}
.wediv{ width:100%; padding:15px;}
.wediv ol li{ width:32%; margin:0 1% 1% 0}
.wediv{ height:auto}

.box_on1{ width:49%;}
.box_on2{ width:49%; margin-right:0px;}
.box_on1 img{ max-width:170px; float:left}
.box_on1 aside{ padding: 30px 36px 0 0; width:280px; }
.strloop{ width:48%; height:268px;}
.strmid2 .strloop{ height:268px; }
.mobilemenu{ display:block; width:40px;}
.navmobile{ float:left; width:100%; background:#333; display:none; z-index:99999;}
.navmobile{ position:absolute; right:0px; top:40px; width:400px;}
.navmobile ul{ float:left; width:100%;}
.navmobile ul li{ float:left; width:100%; border-bottom:1px solid #444; width:100%;  position:relative}
.navmobile ul li a{ color:#fff;   float:left; width:100%; padding:10px 15px; cursor:pointer}
.navmobile ul li.downmenu svg{ position:absolute; right:10px; top:0px; width:44px; height:44px; float:left; }
.navmobile ul li.downmenu .moves svg{transform: rotate(-180deg);}
.navmobile ul li ul{ display:none}
.navmobile ul li ul{ margin:0px;}
}

@media (max-width:950px){
#myid1 .pls1, #myid1 .pls2 ,#myid1 .pls3 { display:none}
#myid2 .pls2, #myid2 .pls0 ,#myid2 .pls3{ display:none}
#myid3 .pls0, #myid3 .pls1 ,#myid3 .pls3{ display:none}
#myid4 .pls0, #myid4 .pls1 ,#myid4 .pls2{ display:none}

#myid4 .ptloops.pls3 label iframe
{
display: none !important;
}


#farmdiv{ display:block; padding-top:30px}
.techdesktop{ display:none}
.loadmore{ display:block}
.wrapper{ width:750px}
.homebanner h2{ font-size:40px; line-height:50px;}
.homebanner .pt h2 span{ font-size:40px;}
.homebanner h2 span{ font-size:40Spx;}
.homebanner h2:before{ top:23px}
.coverpap aside p{ font-size:20px; line-height:30px;}
.coverpap aside p br{ display:none}
.coverpap:before{ background-position: -212px top;}
.coverpap:after { background-position: -205px bottom;}
.ptdiv h2{ width:100%; text-align:center}
.ptdiv h2:before{ margin:auto; right:0px;}
.ptdiv hgroup{ width:100%; text-align:center; padding-bottom:20px;}
.ptdiv h2{ padding-bottom:10px;}
.allcelab ul li label{ height:180px; overflow:hidden}
.allcelab2 ul li label{ height:180px; overflow:hidden}
.allcelab3 ul li label{ height:180px; overflow:hidden}
.allcelab ul li p{ font-size:18px}
.allcelab2 ul li p{ font-size:18px}
.allcelab3 ul li p{ font-size:18px}

.ptdiv2 h2:before{ margin:auto; right:0px;}
.ptdiv2 hgroup{ width:100%; text-align:center; padding-bottom:20px;}
.ptdiv2 h2{ padding-bottom:10px;  width:100%; text-align:center}

.ptdiv3 h2:before{ margin:auto; right:0px;}
.ptdiv3 hgroup{ width:100%; text-align:center; padding-bottom:20px;}
.ptdiv3 h2{ padding-bottom:10px;  width:100%; text-align:center}
.passiondiv h2{ font-size:44px;}
	.home .homebanner aside{ top:130px;}
.homebanner aside{ top:130px;}
.missiondiv p{ padding:0px;}
.whatdiv ul li{ padding:0px 5px!important;}
.teamdivs label{ width:100%;}
.teamdivs label img{ width:100%; height:auto}
.teamdivs aside{ width:100%; height:auto}
.riham{ margin-top:10px;}
.loopteam li{ width:24%; margin:0.5%; padding:0%; height:auto}
.loopteam li hgroup{ position:inherit; float:left}
.loopteam li span{ height:204px; overflow:hidden}
.loopteam li hgroup{ padding:8px;}
.loopteam li hgroup h5{ font-size:12px; text-transform:capitalize}
.loopteam li hgroup h6{ font-size:12px;}
.loopteam li hgroup a{ margin: 0 0 0 5px;}
.loopteam li.greeens{ height:268px;}

.top_infmark aside img{ max-width:51%;}
.loopdiv_left.leftop{ padding-top:0px;}

.servicesdiv ul li{ min-height:300px;}

.movediv ul li label{ width:44%;}
.movediv ul li aside{ width:44%}
.movediv br{ display:none}
.movediv ul:after{ left:364px;}
.movediv ul:before {left: 361px;}
.movediv ul li section{ left:345px;}

.lpdiv{ width:48%; margin: 1%!important}

.picloop{ height:173px; margin-bottom:1%; margin-top:1%;}
.picloop iframe, .picloop object{ width:100%; height:100%}
.clcontright ul li{ font-size:16px; padding-left:53px;}
.clcontright ul li img{max-width:43px;}
.ptloops label{ width:100%; height:400px; margin-bottom:20px;}
.ptloops.pls2 label{ width:100%; margin-bottom:20px; height:auto}
.ptloops.pls2 label.wid img{ width:100%; height:auto}
.rightapproach{ width:100%; padding-top:40px; text-align:center}
.leftapproach{ width:100%; padding-top:20px;}
.leftbox{ min-height:inherit; width:100%; margin-bottom:20px;}
.divbox{ padding-top:10px;}
.rightbox{ width:100%; min-height:inherit}
.axd2 ol li{ width: 25%}
.axd2 h3{ font-size:16px;}
.axd2 h4{ font-size:14px;}
.axd2{ height:134px;}
.loopcelab{ width:100%; margin-bottom:10px;}
.loopcelab aside{ width:556px;}
.dancediv hgroup{ width:66%;}
.dancediv hgroup object, .dancediv hgroup iframe{ width:100%;}
.dancediv section{ width:100%; margin-bottom:15px; margin-top:10px;}
.ebaydv{ width:100%;}
.ebaydv ul li{ width:32%; margin:0px 1% 0 0;}
.ebaydv ul li img{ max-width:100%; height:auto}
.ebaydv2{ width:100%;}
.ebaydv2 hgroup{ width:533px; padding-right:20px;}

.fs1{ width:38%}
.fs3{ max-width:18%;}
.fs2{ width:40%}

.wedivstr h2{ font-size:25px; }
.box_on1{ width:100%; padding-bottom:50px; }
.box_on1 aside{ width:550px;}
.box_on2 { width:432px; float: none; margin:auto; clear: both;}
.wedivstr2 h2{ font-size:25px; }
.strmid h2{ font-size:25px}
.strloop{ height:207px}
.strmid2 .strloop{ height:207px}

.teamdivs aside{ padding-bottom:20px; position:relative;}
.teamdivs aside section{ height:249px; overflow-y:hidden;}
#scrollbar.heig{ height:100%;}

}

@media (max-width:750px){
	.smallconta{ padding-left:40px;}
.teamdivs aside section{ height:241px;}
.pttechdv h2{ font-size:26px;}
.centerdv br{ display:none}
#ptpicture{ display:block; padding-bottom:0px; padding-top:20px;}
#hideinmenu{ display:none}
.wrapper{ width:600px}
.homebanner h2{ font-size:25px; line-height:28px}
.homebanner .pt h2 span{ font-size:25px;}
.homebanner h2 span{ font-size:25px;}
.homebanner aside{ top:150px;}
	.home .homebanner aside{ top:150px;}
.homebanner h2:before { top: 16px;}
.coverpap:before {  background-position: -288px top;}
.coverpap aside{ padding:75px 84px 42px 84px}
.coverpap:after{ background-position: -205px bottom; border-bottom: 1px solid #2e2e2e;}
.coverpap h3{ z-index:4;}
.allcelab ul li label{ height:140px;}
.allcelab ul li p{ font-size:16px;}

.allcelab2 ul li label{ height:140px;}
.allcelab2 ul li p{ font-size:16px;}

.allcelab3 ul li label{ height:140px;}
.allcelab3 ul li p{ font-size:16px;}
.passiondiv h2{ font-size:35px;}
.footerdiv ul li{ float:left; margin:0px; width:33.3%; text-align:left}

.missiondiv{ padding:50px 0;}
.missiondiv p{ font-size:16px; line-height:25px;}
.whatdiv{ padding: 50px 0;}
.whatdiv ul li{ width:100%; margin:0px 0 15px 0; border:1px solid rgba(255,255,255, 0.1); padding:15px!important; border-radius:3px}
.teamdivs{ padding:50px 0;}
.teamdivs h2{ padding-bottom:20px;}
.loopteam li{ width:48%; margin:0.5% 1%;}
.loopteam li span{ height:234px;}
.loopteam li.greeens{ height:298px;}
.whatdiv_in h2{ font-size:23px;}
.whatdiv_in aside p br{ display:none}
.servicesdiv ul li{ width:100%;}
.whatdiv_in ul li {
    width: 100%;
    margin: 0px 0 15px 0;
    border: 1px solid rgba(255,255,255, 0.1);
    padding: 15px !important;
    border-radius: 3px;
}
.servicesdiv ul li{ min-height:inherit; padding-bottom:25px;}
.servicesdiv p br{ display: none}
.movediv ul:after {left: 289px;}
.movediv ul:before { left: 286px;}
.movediv ul li section { left: 269px;}
.movediv ul li label img{ max-width:280px;}
.movediv ul li label{ padding-top:120px;}
.callbtnmid{ width:100%; float:left}
.pt-fashion ul{ padding-bottom:20px;}
.pt-fashion{ padding-bottom:30px;}
.callbtn{ font-size:20px;}
.pcent{ padding:0px;}
.lpdiv{ width:100%; margin:0px;}
.lpdiv iframe, .lpdiv object{ width:100%;}

.picloop{ width:48%; margin:1%!important; height:205px;}
#musicdv .pictab ul{ padding:0px;}
.lparea h5{ font-size:15px;}
.lparea{ padding:0px; width:100%; margin:0px 0px 40px 0px;}
.lparea label{ height:auto;}
.lparea label img{ width:100%;}
.clcontleft{ width:100%; min-height:inherit;  margin-bottom:40px;}
.contactdiv{ padding-top:50px;}
.contactdiv h2{ padding-bottom:30px;}
.clcontright{ width:100%; min-height:inherit; padding-bottom:30px;}
.clcontright ul li{ margin-bottom:0px;}
.pttechdvtop ul li{ margin: 0 20px;}
.ptloops{ padding:35px 0;}
.ptloops aside{ margin-left:0px;}
.ptloops span{ padding-right:0px;}
.axd1{ width:100%;}
.cellabout li{ width:100%;}
.cellabout li img{ width:100%;}
.axd2{ height:auto; width:100%; padding-bottom:20px;}
.axd2 ol li{ width:32%;}
.hummingdiv a{ max-width:100%; width:100%; margin-bottom:10px;}
.hummingdiv a img{ width:100%;}
.hummingdiv hgroup{ width:100%;}
.hummingdiv2 ul li{ width:49%; min-height:360px;}
.lostdv1 img{ width:100%;}
.lostdv1 hgroup{ width:100%; padding-top:10px;}
.loopcelab aside{ width:409px;}
.dancediv a{ width:30%; float:left}
.dancediv a img{ max-width:100%; width:100%;}
.dancediv img{ width:30%;}
.dancediv section img{ width:100%;}
.dancediv section{ height:auto}
.ebaydv2 hgroup{ width:393px;}
.part1{ width:100%;}
.part2{ width:100%;}
.leftdv{ width:100%;}
.rightdv{ width:100%; padding-top:15px;}
.wediv ol li img{ margin:0px;}

.box_on1 aside{ width:420px; }
.strloop{ height:164px; width:49%; margin-bottom:2%;}
.strmid2 .strloop{ height:164px;}
	.home .homebanner aside{top:120px}
.homebanner aside{ top:120px;}
}

@media (max-width:600px){
	.ebaydv ul li{ width:100%!important; text-align: center}
	.loopsimg li{ width:100%!important}
	.loopsimg li iframe{ width:100%}
	.loophum ol li{ width:49%}
	.lost_2 li{ width:49%;}
.loopbrand li{ width:100%; margin:0 0 10px 0}
.loopbrand li img{ width:100%; height:auto}
.wrapper{ width:440px}
.bannerdown{ display:none}
.coverpap:before { background-position: -367px top;}
.coverpap aside{ padding:75px 20px 42px 20px }
.coverpap aside p {font-size: 18px;line-height: 26px;}
.coverpap h3{ bottom:-14px; font-size:16px}
.ptsoc h2{ font-size:26px;}
.ptsoc2 h2{ font-size:26px;}
.ptsoc3 h2{ font-size:26px;}
.top_infmark h2{ font-size:26px;}
.allcelab ul li label{ height:105px}
.allcelab2 ul li label{ height:105px}
.allcelab3 ul li label{ height:105px}
.ptdiv h2{ font-size:26px;}
.ptdiv2 h2{ font-size:26px;}
.ptdiv3 h2{ font-size:26px;}
.allcelab ul li p{ line-height:19px;}
.passiondiv h2{ font-size:26px;}
.passiondiv p{ font-size:16px; line-height:18px;}
.passiondiv{ padding:50px 0 56px 0}
.allcelab3{ padding:50px 0;}
.allcelab2{ padding:50px 0;}
.allcelab{ padding:50px 0;}
.missiondiv h2{ font-size:26px;}
.whatdiv h2{ font-size:26px;}
.teamdivs h2{ font-size:26px;}
.teamdivs h3{ font-size:20px;}
.teamdivs h4{ font-size:16px;}
.top_infmark aside img{ max-width:100%; height:auto}
.loopdiv_left.leftop{ padding:0px; width:100%; margin-top:20px;}
.loopbrand{ padding:0px;}
.top_infmark aside{ padding-bottom:20px;}
.selectrefdiv h2{ font-size:26px;}
.servicesdiv h2{ font-size:26px;}
.servicesdiv ul li h3{ font-size:20px;}
.movediv h2{ font-size:26px;}
.movediv ul:before{ display: none}
.movediv ul:after{ display: none}
.movediv ul li label{ width:100%; padding:0px;}
.movediv ul li aside{ width:100%; text-align:center}
.movediv ul li label{ text-align:center}
.movediv ul li label img{ float:none}
.movediv ul li.rights2 label img{ float:none}
.movediv ul li.rights2 aside{ width:100%; text-align:center}
.movediv ul li section{ top:-320px; left:320px;}
.movediv .hgroup_2{ padding:0px;}
.movediv ul li section { top: 93px; left: 38px; bottom: inherit;}
.movediv{ padding-bottom:0px; padding-top:50px;}
.whatdiv_in{ padding: 50px 0;}
.pt-fashion h4{ font-size:16px;}
.pt-fashion h2{ font-size:23px;}

.picloop{ width:100%; margin:1% 0!important; height:auto;}
#musicdv .pictab ul li{ font-size:14px; margin: 0 5px!important;}
.picloop img{ width:100%; height:auto}
.picloop iframe, .picloop object{ height:300px;}
.pcent br{ display:none}
.botpop label{ margin:0px;}
.botpop label.movebot{ width:100%; padding:0px; margin:20px 0px 0px 0px;}
.contactdiv h2{ font-size:23px;}
.clcontright{ padding-top:20px;}
.clcontright h3{ padding-bottom:7px; margin-bottom:15px;}
.pttechdvtop ul li a{ font-size:16px;}
.pttechdvtop ul li{ margin: 0 10px;}
.ptloops span{ max-width:142px;}
.ptloops aside{ width:290px;}
.ptloops label{ height:340px;}
.apporachdiv h3 br{ display:none}
.allclbd{ padding-bottom:30px;}
.apporachdiv h2{ font-size:23px;}
.movediv ul li h3{ font-size:18px;}

.loopcelab{ width: 100%; text-align:center; margin:40px 0 0 0}
.loopcelab label{ width:100%; text-align:center}
.loopcelab aside{ margin:-44px 0 0 0; width:100%; padding:15px; height:inherit; text-align:left}
.lostdv1{ margin-bottom:10px;}
.lostdv1 hgroup p {font-size: 16px;line-height: 23px;}
.ebaydv2{ text-align:center}
.ebaydv2 img{ float:none; position:inherit}
.ebaydv2 hgroup{ width:100%; border: 1px solid #53d2b9; margin:-20px 0 0 0; text-align:left; padding:15px; height:inherit; font-size:16px; line-height:20px;}
.ebaydv2 hgroup p{ font-size:16px; line-height:20px;}

.leftdv.fullhum hgroup{ width:100%;}
.leftdv.fullhum img{ max-width:100%; margin-bottom:20px;}
.lost_1 img{max-width:100%;}
.lost_1 hgroup{ width:100%; min-height:inherit; height:auto; padding-bottom:15px; padding-top:15px;}
.lost_1 hgroup p br{ display:none}
.fs1{ width:100%; margin-bottom:15px; }
.fs2 h3{ font-size:20px}
.fs2{ width:58%;}
.fs3{ max-width:33%;}

.box_on1{ text-align:center}
.box_on1 img{ float:none}
.box_on1 aside{ text-align:left}
.box_on1 h3{ font-size:20px;}
.box_on1 aside{ padding-right:0px; width:100%; padding-top:20px;}
.box_on2{ width:80%;}
.cl1{ max-width:200px; }
.cl2{ max-width:200px;}
.strloop{ height:125px;}
.strmid2 .strloop{ height:125px; }
.headerCntr{ position:inherit}
	.home .homebanner aside{top:60px}
.homebanner aside{ top:60px;}
#musicdv .pictab ul li:after{ display:none}
}
@media (max-width:440px){
	.celabtop{ font-size:15px;}
.wrapper{ width:100%; padding: 0 20px;}
.rightsocial{ right:80px;}
.coverpap:after{ display:none}
.coverpap:before{ display:none}
.headerCntr{ position:inherit}
.rightsocial { right: 20px;top: -14px;}
.mobilemenu{ margin-top:30px;}
.homebanner h2:before{ display: none}
.homebanner aside { top: 55px; left: 20px;}
.loopsimg li{ width:100%; margin:0px 0 15px 0!important}
.loopsimg li img{ width:100%; height:auto}
.ptsoc h2 ul li a{ height:35px; width:35px;}
.ptsoc{ padding:50px 0;}
.allcelab ul li{ width:100%;  margin:0px 0 15px 0!important}
.allcelab2 ul li{ width:100%;  margin:0px 0 15px 0!important}
.allcelab3 ul li{ width:100%;  margin:0px 0 15px 0!important}
.allcelab ul li label{ height:auto}
.allcelab2 ul li label{ height:auto}
.allcelab3 ul li label{ height:auto}
.footerdiv ul li{ width:50%}
.footerdiv ul{ padding:20px 0;}
.footerdiv hgroup{ padding: 20px 0;}
.homebanner h2{ font-size:20px; line-height:25px;}
.homebanner .pt h2 span{ font-size:20px;}
.homebanner h2 span{ font-size:25px;}
.ptsoc h2{ width:100%; text-align:center}
.ptsoc h2 ul{ width:100%;}
.ptsoc h2:before{ margin:auto; right:0px;}
.ptsoc h2 ul { margin: 10px auto auto auto; display: block; width: 184px;clear: both; float: none;}
.passiondiv h2{ font-size:20px; padding-bottom:10px;}
.aboutdv section{ width:100%; margin:0px; padding:0 20px;}
.coverpap h3{ position:inherit; padding-bottom:15px;}
.loopteam li{ width:98%; margin:0 1% 15px 1%}
.loopteam li span{ height:auto}
.loopteam li hgroup a{ margin:0 0 0 8px;}
.loopteam li.greeens{ height:auto}
.coverpap hgroup{ position:inherit; top:inherit; padding-top:20px;}
.coverpap aside{ padding-top:20px;}
.coverpap{ border: 1px solid #2e2e2e!important}
.pt-fashion ul li{ width:100%; margin:0 0 0 0;}
.pt-fashion ul li img{ width:100%;}
.callbtn{ font-size:16px;}
.pcent{ padding:0px; margin:0px;}
.pcent br{ display:none}
.pt-fashion h4.hgreen{ font-size:18px;}
.ptloops label{ height:300px;}
.ptloops aside{ width:58%;}
.ptloops span{ max-width:37%}
.ptloops aside{ margin-top:0px}
.hummingdiv2 ul li{ min-height:310px}
.hummingdiv2 ul li h4{ font-size:14px; line-height:20px;}
.hummingdiv2 ul li h3 a{ font-size:16px;}
.hummingdiv2 ul li a{ float:left; width:100%;}
.dancediv a{ max-width:100%; width:100%; height:auto; text-align:center}
.dancediv a img{ width:auto; float:none}
.dancediv hgroup{ width:100%;}
.dancediv img{ width:auto; float:none}
.dancediv{ text-align:center}
.dancediv hgroup{ text-align:left}
.part2 hgroup img.imgman{ width:100%; margin:0px;}
.part2 hgroup img{ width:100%;}
.part2 hgroup p span{ display:block}
.wediv h4{ font-size:16px;}
.wediv ol li{ height:inherit}
.innerpages h2{ font-size:23px}
.wedivstr h2{ font-size:20px; padding-bottom:20px;}
.cl2{ max-width: 180px;}
.cl1{ max-width: 180px;}
.wedivstr2 h2{ font-size:20px; padding-bottom:20px;}
.strmid h2{ font-size:20px; padding-bottom:20px;}
.strloop{ width:100%; margin:0 0 5px 0!important; height:auto}
.strmid2 .strloop{ width:100%; margin:0 0 5px 0!important; height:auto}
.coverpap{ margin-top:35px; padding-bottom:20px; margin-bottom:30px;}
.coverpap aside{ padding:15px; font-size:16px;}
.navmobile{ width:280px;}
.allclbd li{ width:100%; margin:0 0 15px 0}
.allclbd li img{ width:100%; height:auto}
}

@media (max-width:390px){
	.smallconta{ padding-left:0px;}
	.home .homebanner aside{top:30px}
.homebanner aside{ top:30px;}
.pttechdvtop ul li a{ font-size:14px;}
.ptloops aside h3{ font-size:18px;}
.hummingdiv2 ul li{ min-height:262px}
}
.screen-reader-text {
   position: unset !important; 
   
}
.element.element_1.excerpt {
    color: #000;
}
.single-post .single-page-class
{
	position: relative;
    top: 125px;
} 
.single-post time.entry-date.published:hover {
    color: #fff; !important;

}
.single-post .updated:hover
{
	 color: #fff; !important;
}
.single-post .author.vcard a
{
	color: #fff; !important;
	font-size: 12px;
}
.post-grid .grid-items {
    margin: 0 auto;
    overflow: hidden;
     text-align: unset !important; 
}
.single-post .entry-title, .page .entry-title {
   
    font-size: 26px !important;
}
.single-post time.entry-date.published {
    color: #fff;
    font-size: 12px;
}
.single-post .updated,.single-post .byline
{
	 color: #fff; !important;
	  font-size: 12px;
}
.single-post p.logged-in-as a {
    color: #fff !important;
}
.single-post p.comment-form-comment label {
    color: #fff !important;
}
.single-post .entry-content a {
    color: #fff !important;
}
#post-grid-657 a.element.element_2.read_more {
    background-color: #1abb9b;
    border: none;
    color: black;
    /*padding: 15px 32px;*/
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    font-size: 16px;
}
#post-grid-657 .element_0 {
   
    line-height: 25px !important;
   
}
form#commentform label {
    color: white !important;
}
.single-post .footerdiv
{
	    position: relative;
    top: 125px;
}
.single-post .widget-area
{
	  position: relative;
    top: 125px;
}
.single-post #recent-posts-2 h2.widget-title {
    font-size: 16px;
    color: #fff;
}
.single-post #recent-posts-2 ul li a {
    font-size: 12px;
    color: white !important;
}
@media (min-width: 481px) and (max-width: 767px) {
.page-id-650 .fullban
{
  height: 0px !important;
}  
.single-post .single-page-class {
    position: relative;
    top: 50px;
}
}

@media (min-width: 320px) and (max-width: 480px) {
  .page-id-650 .fullban
{
  height: 0px !important;
}  
.single-post .single-page-class {
    position: relative;
    top: 50px;
}
 
}

ul.social-media-list img {
    padding: 5px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
}
ul.social-media-list {
    list-style-type: none;
    margin: 0;
    padding: 10px;
    }
ul.social-media-list li {
    display: inline-block;
    margin-right: 24px;
}
.wrap {
    
    max-width: 100% !important;
  
}
span.button-count {
    display: none !important;
}
.entry-footer .tags-links a
{
color: white !important;
    font-size: 12px !important;

}
.single-post .screen-reader-text
{
	 font-size: 12px !important;
	 color: white !important;
	 padding-right: 10px;
}
.single-post span.nav-title {
    color: white !important;
}
.single-post span.nav-subtitle {
    color: white;
}
.single-post .post-thumbnail {
    text-align: center;
}
/*.addtoany_content_top,.addshare
{
	display: inline-block;
}*/
.single-post .addtoany_content {
    clear: both;
    margin: 16px 0;
    position: absolute;
    top: -60px;
    left: 60px;
}
.single-post .addshare {
    display:none;
    margin-top: 10px;
}
.single-post #entry-contentid
{
	position: relative;
}
a.skip-link.screen-reader-text
{
	display: none !important;
} 
.monday.ptloops.pls3 iframe
{
display: none !important;
}
/*for desktop pt-events start*/
.loopvideo {
    display: flex;
    justify-content: center;
} 
/*for desktop pt-events end*/

/*for video start css pt-eventrs*/
@media screen and (max-width: 1024px) {
/*1024*/
.loopvideo {
    display: unset;
    justify-content: center;
}
.lpdiv label iframe {
    height: 270px !important;
}
}
@media screen and (max-width: 768px) {
/*768*/
.lpdiv label iframe {
    height: 220px !important;
}
}
@media screen and (max-width: 576px) {
/*576*/
.lpdiv label iframe {
    height: 210px !important;
}
.lpdiv {
    height: auto;
}
}

/*for video end css pt-events



/* NFTainment Page*/
.top_infmark.abtNft1{ background:#000;}
.nftbanner h2{font-family: 'Conv_Poppins-Bold';}
.abtNftSc1{ width:100%; float:left; padding:0 0 40px;}
.abtNtrw{ width:100%; float:left; display:flex; padding:40px 0;}
.abtNtrw:nth-child(2n){ flex-direction:row-reverse;}
.abtNtrw .img{min-width: 540px; margin-left:50px;}
.abtNtrw:nth-child(2n) .img{ margin-left:0; margin-right:50px;}
.abtNtrw img{ display:block;}
.abtNtrw p{ margin:0 0 25px;}

.top_infmark.abtNft2{ background:#0b0b0b; padding:80px 0 60px;}
.weDo{ text-align:center;}
.weDo p{ margin:15px 0 0;}
.weDoSctn{ width:100%; float:left; display:flex; flex-wrap:wrap; padding:30px 0 0;}
.weDoSctn .wedoCol{ width:50%; padding:25px; position:relative; padding-left:165px;}
.weDoSctn .wedoCol img{ position:absolute; top:25px; left:25px;}
.weDoSctn h3{ font-size:24px; line-height:30px; color:#fff;font-family: 'Conv_Poppins-Medium'; margin:0 0 15px;}
.weDoSctn ul{ margin:0; padding:0; list-style:none;}
.weDoSctn ul li{ width:100%; display:inline-block; padding-left:30px; font-size:15px; line-height:24px; margin:0 0 5px; background-image:url(assets/images/arw1.png); background-repeat:no-repeat; background-position:0px 6px;}
.weDoSctn .srvc2 ul li{ background-image:url(assets/images/arw2.png);}
.weDoSctn .srvc3 ul li{ background-image:url(assets/images/arw3.png);}
.weDoSctn .srvc4 ul li{ background-image:url(assets/images/arw4.png);}

.top_infmark.abtNft3{ background:#000; padding:80px 0 70px; text-align:center;}


.teamRow{ width:100%; float:left; margin:40px 0 0; display:flex; flex-wrap:wrap;}
.teamRow .teamCol{ width:20%; padding:10px;}
.teamCol a{ display:block; color:#fff; font-size:17px;font-family: 'Conv_Poppins-Semibold';}
.teamCol img{ width:100%; display:block; margin:0 0 15px;}
.teamCol a:hover{ color:#1abb9b}

.top_infmark.abtNft4{ background:#0b0b0b; padding:80px 0; text-align:center;}

.wrkSctn{ width:100%; float:left; margin:20px 0 0; display:flex; flex-wrap:wrap;}
.wrkSctn .wrkCol{ width:calc(50% - 32px); margin:16px; padding:15px; background:#000; display:flex; align-items:center; justify-content:center; border:1px solid #393939; border-radius:12px;}
.wrkSctn img{ display:block; margin:0 auto;}




/* NFTainment Page*/



@media(max-width:1200px){
.abtNtrw .img {min-width: 40%;margin-left: 35px;}	
.abtNtrw:nth-child(2n) .img {margin-right: 35px;}
.weDo br{ display:none;}
.allcelab ul.nfcol4 li{ width:calc(50% - 14px)!important; margin:7px!important;}
.allcelab ul.nfcol4{ padding-top:20px}
}

@media(max-width:979px){
.weDoSctn .wedoCol {width: 100%;}
.teamCol a{ font-size:16px;}
	
}

@media(max-width:767px){
.top_infmark {padding: 70px 0 0 0;}	
.abtNtrw .img{ width:100%; min-width:100%; margin:0!important;}
.abtNtrw {padding: 30px 0;flex-wrap: wrap;text-align: center;}
p {font-size: 15px;line-height: 26px;}
.weDoSctn .wedoCol {padding: 20px;padding-left: 100px;padding-right: 0;}
.weDoSctn h3 {font-size: 20px;line-height: 26px;margin: 0 0 10px;}
.weDoSctn .wedoCol img {top: 20px;left: 0;max-width: 80px;}
.teamRow .teamCol {width: 50%;}
.teamRow {justify-content: center;}
.wrkSctn .wrkCol {width: 100%;margin: 10px 0;padding: 20px;}
.wrkSctn {margin: 20px 0 0;}

.top_infmark.abtNft4 {padding: 60px 0 50px;}
.top_infmark.abtNft3{padding: 60px 0 40px;}
.top_infmark.abtNft2{padding: 60px 0 30px;}
.abtNftSc1 {padding: 0 0 20px;}
	.allcelab ul.nfcol4{ width:100%; margin:0;}
.allcelab ul.nfcol4 li{ width:100%!important; margin:7px 0!important;}


}
@media(max-width:479px){
.teamRow .teamCol {width: 100%;}
.weDoSctn .wedoCol {padding-left: 0;padding-right: 0;}
.weDoSctn .wedoCol img{ display:block; margin:0 auto 10px; position:static;}
.weDoSctn .wedoCol h3{ text-align:center;}

}