/*
	Theme Name: Tesseract
	
	Author: Tesseract Theme
	Description: Tesseract is a beautiful theme from the fourth dimension. Tesseract makes it easy to create a website that you are proud to show off to the world. It is responsive, has simple and useful navigation, an amazing featured image with buttons and is simple to use.
	Version: 2.5.4
	License: GNU General Public License v2 or later
	Text Domain: tesseract
	Tags: responsive-layout, custom-background, custom-header, custom-menu, editor-style, one-column, two-columns, featured-images, full-width-template, left-sidebar, threaded-comments, translation-ready, microformats, dark, white, light
	
	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
-------------------------------------------------------------- */

/*
    01. CSS Reset (Normalize)
    02. Theme Base
    03. Clearfix
    04. Global margins and paddings
    05. Text-level semantics
    06. Headings
    07. Forms
    08. Buttons
    09. Tables
    10. Links
    11. Header area
    12. Layout
    13. Menus
    14. Icons (separate folder)
    15. Accessibility
    16. Embedded content
    17. WordPress core styles
    18. Widgets
    19. Content
    20. Asides
    21. Comments
    22. Infinite scroll (Jetpack plugin)
    23. Footer
    24. Plugins
    25. Responsive design
    26. Print styles
*/


/* =01. normalize.css v3.0.1
-------------------------------------------------------------- */

/**
	* 1. Set default font family to sans-serif.
	* 2. Prevent iOS text size adjust after orientation change, without disabling
	*    user zoom.
*/

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
}

/**
	* Remove default margin.
*/

body { margin: 0; }
#page { position: relative; }


/* =HTML5 display definitions
-------------------------------------------------------------- */

/**
	* Correct `block` display not defined for any HTML5 element in IE 8/9.
	* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
	* Correct `block` display not defined for `main` in IE 11.
*/

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

/**
	* 1. Correct `inline-block` display not defined in IE 8/9.
	* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
	* Prevent modern browsers from displaying `audio` without controls.
	* Remove excess height in iOS 5 devices.
*/

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

/**
	* Address `[hidden]` styling not present in IE 8/9/10.
	* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/

[hidden],
template {
    display: none;
}

/* =Links
-------------------------------------------------------------- */

/**
	* Remove the gray background color from active links in IE 10.
*/

a {
    background: transparent;
}

/**
	* Improve readability when focused and also mouse hovered in all browsers.
*/

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


/* =Text-level semantics
-------------------------------------------------------------- */

/**
	* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
    border-bottom: 1px dotted;
}

/**
	* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
    font-weight: bold;
}

/**
	* Address styling not present in Safari and Chrome.
*/

dfn {
    font-style: italic;
}

/**
	* Address variable `h1` font-size and margin within `section` and `article`
	* contexts in Firefox 4+, Safari, and Chrome.
*/

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

/**
	* Address styling not present in IE 8/9.
*/

mark {
    background: #ff0;
    color: #000;
}

/**
	* Address inconsistent and variable font size in all browsers.
*/

small {
    font-size: 80%;
}

/**
	* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =Embedded content
-------------------------------------------------------------- */

/**
	* Remove border when inside `a` element in IE 8/9/10.
*/

img {
    border: 0;
}

/**
	* Correct overflow not hidden in IE 9/10/11.
*/

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

/* =Grouping content
-------------------------------------------------------------- */

/**
	* Address margin not present in IE 8/9 and Safari.
*/

figure {
    margin: 1em 40px;
}

/**
	* Address differences between Firefox and other browsers.
*/

hr {
    box-sizing: content-box;
    height: 0;
}

/**
	* Contain overflow in all browsers.
*/

pre {
    overflow: auto;
}

/**
	* Address odd `em`-unit font size rendering in all browsers.
*/

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

/* =Forms
-------------------------------------------------------------- */

/**
	* Known limitation: by default, Chrome and Safari on OS X allow very limited
	* styling of `select`, unless a `border` property is set.
*/

/**
	* 1. Correct color not being inherited.
	*    Known issue: affects color of disabled elements.
	* 2. Correct font properties not being inherited.
	* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
	* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
    overflow: visible;
}

/**
	* Address inconsistent `text-transform` inheritance for `button` and `select`.
	* All other form control elements do not inherit `text-transform` values.
	* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
	* Correct `select` style inheritance in Firefox.
*/

button,
select {
    text-transform: none;
}

/**
	* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
	*    and `video` controls.
	* 2. Correct inability to style clickable `input` types in iOS.
*/

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 1 */
    cursor: pointer; /* 2 */
}

/**
	* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
	* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
	* Address Firefox 4+ setting `line-height` on `input` using `!important` in
	* the UA stylesheet.
*/

input {
    line-height: normal;
}

/**
	* It's recommended that you don't attempt to style these elements.
	* Firefox's implementation doesn't respect box-sizing, padding, or width.
	*
	* 1. Address box sizing set to `content-box` in IE 8/9/10.
	* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
	* Fix the cursor style for Chrome's increment/decrement buttons. For certain
	* `font-size` values of the `input`, it causes the cursor style of the
	* decrement button to change from `default` to `text`.
*/

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

/**
	* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
	* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
	*    (include `-moz` to future-proof).
*/

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

.entry-content input[type=text],
.entry-content input[type=email],
.entry-content input[type=tel],
.entry-content input[type=password],
.entry-content input[type=date],
.entry-content input[type=datetime-local],
.entry-content input[type=file],
.entry-content input[type=reset],
.entry-content input[type=search],
.entry-content input[type=url] {
    width: 60%;
}

.entry-content input[type=month],
.entry-content input[type=week],
.entry-content input[type=time] {
    width: 30%;
}

.entry-content textarea {
    width: 100%;
}

.entry-content select {
    width: calc( 60% - 20px );
}

#content form span { width: 100%; }

/**
	* Define consistent border, margin, and padding.
*/

fieldset {
    border: 1px solid rgba(0, 0, 0 ,0.1);
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
	* 1. Correct `color` not being inherited in IE 8/9/10/11.
	* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
	* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
	overflow: auto;
}

/**
	* Don't inherit the `font-weight` (applied by a rule above).
	* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
    font-weight: bold;
}

/**
	* Remove most spacing between table cells.
*/

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

td,
th {
	padding: 0;
}

/**
	* CLEARFIX
	*
	* For modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	*    contenteditable attribute is included anywhere else in the document.
	*    Otherwise it causes space to appear at the top and bottom of elements
	*    that are clearfixed.
	* 2. The use of `table` rather than `block` is only necessary if using
	*    `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
	* For IE 6/7 only
	* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
    *zoom: 1;
}

/* =02. Theme base
-------------------------------------------------------------- */

/* Apply a natural box layout model to all elements */

*,
*:before,
*:after {
    box-sizing: border-box;
}

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    color: #757575;
    position: relative;
}

/* =03. Clearfix
-------------------------------------------------------------- */

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

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

/* =04. Global margins & paddings
-------------------------------------------------------------- */

ul,
ol,
pre,
table,
.gallery,
blockquote,
.wp-caption,
.entry-footer,
.footer-menu,
.page-links,
.page-content,
.entry-summary,
.entry-thumbnail,
.comments-title
.comment-respond,
.wp-caption-text,
.comment-reply-title,
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin-bottom: 35px;
}

.single .entry-content {
	margin-bottom: 0;
}

.single.fullwidth #primary {
	
    float: none;
	
    width: 100%;
	
}



.single.sidebar-right #primary {
	
    float: left;
	
}



.single.sidebar-right #secondary {
	
    float: right;
	
    padding: 0 0 0 60px;
	
}

ul ul,
ol ol {
    margin-bottom: 0;
}

.page-links,
.site-title,
.widget-area,
.page-content,
.entry-summary {
    margin-top: 45px;
}

.site-branding h1{
    font-size: 28px;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
    margin: 1em 0 3em;
}

p {
    margin-top: 0px;
    margin-bottom:0px;
}

p:last-item {
    margin-bottom: 20px;
}

.home .entry-footer,
.archive .entry-footer {
    padding-bottom: 0;
}

/* =05. Text-level semantics
-------------------------------------------------------------- */

cite {
    font-size: 1.1em;
    display: block;
}

blockquote cite {
    text-align: right;
    font-size: 17.6px;
    border-top: rgba(0, 0, 0, .1) solid 1px;
}

blockquote {
    border-bottom: 1px solid rgba(0, 0, 0 ,0.1);
    border-top: 1px solid rgba(0, 0, 0 ,0.1);
    font-family: 'Alegreya', Georgia, Time New Roman, serif;
    font-size: 36px;
    text-align: center;
    padding-bottom: 2px;
}

blockquote:before{
    content: '\201C';
    font-size: 72px;
    margin-top: -28px;
    float: left;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

blockquote p { padding: 0; }

/* =06. Headings
-------------------------------------------------------------- */











span{
    display:inline-block;
    zoom: 1; *display: inline;
}

.entry-title {
    margin: 17px 0 20px 0;
}

.comment-body {
    margin-bottom: 5px;
}

ol .children {
    padding-left: 100px;
}

.comment-author.vcard img {
    float: left;
    margin-bottom: 50px;
}

.comment-reply-title {
    text-align: center;
}

.comment-reply-title:after {
    content: '';
    display: block;
    height: 1px;
    margin: 10px auto;
    width: 50px;
}

.reply {
    margin-left: 80px;
}

.archive .entry-title {
    display: inline-block;
}

.tesseract-featured .entry-header {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.tesseract-featured .entry-title {
    color: #fff;
    font-size: 75px;
    position: relative;
    text-align: center;
    top: 35%;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
    z-index: 1;
}

/* =07. Forms
-------------------------------------------------------------- */

select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0 ,0.1);
    border-radius: 4px;
    color: #444;
    font-size: 12px;
    font-weight: 400;
    outline: none;
    padding: 10px;
}

select:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    background-color: #ededed;
    transition: all 0.1s ease-in-out;
}

select:disabled,
textarea:disabled,
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled {
    cursor: none;
}

/*
	* Reset style on iOS.
*/

textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"] {
    -webkit-appearance: none;
}


/* Reset height
* Must be after size modifiers */
textarea,
select[multiple],
select[size] {
	height: auto;
}

textarea {
    width: 100%;
}

.search-form .search-field {
    width: 150px;
}

.search-field.watermark {
    color: #ccc;
}

.search-form .search-submit {
    display: none;
}

/*
	* Placeholder
	* Higher specificity (!important) needed to override color in IE
	* (prefixfree.js does not include prefixes for placeholders)
*/
:-ms-input-placeholder {
	color: #9e9e9e !important;
}

::-moz-placeholder {
	color: #9e9e9e;
}

::-webkit-input-placeholder {
	color: #9e9e9e;
}

:disabled:-ms-input-placeholder {
	color: #9e9e9e !important;
}

:disabled::-moz-placeholder {
	color: #9e9e9e;
}

:disabled::-webkit-input-placeholder {
	color: #9e9e9e;
}

/*
	* Removes box-shadow for invalid controls in Firefox.
*/
:invalid {
	box-shadow: none;
}

label {
    margin-bottom: 5px;
}


/* =08. Buttons
-------------------------------------------------------------- */

button,
.button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    background: none;
    background-color: #199cd8;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
    outline: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    zoom: 1; *display: inline;
    box-shadow: none;
    text-shadow: none;
}

/*
	* Hover
	* 1. Apply hover style also to focus state
	* 2. Remove default focus style
	* 3. Required for 'a' elements
*/

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background: none;
    background-color: #070707;
    color: #fff;
}

/* Active */

button:active,
.button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
    background: none;
    background-color: #199cd8;
    box-shadow: none;
    text-shadow: none;
}

/* === Differnt Colors and Sizes Of Primary and Secondary Buttons  === */


/* Featured */

.cart-contents, .cart-contents span {
    background: none;
}

.cart-contents-counter {
	margin-left: 10px;
	font-size: 10px !important;
}

.icon-shopping-cart {
	position: absolute;
	top: 20px;
	font-size: 30px;
}

.primary-button,
.woocommerce a.button.primary-button,
.woocommerce-page a.button.primary-button {
    background-color: #199cd8;
}

.primary-button,
.secondary-button,
.woocommerce a.button.primary-button,
.woocommerce-page a.button.primary-button,
.woocommerce a.button.secondary-button,
.woocommerce-page a.button.secondary-button {
    color: #fff!important;
    vertical-align: baseline;
}

.primary-button:hover,
.woocommerce a.button.primary-button:hover,
.woocommerce-page a.button.primary-button:hover {
    background-color: #1581b2;
}

.secondary-button,
.woocommerce a.button.secondary-button,
.woocommerce-page a.button.secondary-button  {
    background-color: transparent;
    border: 1px solid #fff;
}

.secondary-button:hover,
.woocommerce a.button.secondary-button:hover,
.woocommerce-page a.button.secondary-button:hover {
    background-color: #199cd8;
}

.site-header .secondary-button,
.woocommerce .site-header a.button.secondary-button,
.woocommerce-page .site-header a.button.secondary-button { color: #fff; }

/*#header-button-container .secondary-button {
    color: #000;
    border-color: #000;
    }
	
	.secondary-button:hover,
	#header-button-container .secondary-button:hover {
    background-color: #fff;
    color: #199cd8;
    }
	
	#header-button-container .secondary-button:hover {
	border-color: #199cd8;
}*/


/* === Default Styles === */

.button,
.woocommerce a.button,
.woocommerce-page a.button {
    margin: 5px;
}

.button:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover {
    color: #fff!important;
}

/* === Default Color === */

/* === Brown  === */
.brown,
.woocommerce a.button.brown,
.woocommerce-page a.button.brown {
    background-color: #AB541A;
}

.brown:hover,
.woocommerce a.button.brown:hover,
.woocommerce-page a.button.brown:hover {
    background-color: #823A09;
}
.brown-outline,
.woocommerce a.button.brown-outline,
.woocommerce-page a.button.brown-outline {
    background-color: transparent;
    border: 1px solid #ab541a;
    color: #ab541a;
}
.brown-outline:hover,
.woocommerce a.button.brown-outline:hover,
.woocommerce-page a.button.brown-outline:hover {
    background-color: #fff;
    color: #823A09!important;
    border: 1px solid #823A09;
}
/* === Green  === */
.green,
.woocommerce a.button.green,
.woocommerce-page a.button.green {
    background-color: #49b70f;
}

.green:hover,
.woocommerce a.button.green:hover,
.woocommerce-page a.button.green:hover {
    background-color: #32770f;
}
.green-outline,
.woocommerce a.button.green-outline,
.woocommerce-page a.button.green-outline {
    background-color: transparent;
    border: 1px solid #49b70f;
    color: #49b70f;
}
.green-outline:hover,
.woocommerce a.button.green-outline:hover,
.woocommerce-page a.button.green-outline:hover {
    background-color: #fff;
    color: #32770f!important;
    border: 1px solid #32770f;
}
/* === Dark Blue  === */

.darkblue,
.woocommerce a.button.darkblue,
.woocommerce-page a.button.darkblue {
    background-color: #0f5289;
}

.darkblue:hover,
.woocommerce a.button.darkblue:hover,
.woocommerce-page a.button.darkblue:hover {
    background-color: #0c2b44;
}
.darkblue-outline,
.woocommerce a.button.darkblue-outline,
.woocommerce-page a.button.darkblue-outline {
    background-color: transparent;
    border: 1px solid #0f5289;
    color: #0f5289;
}
.darkblue-outline:hover,
.woocommerce a.button.darkblue-outline:hover,
.woocommerce-page a.button.darkblue-outline:hover {
    background-color: #fff;
    color: #0c2b44!important;
    border: 1px solid #0c2b44;
}
/* === red  === */
.red,
.woocommerce a.button.red,
.woocommerce-page a.button.red {
    background-color: #cd1212;
}
.red:hover,
.woocommerce a.button.red:hover,
.woocommerce-page a.button.red:hover {
    background-color: #a90e0e;
}
.red-outline,
.woocommerce a.button.red-outline,
.woocommerce-page a.button.red-outline {
    background-color: transparent;
    border: 1px solid #cd1212;
    color: #cd1212;
}
.red-outline:hover,
.woocommerce a.button.red-outline:hover,
.woocommerce-page a.button.red-outline:hover {
    background-color: #fff;
    color: #a90e0e!important;
    border: 1px solid #a90e0e;
}
/* === pink  === */

.pink,
.woocommerce a.button.pink,
.woocommerce-page a.button.pink {
    background-color: #ff1dfc;
}

.pink:hover,
.woocommerce a.button.pink:hover,
.woocommerce-page a.button.pink:hover {
    background-color: #d214cf;
}
.pink-outline,
.woocommerce a.button.pink-outline,
.woocommerce-page a.button.pink-outline {
    background-color: transparent;
    border: 1px solid #ff1dfc;
    color: #ff1dfc;
}
.pink-outline:hover,
.woocommerce a.button.pink-outline:hover,
.woocommerce-page a.button.pink-outline:hover {
    background-color: #fff;
    color: #d214cf!important;
    border: 1px solid #d214cf;
}
/* === Yellow  === */

.yellow,
.woocommerce a.button.yellow,
.woocommerce-page a.button.yellow {
    background-color: #F7CA18;
}

.yellow:hover,
.woocommerce a.button.yellow:hover,
.woocommerce-page a.button.yellow:hover {
    background-color: #f8b516;
}
.yellow-outline,
.woocommerce a.button.yellow-outline,
.woocommerce-page a.button.yellow-outline {
    background-color: transparent;
    border: 1px solid #F7CA18;
    color: #F7CA18;
}
.yellow-outline:hover,
.woocommerce a.button.yellow-outline:hover,
.woocommerce-page a.button.yellow-outline:hover {
    background-color: #fff;
    color: #f8b516!important;
    border: 1px solid #f8b516;
}

/* === Orange  === */

.orange,
.woocommerce a.button.orange,
.woocommerce-page a.button.orange {
    background-color: #E87E04;
}

.orange:hover,
.woocommerce a.button.orange:hover,
.woocommerce-page a.button.orange:hover {
    background-color: #ea7104;
}
.orange-outline,
.woocommerce a.button.orange-outline,
.woocommerce-page a.button.orange-outline {
    background-color: transparent;
    border: 1px solid #E87E04;
    color: #E87E04;
}
.orange-outline:hover,
.woocommerce a.button.orange-outline:hover,
.woocommerce-page a.button.orange-outline:hover {
    background-color: #fff;
    color: #ea7104!important;
    border: 1px solid #ea7104;
}

/* === Black  === */

.black,
.woocommerce a.button.black,
.woocommerce-page a.button.black {
    background-color: #000000;
}

.black:hover,
.woocommerce a.button.black:hover,
.woocommerce-page a.button.black:hover {
    background-color: #626262;
}
.black-outline,
.woocommerce a.button.black-outline,
.woocommerce-page a.button.black-outline {
    background-color: transparent;
    border: 1px solid #000000;
    color: #000000;
}
.black-outline:hover,
.woocommerce a.button.black-outline:hover,
.woocommerce-page a.button.black-outline:hover {
    background-color: #fff;
    color: #626262!important;
    border: 1px solid #626262;
}

/* === Default Size  === */

.button.darktext,
.button.darktext:hover,
.woocommerce .site-header a.button.darktext,
.woocommerce-page .site-header a.button.darktext,
.woocommerce .site-header a.button.darktext:hover,
.woocommerce-page .site-header a.button.darktext:hover  {
    color: #000000!important;
}

.button.darktext:hover,
.woocommerce .site-header a.button.darktext:hover,
.woocommerce-page .site-header a.button.darktext:hover {
    text-shadow: rgba(255, 255, 255, 0.15) 0 2px 2px;
}

.button.lighttext,
.button.lighttext:hover
.woocommerce .button.lighttext,
.woocommerce-page .button.lighttext,
.woocommerce .button.lighttext:hover,
.woocommerce-page .button.hover {
    color: #FFFFFF!important;
}


/* === Small Size  === */
.small,
.woocommerce .site-header a.button.small,
.woocommerce-page .site-header a.button.small {
    padding: 1px 20px;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 24px;
}

/* === Large Size  === */
.large,
.woocommerce .site-header a.button.large,
.woocommerce-page .site-header a.button.large {
    padding: 16px 40px;
    font-size: 16px;
    letter-spacing: 2px;
}

/* === End of buttons  === */

/* Disabled */

button:disabled,
.button:disabled,
.site-header .button:disabled,
.site-header button:disabled,
.woocommerce a.button:disabled,
.woocommerce-page a.button:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
    cursor: none;
}

/*
	* Vertical alignment
	* Exclude 'radio' and 'checkbox' elements because the default 'baseline' value aligns better with text
*/
button,
input:not([type="radio"]):not([type="checkbox"]),
select {
    vertical-align: middle;
}

/* New custom styles */

.no-bottom-space *,
.woocommerce a.button.no-bottom-space,
.woocommerce-page a.button.no-bottom-space {
    padding-bottom: 0px;
    margin-bottom:0px;
}

.top-rounded,
.woocommerce a.button.top-rounded,
.woocommerce-page a.button.top-rounded {
    border-radius: .3em .3em 0 0;
}

/* =09. Tables
-------------------------------------------------------------- */

table {
    width: 100%;
    border-collapse: collapse;
}

td,
th {
    padding: 4px 10px;
    text-align: left;
    border: #ddd solid 1px;
}

th {
    font-weight: 700;
    background: #fff;
}

/* =10. Links
-------------------------------------------------------------- */

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

a:hover {
    color: #adacac;
}

/*
	* Selection highlight
*/

::-moz-selection {
    background: #ecf8fe;
    color: #12719d;
    text-shadow: none;
}

::selection {
    background: #ecf8fe;
    color: #12719d;
    text-shadow: none;
}

/* =11. Header area
-------------------------------------------------------------- */

.site-header {
    width: 100%;
}

.site-branding.hide-header-text .site-title {
	display: none !important;
}

/* =12. Layout
-------------------------------------------------------------- */


.site-main {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}




.site-info,
.site-content,
#colophon > .menu,
#footer-banner {
    max-width: 100%;
}

.fl-builder .site-content {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.site-info,
.site-content,
#colophon > .menu,
#footer-banner {
    margin-left: auto;
    margin-right: auto;
}

@viewport{
	
	
}

/* =13. Menus
-------------------------------------------------------------- */

/* Small menu */
.menu-toggle,
.menu-toggle.dashicons {
    display: none;
}

/* Social menu */

.social-menu {
    background-color: #e8e8e8;
    text-align: center;
}

.social-menu ul {
    list-style: bold;
    margin: 0;
    padding: 0;
}

.social-menu ul a:before {
    display: block;
    font-family: "typicons";
    font-size: 36px;
    font-smoothing: antialiased;
    font-weight: 400;
    position: relative;
    text-align: center;
    text-decoration: bold;
    text-rendering: optimizeLegibility;
    vertical-align: text-bottom;
}

.social-menu ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.social-menu ul a {
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
}

.social-menu ul a:hover {
    color: #7b7b7b;
    text-decoration: none;
}

.social-menu ul:last-of-type {
    margin-right: 0;
}

.social-menu ul a[href*="facebook.com"]:before {
    content: "\e0e4";
}

.social-menu ul a[href*="twitter.com"]:before {
    content: "\e0f8";
}

.social-menu ul a[href*="dribbble.com"]:before {
    content: "\e0e2";
}

.social-menu ul a[href*="plus.google.com"]:before {
    content: "\e0ea";
}

.social-menu ul a[href*="pinterest.com"]:before {
    content: "\e0f2";
}

.social-menu ul a[href*="github.com"]:before {
    content: "\e0e8";
}

.social-menu ul a[href*="tumblr.com"]:before {
    content: "\e0f6";
}

.social-menu ul a[href*="youtube.com"]:before {
    content: "\e0fc";
}

.social-menu ul a[href*="flickr.com"]:before {
    content: "\e0e6";
}

.social-menu ul a[href*="vimeo.com"]:before {
    content: "\e0fa";
}

.social-menu ul a[href*="instagram.com"]:before {
    content: "\e0ec";
}

.social-menu ul a[href*="linkedin.com"]:before {
    content: "\e0f0";
}

.social-menu ul a[href*="/feed"]:before {
    content: "\e0db";
}

/* Content navigation */

.navigation {
    clear: both;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    text-align: left;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
}

/* =14. Icons
-------------------------------------------------------------- */

/* Reference only, see /css/typicons.css */

/* =15. Accessibility
-------------------------------------------------------------- */

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

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

/* =16. Embedded content
-------------------------------------------------------------- */

/*
	* Responsive media.
*/

img,
embed,
object,
video {
    height: auto;
    max-width: 100%;
}

/*
	* Google maps image fix.
*/

img[src*="maps.gstatic.com"],
img[src*="googleapis.com"] {
    max-width: none;
}

figure {
    margin: 0;
    padding: 0;
}

.entry-background {
    background-position: center;
    background-size: cover;
    height: 480px;
    left: 0;
    padding: 10px;
    width: 100%;
    margin-top: -60px;
    position: absolute;
    top: 51px;
}

.entry-background:before {
    background-color: #000;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    position: absolute;
    width: 100%;
    top: 0;
}

.entry-background-listing {
    width: 100%;
    height: 270px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.entry-post-thumbnail {
    width: 100%;
    margin-top: 28px;
}

.entry-post-thumbnail.below-title { margin: 20px auto; }
.entry-post-thumbnail.above-title { margin-bottom: 28px; }

.archive .entry-thumbnail {
    display: inline-block;
    float: right;
    margin: 18px 0 18px 18px;
    padding-top: 100px;
}

/* =17. WordPress core
-------------------------------------------------------------- */

.alignleft {
    display: inline;
    float: left;
    margin: 18px 18px 18px 0;
}

.alignright {
    display: inline;
    float: right;
    margin: 18px 0 18px 18px;
}

.aligncenter {
    display: block;
    margin: 18px auto 18px auto;
}

.wp-caption {
    max-width: 100%;
}

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

.wp-caption-text {
    color: #444;
    font-size: 12px;
    text-align: center;
}

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

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

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

.gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
    clear: left;
}

.gallery-caption {
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}

.gallery-caption:before {
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
    filter: alpha(opacity=100);
}

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

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

/* =18. Widgets
-------------------------------------------------------------- */

.widget-area a {
    color: #82888a;
    text-decoration: none;
}

/* === Template with Right Sidebar  === */
.content-area.left{
    float: left!important;
}
.widget-area.right{
    float: right!important;
}

.widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.col-50 {
    float: left;
    padding-right: 20px;
    width: 50%;
}

.col-50:last-of-type {
    padding-right: 0;
}

.widget ul {
    font-size: 16px;
    list-style: none;
    padding: 0;
}

.widget ol {
    list-style: inside;
    padding: 0;
}

.widget ul ul {
    padding-left: 20px;
}

/* Make sure select elements fit in widgets */

.widget select {
    max-width: 100%;
    margin-bottom: 25px;
}

/* =19. Content
-------------------------------------------------------------- */

.entry-content {
	
}

.headline-resize{
    width:100%;
}

.home .entry-content { border: none; }

.home .site-content {
    padding: 0;
}

.tesseract-featured .entry-content {
    margin-top: 480px;
}

.page .entry-content {
    border-bottom: none;
}

#primary .entry-footer span {
    padding-right: 5px;
    vertical-align: middle;
}

.sticky {
}

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

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

.entry-meta,
.entry-footer,
.logged-in-as {
    font-size: 13px;
    display: none;
}

.page-links {
    clear: both;
}

#primary {
    float: right;
    width: 100%;
}

#secondary {
    float: left;
    width: 100%;
    padding-right: 0px;
}

/*.single #primary,*/
.blog #primary,
.page-template-full-width-page #primary,
.page-template-full-width-page-php #primary,
.page-template-blog-php #primary,
.error404 #primary,
#primary.full-width-page { width: 100%; }

.page-template-page-rightsidebar #primary {
    float: left;
}

.page-template-page-rightsidebar #secondary {
    float: right;
    padding: 0 0 0 60px;
}

.home .content-area {
    width: 100%;
}

.post-edit-link {
    float: right;
}

.page-template-blog #content,
.blog #content {
    max-width: 100%;
}

.fl-builder.page-template-blog #content,
.fl-builder.blog #content {
    max-width: none;
}

.navigation.post-navigation{
    padding: 10px
}
.tesseract-featured .entry-content,
.tesseract-featured #secondary {
    margin-top: 480px
}

.page-template-blog-php article {
    border-bottom: 1px dotted rgb(190, 175, 175);
    padding-bottom: 30px;
}

.page-template-blog-php #primary article:last-of-type {
    border-bottom: none;
}

.page-template-blog-php #colophon {
    border-top: 1px solid #ddd;
}

h1.entry-title,
.blog .page-title {
    font-size: 35px;
    margin: 60px 0 30px;
    text-transform: capitalize;
}

.page h1.entry-title {
    margin-top: 42px;
}

.blog.home #primary article:first-of-type {
    padding-top: 40px;
}

span.posted-on{
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

.moretag{
    font-style: italic;
    text-align: right;
    clear: both;
}

.wpcf7-submit{
    float: right;
    clear: both;
    margin-bottom: 20px;
}

/* Background For Beaver Builder */
.Tess-White-Background{
    background-color:#FFFFFF;
}

/* Archives + Search */

.archive #primary article,
.search #primary article {
    padding: 25px 0 0 0;
}

.archive #primary .entry-content,
.search .entry-summary {
    padding-bottom: 20px;
}

.archive #primary article:last-child .entry-content {
    border-bottom: none;
}

.search .page-title,
.error404 .page-title {
    margin: 47px 0 0;
}

.archive .page-title { margin: 46px 0 10px; }

.archive-description {
    font-size: .85em;
    font-style: italic;
    line-height: 1.53;
    margin: 25px 0 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.archive-description p { padding-bottom: 17px; }
.archive-description > p:last-child { padding-bottom: 0; }

.search h1.entry-title {
    margin: 17px 0 20px 0;
    font-size: 21px;
}

.search .entry-summary {
    margin: 0;
    padding: 0;
}

.search .entry-footer {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
}

.search-results.fullwidth #primary {
    float: none;
    width: 100%;
}

.search-results.sidebar-right #primary {
    float: left;
}

.search-results.sidebar-right #secondary {
    float: right;
    padding: 0 0 0 60px;
}

/* =20. Asides
-------------------------------------------------------------- */

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

/* =21. Comments
-------------------------------------------------------------- */

.comment-notes {
    font-size: 12px;
    font-style: italic;
}

.comment-list {
    list-style: none;
    padding-left: 0;
}

.comment-body {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0 ,0.1);
    border-radius: 4px;
    padding: 15px;
}

.comment-list .children {
    list-style: none;
}

.comment-content {
    display: flex;
	
}

.comment-content p {
    margin-top: 3px;
	
}


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

.comments-area label {
    display: none;
}

.form-allowed-tags {
    font-size: 12px;
}

.form-submit {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0 ,0.1);
    border-top: none;
    margin: 0 0 0 0;
    padding: 10px 0px;
    text-align: right;
}

.comment-author .avatar {
    border-radius: 1px;
    display: block;
    float: left;
    margin-right: 30px;
}

.says {
    display: none;
}

.comment-body .fn {
    font-size: 16px;
    font-weight: 400;
}

.comment-body .fn a {
    font-weight: 400;
}

.comment-metadata {
    font-size: 14px;
}

#comment {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    resize: none;
}

.comment-form-comment {
    margin: 0;
    padding: 0;
}

.bypostauthor {}

.archive .cat-links,
.archive .tags-links,
.archive .comments-link {
    display: none;
}

textarea#comment{
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    height: 190px;
}

p.comment-form-comment {
    height: 190px;
    margin-bottom: 10px;
}

p.form-submit{
    background: #f9f9f9;
    border: 1px #f9f9f9;
}
#comments{
    padding: 10px;
    border-top: 1px solid rgba(178, 167, 167, 0.31);
    margin-bottom: 30px;
    margin-top: 30px;
}
article.comment-body{
    background: none!important;
    border:none;
    border-bottom: 1px solid rgba(0, 0, 0 ,0.1);
}
.comments-title{
    margin-left: 15px
}
.comment-author.vcard img{
    width: 50px
}

/* =22. Infinite scroll (Jetpack plugin)
-------------------------------------------------------------- */




/* =23. Footer
-------------------------------------------------------------- */

.site-footer {
    background-color: #fff;
    color: #afafaf;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.site-footer a {
    color: #afafaf;
}

.site-info {
    padding: 10px 0;
    margin-top: 10px;
    border-top: #eee solid 1px;
}

#colophon ul {
    list-style-type: none;
    padding-left: 0;
    list-style-position: inside;
}

#sidebar-footer {
    text-align: left;
    word-spacing: -0.29em;
}

#footer-button-container {
	line-height: 120%;
}


/* =24. Plugins
-------------------------------------------------------------- */

/*== Fixes for sitebuilder no padding on image ==*/

.no-padding-bottom p, .no-padding-bottom img {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* BEAVER BUILDER */
.fl-row-full-width .fl-col-group {
    max-width: 100%;
    padding:
}

.zero-opacity-header .fl-row {
    margin-top: -1px;
}

/* CONTACT FORM 7 */
.wpcf7-form-control-wrap { width: 100%; }

/* =25. Responsive design
-------------------------------------------------------------- */




@media screen and (min-width: 500px) and (max-width: 1200px) {
	.responsive-menu
	{
		
		
		
		width: 100%;
		
	}
	
}






/* =26. Print styles
-------------------------------------------------------------- */

/* Print styles inlined to avoid extra HTTP connection */

@media print {
	
    * {
        background: transparent !important;
        color: black !important; /* Black prints faster: sanbeiji.com/archives/953 */
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
	}
	
    a, a:visited {
        text-decoration: underline;
	}
	
    a[href]:after {
        content: " (" attr(href) ")";
	}
	
    abbr[title]:after {
        content: " (" attr(title) ")";
	}
	
    /* Do not show javascript and internal links */
    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
	}
	
    /* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
    thead {
        display: table-header-group;
	}
	
    tr, img {
        page-break-inside: avoid;
	}
	
    @page {
        margin: 0.5cm;
	}
	
    p, h2, h3 {
        orphans: 3;
        widows: 3;
	}
	
    h2, h3 {
        page-break-after: avoid;
	}
	
}



/*  Мои стили */


@media screen and (min-width: 500px) {
	
	.qqq {
		
		display: none;
		
	}
}




@media screen and (max-width: 500px) {
	.non {
		
		display: none;
		
	}
}






A {
    text-decoration: none;
	color: #000; 
} 

A:hover { 
    text-decoration: none;
    color: #808080; 
}


A1 {
    text-decoration: underline;
	color: #000;
	
} 

A1:hover { 
    text-decoration: none;
    color: #808080; 
}







.preview-block__btn {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
	
}

.preview-block__btn:hover {
	
    background: #F4F4F4;
	font-family: montserrat;
	font-size: 18px;
	font-weight: 600;
    text-decoration: none;
    color: #000;
	transition: 0.5s;
	
}

.custom-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 46px;
    padding-top: -1px;
    border: none;
    border-radius: 10px;
    position: relative;
    font-family: montserrat;
	font-size: 18px;
	font-weight: 600;
    color: #000;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
	border: 2px solid #000;
    
}


.custom-btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }






.preview-block__btn1 {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
}

.preview-block__btn1:hover {
	
    background: #6BC92D;
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 600;
    text-decoration: none;
    color: #fff;
	transition: 0.5s;
	
}

@media screen and (max-width: 500px) {
	 .preview-block__btn1:hover {

    background: #6BC92D;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 600;
    text-decoration: none;
    color: #fff;
	transition: 0.5s; 
		 
		 
}
	
	}

.custom-btn1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 63px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-radius: 33px;
    position: relative;
    font-family:Open Sans;
	font-weight: 1.0;
	font-size: 18px;
	font-weight: 600;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: #6BB32D;
	border: 0px solid #000;
    
}


@media screen and (max-width: 500px) {
	 .custom-btn1 {
		
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 55px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-radius: 33px;
    position: relative;
    font-family:Open Sans;
	font-weight: 1.0;
	font-size: 16px;
	font-weight: 600;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: #6BB32D;
	border: 0px solid #000;
		
		
	}
	
}





.custom-btn1:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn1:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }








.preview-block__btn2 {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
}

.preview-block__btn2:hover {
	
    background: #7C48B5;
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 600;
    text-decoration: none;
    color: #fff;
	transition: 0.5s;
	
}

@media (max-width: 500px) {
	.preview-block__btn2:hover {
		
    background: #7C48B5;
	font-family: Open Sans;
	font-size: 16px;
	font-weight: 600;
    text-decoration: none;
    color: #fff;
	transition: 0.5s;

}
	
	}


.custom-btn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-radius: 33px;
    position: relative;
    font-family:Open Sans;
	font-weight: 1.0;
	font-size: 18px;
	font-weight: 600;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: #62388E;
	border: 0px solid #000;
    
}

@media (max-width: 500px) {
	.custom-btn2 {
		
        
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 55px;
    padding-top: -1px;
    border: none;
    border-radius: 33px;
    position: relative;
    font-family: Open Sans;
	font-weight: 1.0;
	font-size: 16px;
	font-weight: 600;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: #62388E;
	border: 0px solid #000;
		
	}
}





.custom-btn2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn2:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }




.preview-block__btn3 {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
	box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
-webkit-box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
-moz-box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
	
}

.preview-block__btn3:hover {
	
   	background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
	font-family: Open Sans;
	font-size: 21px;
	font-weight: 500;
    text-decoration: none;
    color: #fff;
	transition: 0.5s;
	
}

.custom-btn3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 60px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-radius: 12px;
    position: relative;
    font-family: Open Sans;
	font-weight: 1.0;
	font-size: 21px;
	font-weight: 500;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
	border: 0px solid #000;
    
}


.custom-btn3:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn3:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }





.preview-block__btn4 {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
}

.preview-block__btn4:hover {
	
    background: #F9F902;
	font-family: Open Sans;
	font-size: 17px;
	font-weight: 500;
    text-decoration: none;
    color: #000;
	transition: 0.5s;
	
}

.custom-btn4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	

    width: 100%;
    height: 50px;
    padding-top: 6px;
    border: none;
    border-radius: 12px;
    position: relative;
    font-family: Open Sans;
	font-weight: 1.0;
	font-size: 17px;
	font-weight: 500;
    color: #F7F7F7;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    background: transparent;
	border: 2px solid #F7F7F7;
    
}


.custom-btn4:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn4:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }







.preview-block__btn5 {
    
	max-width: 100%;
    margin-top: 0px;
	margin-bottom: 0px;
	
	box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
-webkit-box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
-moz-box-shadow:0px 0px 65px 1px rgba(0,0,0,0.12);
	
}

.preview-block__btn5:hover {
	
    background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
	font-family: Open Sans;
	font-size: 19px;
	font-weight: 600;
    text-decoration: none;
    color: #fff;
	transition: 0.5s;
	
}

.custom-btn5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
    justify-content: center;
	
    align-items: center;
    width: 100%;
    height: 63px;
    padding: 0px 0px 0px 0px;
    border: none;
    border-radius: 33px;
    position: relative;
    font-family: Open Sans;
	font-weight: 1.0;
	font-size: 19px;
	font-weight: 600;
    color: #fff;
    text-align: center;
	text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    	background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
    
}


.custom-btn5:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    opacity: 0;
    z-index: 1;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}

.custom-btn5:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
	30% { left: 110%; margin-left: 80px; }
100% { left: 110%; margin-left: 80px; } }










h2 {
	
    font-family: Montserrat;
	font-size: 47px;
	line-height: 1.4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 700;
	color: #fff;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	-webkit-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	-moz-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	
	
}



@media screen and (max-width: 500px) {
	h2 {
		
		font-family: Montserrat;
		font-size: 26px;
		line-height: 1.4;
		font-weight: 600;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		color: #fff;
		
		filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
		text-shadow:1px 1px 68px rgba(0,0,0,0.55);
		-webkit-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
		-moz-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
		
		
	}
	
}



.titlee span {
	display: inline;
	
	background: linear-gradient(90deg,rgba(92, 72, 153, 1) 0%, rgba(164, 176, 53, 1) 77%, rgba(186, 174, 18, 1) 100%);
	padding: 2px 12px 11px 12px;
	color: #fff;
	font-size: 47px;
	line-height: 1.6;
	font-weight: 600;
	border-radius: 5px;
	position: relative;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
}



@media screen and (max-width: 500px) {
	.titlee span {
		
		display: inline;
		background: linear-gradient(90deg,rgba(92, 72, 153, 1) 0%, rgba(164, 176, 53, 1) 77%, rgba(186, 174, 18, 1) 100%);
		padding: 2px 4px 6px 4px;
		margin: 0px 0px 2px 0px;
		color: #fff;
		font-size: 23px;
		font-weight: 500;
		border-radius: 5px;
		
		filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
		text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		
	}
}






h1 {
	
    font-family: Montserrat;
	font-size: 40px;
	line-height: 1.3;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	color: #000;
}


@media screen and (max-width: 500px) {
	h1 {
		
		font-family: Montserrat;
		font-size: 23px;
		line-height: 1.3;
		padding: 20px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 600;
		color: #000;
		
		
	}
	
}



h3 {
	
    font-family: Montserrat;
	font-size: 50px;
	line-height: 1.3;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	color: #fff;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	
}



@media screen and (max-device-width: 500px) {
	h3 {
		
		font-family: Montserrat;
		font-size: 27px;
		font-weight: 600;
		line-height: 1.2;
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		color: #fff;
		
		filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
		text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		
		
	}
	
}



p {
	
	font-family: Open Sans;
	font-size: 17px;
	line-height: 1.5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p {
		
		font-family: Open Sans;
		font-size: 14px;
		line-height: 1.5;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		color: #000;
		
	}
}





p1 {
	
    font-family: Montserrat;
	font-size: 19px;
	line-height: 1.0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 600;
	
	color: #000;
	
}


@media screen and (max-device-width: 500px) {
	p1 {
		
		font-family: Open Sans;
		font-size: 24px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 600;
		color: #000;
		
	}
}




p2 {
	
    font-family: Montserrat;
	font-size: 47px;
	line-height: 1.4;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 700;
	color: #fff;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	-webkit-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	-moz-text-shadow:1px 1px 68px rgba(0,0,0,0.55);
	
}




@media screen and (max-width: 500px) {
	p2 {
		
		font-family: Montserrat;
		font-size: 20px;
		line-height: 1.5;
		font-weight: 600;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		color: #000;
		
	}
}





p3 {
	
    font-family: Montserrat;
	font-size: 40px;
	line-height: 1.3;
	font-weight: 600;
	color: #fff;
	
}



@media screen and (max-width: 500px) {
	p3 {
		
		font-family: Montserrat;
		font-size: 25px;
		line-height: 1.3;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 600;
		color: #000;
		
	}
}




.titlee1 span {
	display: inline;
	background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
	padding: 2px 12px 3px 12px;
	color: #fff;
	font-size: 40px;
	line-height: 1.3;
	font-weight: 600;
	border-radius: 5px;
	position: relative;
	z-index: 2;
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	text-transform: uppercase;
}



@media screen and (max-width: 500px) {
	.titlee1 span {
		
		display: inline;
		background: linear-gradient(90deg,rgba(68, 42, 155, 1) 0%, rgba(87, 199, 133, 1) 56%, rgba(237, 221, 83, 1) 100%);
		padding: 2px 1px 3px 1px;
		margin: 0px 0px 0px 0px;
		color: #fff;
		font-size: 25px;
		font-weight: 600;
		border-radius: 5px;
		
		text-align: center;
		text-transform: uppercase;
		
		filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
		text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
		
	}
}












p4 {
	
    font-family: Montserrat;
	font-size: 29px;
	line-height: 1.0;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p4 {
		
		font-family: Montserrat;
		font-size: 22px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}



p5 {
	
    font-family: Open Sans;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p5 {
		
		font-family:Open Sans;
		font-size: 18px;
		line-height: 1.3;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}





p6 {
	
    font-family: Open Sans;
	font-size: 22px;
	line-height: 1.0;
	font-weight: 500;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p6 {
		
		font-family: Open Sans;
		font-size: 22px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 500;
		color: #000;
		
	}
}




p7 {
	
    font-family: Montserrat;
	font-size: 23px;
	line-height: 1.3;
	font-weight: 500;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p7 {
		
		font-family: Montserrat;
		font-size: 19px;
		line-height: 1.3;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 500;
		color: #000;
		
	}
}




p8 {
	
    font-family: Open Sans;
	font-size: 17px;
	line-height: 1.5;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p8 {
		
		font-family: Open Sans;
		font-size: 17px;
		line-height: 1.4;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}




p9 {
	
    font-family:Montserrat;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	color: #000;
	
}



@media screen and (max-device-width: 500px) {
	p9 {
		
		font-family: Montserrat;
		font-size: 19px;
		line-height: 1.4;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 500;
		color: #000;
		
	}
}




p10 {
	
    font-family: Open Sans;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-width: 500px) {
	p10 {
		
		font-family: Open Sans;
		font-size: 12px;
		line-height: 1.4;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}





p11 {
	
    font-family: Open Sans;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-width: 500px) {
	p11 {
		
		font-family: Open Sans;
		font-size: 17px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 500;
		color: #000;
		
	}
}




p12 {
	
    font-family: Open Sans;
	font-size: 1px;
	line-height: 1.0;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-width: 500px) {
	p12 {
		
		font-family: Open Sans;
		font-size: 1px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}





p13 {
	
    font-family: Open Sans;
	font-size: 14px;
	line-height: 1.0;
	font-weight: 400;
	color: #000;
	
}



@media screen and (max-width: 500px) {
	p13 {
		
		font-family: Open Sans;
		font-size: 13px;
		line-height: 1.0;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: 400;
		color: #000;
		
	}
}







@media (max-width: 500px) {
	.bbb {
		
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		
	}
	
}



@media (max-width: 1250px) and (min-width: 500px) {
	
	.bbb { 
		
		width: 100%;
		height:auto;
		float:left;
		padding: 0px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		
	}	
}



@media (min-width: 1250px) {
	
	.bbb {
		
		width: 1250px;
		margin-left: auto;
		margin-right: auto;
		
	}
}






@media (min-width: 1250px) {
	
	.g100 { 
		
		width: 100%;
		height:auto;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}	
}



@media (max-width: 1250px) and (min-width: 500px) {
	
	.g100 { 
		
		width: 1250px;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}	
}




@media (max-width: 500px) {
	.g100 {
		
        
		width:100%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}







.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: -3px;
    font-family: Montserrat;    
    /* Для выравнивания меню по центру
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	*/
}
.main-menu > li {
    display: inline-flex; 
}
.main-menu > li + li {
    margin-left: 40px; 
}
.main-menu > li > a {
    padding: 0 0 18px 0;
    position: relative; 
	
    color: #333;
    font-weight: 600;
    letter-spacing: 0.2px;
    font-size: 18px;
    text-decoration: none;    
}
.main-menu > li > a:hover {
    text-decoration: none;    
    color: #000;
}
.main-menu > li > a:after {
    width: 0;
    height: 4px;
    background-color: #84DB39;
    content: '';
    left: 0;
    bottom: 18px;
    position: absolute;
    transition: all .3s; 
}
.main-menu > li > a:hover::after {
    width: 100%; 
}
.main-menu > li.active a:after {
    width: 100%; 
}
.main-menu li {
    margin: 0;
    white-space: nowrap; 
}
.main-menu li.menu-children {
    position: relative; 
    margin-right: 11px; 
}
.main-menu li.menu-children:after {
    position: absolute; 
    content: "\2039";
    color: #000;
    font-size: 18px;
    font-weight: bold;
    right: -14px;
    top: -1px;
    transform: rotate(-90deg);
}
.main-menu li li.menu-children:after {
    position: absolute; 
    content: "\2039";
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    right: 10px;
    top: 12px;
    transform: rotate(180deg);
}
.main-menu li.menu-children:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); 
}
.main-menu ul {
    padding: 20px 17px 20px 17px;
    margin-top: -8px;
    list-style: none;
    background: #F7F9FD;
    position: absolute;
    z-index: 20;
    min-width: 240px;
	border-radius: 12px;
    top: 100%;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 500ms cubic-bezier(0.43, 0.59, 0.16, 1.25); 
	
	border: 2px solid #E5E5E5;
	
	box-shadow:1px 12px 52px 1px rgba(0,0,0,0.16);
	-webkit-box-shadow:1px 12px 52px 1px rgba(0,0,0,0.16);
	-moz-box-shadow:1px 12px 52px 1px rgba(0,0,0,0.16);
}
.main-menu ul li {
    display: block;
    padding: 0 10px;
    line-height: 1.1; 
	
	font-size: 18px;
    font-weight: 600;
}
.main-menu ul li:last-child {
    margin-bottom: 0; 
}
.main-menu ul li a {
    display: block;
    color: #262626; 
    padding: 10px;
    transition: all .3s; 
    text-decoration: none; 
	border-radius: 5px;
}
.main-menu ul li a:hover {
    color: #fff; 
    background: #00A652;
    text-decoration: none;
	border-radius: 5px;
}
.main-menu ul ul {
    top: 0;
    left: 100%; 
}    




#navbar {
	z-index: 100;
	position: fixed;
	left: 0;
	width: 100%;
	top: -150px;
	transition: 0.8s;
}


@media (max-width: 500px) {
	#navbar {
		
		z-index: 100;    
		position: fixed;
		top: -150px; 
		width: 100%; 
		transition: top 0.8s; 
		
	}
}




.details {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0 auto 20px;
	background: #fff;
	border-radius: 5px;
	transition: 0.5s;
	overflow: hidden;
}

.details .details__title::after {
	position: absolute;
	right: 24px;
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	top: calc(50% - 8px);
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	transform: rotate(-45deg);
	transform-origin: center;
	transition: 0.5s;
	pointer-events: none;
}


.details[open] .details__title::after {
	transform: rotate(45deg);
}

.details[open] {
	padding-bottom: 0px;
}

.details[open] .details__title {
	margin-bottom: 32px;
	background: #80D337;
}

.details__title {
	background: #fff;
	border-radius: 5px;
	padding: 13px 10px 16px 35px;
	font-size: 28px;
	cursor: pointer;
	list-style: none;
	font-weight: 500;
	font-family: montserrat;
	color: #000;
	transition: 0.5s;
	position: relative;
}


@media screen and (max-width: 500px) {
	.details__title {
		
		background: #fff;
		border-radius: 5px;
		padding: 13px 50px 15px 30px;
		font-size: 18px;
		line-height: 1.4;
		cursor: pointer;
		list-style: none;
		font-weight: 500;
		font-family: montserrat;
		color: #000;
		transition: 0.5s;
		
	}
}



.details__title::-webkit-details-marker {
	display: none;
}

.details__content {
	
	padding: 0px 0px 0px 0px;
	margin-top: -34px;
}

@media screen and (max-width: 500px) {
	.details__content {
		
		padding: 0px 0px 0px 0px;
		margin-bottom: 0px;
		
	}
}



.details__content p:last-child {
	margin-bottom: 0;
	
}
.details__content p:first-child {
	margin-top: 0;
}





.detail {
	position: relative;
	display: block;
	max-width: 100%;
	margin: 0 auto 0px;
	background: #fff;
	border-radius: 5px;
	transition: 0.5s;
	width: 135px;
}

.detail::after {
	position: absolute;
	right: 20px;
	top: 15px;
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	transform: rotate(-45deg);
	transform-origin: center;
	transition: 0.5s;
	text-align: center;
	pointer-events: none;
}

.detail[open]::after {
	transform: rotate(45deg);
	top: 12px;
}

.detail[open] {
	padding-bottom: 0px;
}

.detail[open] .details__title {
	margin-bottom: 32px;
	
}

.detail__title {
	background: #F7F7F7;
	border-radius: 10px;
	padding: 0px 0px 3px 20px;
	font-size: 22px;
	cursor: pointer;
	list-style: none;
	font-weight: 600;
	font-family: montserrat;
	color: #000;
	transition: 0.5s;
}

.detail__title::-webkit-details-marker {
	display: none;
}

.detail .detail__content {
	padding: 10px 0px 0px 0px;
	font-size: 20px;
	margin-bottom: 0px;
	text-align: center;
	position: absolute;
	width:100%;
	z-index: 2;
	top: 32px;
	background: #F7F7F7;
	transition: 0.5s;
	z-index: 10;
	border-radius: 0 0 10px 10px;
}
.detail[open] .detail__content {
    animation-name: fadeInDown;
    animation-duration: 0.5s;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        max-height: 0;
	}
    100% {
        opacity: 1;
        max-height: 400px;
	}
}
.detail__content p:last-child {
	margin-bottom: 0;
}
.detail__content p:first-child {
	margin-top: 0;
}





.list6a {
    padding: 0px 0px 0px 10px;
	margin: 22px 0px 25px 20px;
    
}

.list6a li{
    
	font-family: Open Sans;
	font-size: 17px;
	line-height: 1.5;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	font-weight: 400;
    color: #000;
	
}

@media screen and (max-device-width: 500px) {
.list6a {

	padding: 0px 0px 0px 10px;
	margin: 22px 0px 22px 10px;
	
	}
	
	}

@media screen and (max-device-width: 500px) {
.list6a li {

	font-family: Open Sans;
	font-size: 14px;
	line-height: 1.5;
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: 400;
    color: #000;
	
	}
	}






.mobile > div {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 15px;
    background-color: #333;
    height:50px;
    width: 50px;
    border-radius: 100%;
    z-index: 9999999;
    border: 4px solid #F3F3F3;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    box-sizing: content-box;
}
.mobile > div span {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 4px;
    background-color: #fff;
    border-radius: 13px;
    transition-duration: 1.1s;
}
.mobile > div > span:nth-child(1) {
    top: 14px;
}
.mobile > div > span:nth-child(2) {
    top: 23px;
}
.mobile > div > span:nth-child(3) {
    bottom: 14px;
}
.mobile > div.active span:nth-child(1) {
    transform: translate(-15px, 9px) rotate(-45deg);
}
.mobile > div.active span:nth-child(2) {
    transition-duration: 0s;
    opacity: 0;
}
.mobile > div.active span:nth-child(3) {
    transform: translate(-15px, -9px) rotate(45deg);
}


.mobile nav {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 16px;
    height: 50px;
    width: 50px;
    border-radius: 12%;
    z-index: 9999990;
    transition-duration: 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between; 
    overflow: hidden;
	flex-flow: column;
}
.mobile nav.open {
    background: #F7F7F7;
    width: 100%;
    height: 100%;
    right: 0px;
    bottom: 0px;
    border-radius: 0;
	padding: 50px 8px 100px;
}
.mobile .top-mobile {
	opacity: 0;
	transform: translateY(-300px);
}
.mobile .top-mobile-img {
	padding: 0px 44px 10px 44px;	
	
}
.mobile .top-mobile-txt {
	text-align: center;
	font-family: open sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}
.mobile .top-mobile-txt span {
	color: #333;
}
.mobile .bottom-mobile {
	opacity: 0;
	transform: translateY(300px);
	width: 100%;
	padding: 0px 44px 0px 44px;
	margin: -2px 0px 0px 0px;
}
.mobile nav.open .top-mobile {
	opacity: 1;
	transition: 1s;
	transition-delay: 0.1s;
	transform: translateY(0);
}
.mobile nav.open .bottom-mobile {
	opacity: 1;
	transition: 1s;
	transition-delay: 0.1s;
	transform: translateY(0);
}
.mobile nav ul {
    display: none;
}
.mobile nav ul.show {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 100%;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
.mobile ul li:not(:last-child) {
    margin-bottom: 14px;
}
.mobile ul li a {
    font-size: 16px;
    font-family: montserrat;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #000;
}
.mobile ul li a:hover {
    font-size: 16px;
     font-family: montserrat;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-decoration: none;
    color: #000;
	transition: 0.5s;
}
@keyframes fadein {
    0% {
        opacity: 0;
        
    }
    100% {
        opacity: 1;
    }
}
@media (min-width: 500px) {
.mobile div {
      display:none;
                          }
}











.g1 { 
	
	width:100%;
	height:100px;
	float:left;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 1px 0px;
	
	background: #fff;
	
	box-shadow:0px 1px 0px 0px rgba(239,239,239,1);
	-webkit-box-shadow:0px 1px 0px 0px rgba(239,239,239,1);
	-moz-box-shadow:0px 1px 0px 0px rgba(239,239,239,1);
	
}


@media (max-width: 500px) {
	.g1 {
		
		width:100%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
}





.g2 { 
	
	width: 11%;
	height:100px;
	float:left;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
	
}


@media (max-width: 500px) {
	.g2 {
		
		width:100%;
		height:auto;
		float:left;
		padding: 0px 40px 0px 40px;
		margin: 15px 0px 0px 0px;
		text-align: center;
		
	}
}





.g3 { 
	
	width: 62%;
	height:auto;
	float:left;
	padding: 33px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	text-align:center;
	
}


@media (max-width: 500px) {
	.g3 {
		
		display:none;
		
	}
}





.g4 { 
	
	width: 8%;
	height:auto;
	float:left;
	padding: 28px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}


@media (max-width: 500px) {
	.g4 {
		
		width: 100%;
		height:auto;
		float:left;
		padding: 0px 124px 0px 124px;
		margin: 7px 0px 7px 0px;
		
		
		
	}
}



.g4-1 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}


@media (max-width: 500px) {
	.g4-1 {
		
		width: 33.3333%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}





.g5 { 
	
	width: 15%;
	height: auto;
	float:left;
	padding: 32px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	text-align:right;

	
}


@media (max-width: 500px) {
	.g5 {
		
		width:100%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		text-align:center;
		
	}
}





.g6 { 
	
	width: 4%;
	height: auto;
	float:left;
	padding: 22px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g6 {
		
        
		width:100%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 20px 0px;
		
	}
}




.g7 { 
	
	width: 100%;
	height: 580px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g7 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}


.blocke {
	height: 580px;
	overflow: hidden;
	position: relative;
}


@media (max-width: 500px) {
	.blocke {
		
        
		width:100%;
		height: 400px;
		overflow: hidden;
		position: relative;
		padding: 110px 0px 0px 0px;
		
	}
}



.block-texte {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 2;
	padding: 0px;
}
.block-imagee {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/рис-4.jpg);
	background-size: cover;
	background-position: bottom right;
	animation: grow 180000ms ease;
	transform-origin: bottom right;
}


@media (max-width: 500px) {
	.block-imagee {
		
        
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/рис-5.jpg);
		background-size: cover;
		background-position: bottom right;
		animation: grow 180000ms ease;
		transform-origin: bottom right;
		
	}
}




.block-imagee img {
	width: 100%;
	margin-top: -20%;
	transform-origin: bottom right;
	animation: grow 180000ms ease;
	
}


@keyframes grow {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.5);
	}
	100% {
		transform: scale(1);
	}	
}





.g8 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 160px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	text-align:center;
	
	
}

@media (max-width: 500px) {
	.g8 {
		
        
		width:100%;
		height:auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: -25px 0px 0px 0px;
		
		text-align:center;
		
	}
}




.g9 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 477px 0px 477px;
	margin: 40px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g9 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 60px 0px 60px;
		margin: 25px 0px 0px 0px;
		
		text-align:center;
		
	}
}




.g10 { 
	
	width:100%;
	height:750px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background: url(https://expostand.agency/wp-content/uploads/2024/12/1.png) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g10 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		background: #fff;
		
	}
}



.g11 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin-top: 65px;
	margin-bottom: 45px;
	margin-left: 0%;
	margin-right: 0%;
	text-align: center;
	
}

@media (max-width: 500px) {
	.g11 {
		
        
	    width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 40px 0px 25px 0px;
			
		
	}
}







.g11-1 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 55px 0px 45px 0px;
	
	text-align: center;
	
}

@media (max-width: 500px) {
	.g11-1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 25px 0px 25px 0px;
		
	}
}



.g11-2 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 65px 0px 45px 0px;
	
	text-align: center;
	
}

@media (max-width: 500px) {
	.g11-2 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 50px 0px 50px;
		margin: 40px 0px 25px 0px;
		
	}
}




.g11-3 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 65px 0px 45px 0px;
	
	text-align: center;
	
}

@media (max-width: 500px) {
	.g11-3 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 40px 0px 25px 0px;
		
	}
}




.g11-4 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 65px 0px 40px 0px;
	
	text-align: center;
	
}

@media (max-width: 500px) {
	.g11-4 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 50px 0px 50px;
		margin: 40px 0px 25px 0px;
		
	}
}







.g12 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 100px 0px 100px;
	margin: 0px 0px 60px 0px;
	
}

@media (max-width: 500px) {
	.g12 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g13 { 
	
	width: 37%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g13 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 90px 0px 90px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g14 { 
	
	width: 63%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 50px;
	margin: -7px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g14 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 30px 0px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g15 { 
	
	border-radius: 12px;
	
}

@media (max-width: 500px) {
	.g15 {
		
        
		border-radius: 12px;
		
	}
}



.g16 { 
	
	filter: grayscale(100%);
	
}

@media (max-width: 500px) {
	.g16 {
		
        
		filter: grayscale(100%);
		
	}
}

.uuu {
    
	
	-webkit-filter: brightness(100%);
}

.uuu:hover {
    
    
	
	-webkit-filter: brightness(125%);
	transition: 0.1s;
	
}






.g17 { 
	
	width: 47%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 35px 0px 0px 0px;
	
	
}

@media (max-width: 500px) {
	.g17 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 40px 0px 40px;
		margin: 25px 0px 40px 0px;
		
	}
}




.g18 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#F7F7F7;
	
}

@media (max-width: 500px) {
	.g18 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}





.g19 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 50px 50px 80px;
	margin: 0px 0px 0px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2025/04/5.jpg) no-repeat center;
	background-size: cover;
	
	border-radius: 12px;
	
}

@media (max-width: 500px) {
	.g19 {
		
        
		width: 100%;
		height: auto;
		float:left;
		padding: 30px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		background: url(https://tianaglobal.ru/wp-content/uploads/2025/04/4.jpg) no-repeat center;
	background-size: cover;
		
	}
}



.g20 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g20 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g21 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g21 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 30px 0px;
		
	}
}




.g22 { 
	
	width: 17%;
	height:62px;
	float:left;
	padding: 15px 0px 0px 0px;
	margin: 60px 0px 0px 0px;
	
	background:#6BB32D;
	border-radius:100%;
	
	text-align: center;
	
}

@media (max-width: 500px) {
	.g22 {
		
        
		width: 50px;
		height: 50px;
		float:left;
		padding: 12px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g23 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 50px 0px 0px;
	margin: 20px 0px 0px 0px;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:1px 1px 25px rgba(0,0,0,1);
	-webkit-text-shadow:1px 1px 25px rgba(0,0,0,1);
	-moz-text-shadow:1px 1px 25px rgba(0,0,0,1);
	
}

@media (max-width: 500px) {
	.g23 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		
	}
}




.g24 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 460px 0px 460px;
	margin: 50px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g24 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 20px 0px 20px;
		margin: 30px 0px 0px 0px;
		
	}
}



.g25 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#F7F7F7;
	
}

@media (max-width: 500px) {
	.g25 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g26 { 
	
	width: 70%;
	height: auto;
	float:left;
	padding: 0px 0px 35px 0px;
	margin-left: 15%;
	margin-right: 15%;
	
}

@media (max-width: 500px) {
	.g26 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 25px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g27 { 
	
	width: 25%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 35px 0px;
	
	
	
}

@media (max-width: 500px) {
	.g27 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: -20px 0px 15px 0px;
		
	}
}


.g28 { 
	
	width: 75%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 40px;
	margin: -4px 0px 40px 0px;
	
	
	
}

@media (max-width: 500px) {
	.g28 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}


.g28n { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 5px 40px 0px 40px;
	margin: 0px 0px 0px 0px;
	
	background:#80D337;
	
}

@media (max-width: 500px) {
	.g28n {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 25px 30px 5px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}






.g29 { 
	
	border-radius:100%;
	
}

@media (max-width: 500px) {
	.g29 {
		
        
		border-radius:100%;
		
	}
}



.g30 { 
	
	width: 50%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g30 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 12px 0px 25px 0px;
		
	}
}



.g31 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#fff;
	
}

@media (max-width: 500px) {
	.g31 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 33px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g32 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g32 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g33 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#F7F7F7;
	
}

@media (max-width: 500px) {
	.g33 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 15px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g34 { 
	
	width: 70%;
	height:880px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left: 15%;
	margin-right: 15%;
	margin-bottom: 45px;
	border-radius: 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2025/04/6-1.jpg) no-repeat center;
	background-size: cover;
	
	
}

@media (max-width: 500px) {
	.g34 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		background:#F7F7F7;
		
	}
}



.g35 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: -866px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g35 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g36 { 
	
	width: 50%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g36 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g37 { 
	
	width: 50%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g37 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g38 { 
	
	width: 64%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 45px 0px;
	
	border-radius:12px;
	background:#fff;
	
}

@media (max-width: 500px) {
	.g38 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
		
	}
}



.g38-1 { 
	
	width: 64%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 45px 0px;
	
	border-radius:12px;
	background:#fff;
	
}

@media (max-width: 500px) {
	.g38-1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
		
	}
}






.g39 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/1-4.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}


.g39-1 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/3-1.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39-1 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g39-2 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/4-1.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39-2 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g39-3 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/5-2.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39-3 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}





.g39-4 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/1-5.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39-4 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g39-5 { 
	
	width: 30%;
	height:90px;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px 0px 0px 12px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/2-3.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g39-5 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}





.g40 { 
	
	width: 70%;
	height:90px;
	float:left;
	padding: 29px 0px 0px 23px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px;
	
}

@media (max-width: 500px) {
	.g40 {
		
        
		width:70%;
		height:80px;
		float:left;
		padding: 24px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g40-1 { 
	
	width: 70%;
	height:90px;
	float:left;
	padding: 15px 0px 0px 23px;
	margin: 0px 0px 0px 0px;
	
	border-radius:12px;
	
}

@media (max-width: 500px) {
	.g40-1 {
		
        
		width:70%;
		height:80px;
		float:left;
		padding: 15px 0px 0px 15px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g41 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/4-2.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}




.g41-1 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/5-3.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41-1 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}




.g41-2 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/14231560497501.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41-2 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}




.g41-3 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/6-1.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41-3 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}




.g41-4 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/7-2.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41-4 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}



.g41-5 { 
	
	width: 30%;
	height:90px;
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	border-radius:0px 12px 12px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2024/12/12-3.jpg) no-repeat center;
	background-size: cover;
	
}

@media (max-width: 500px) {
	.g41-5 {
		
        
		width:30%;
		height:80px;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		border-radius:12px 0px 0px 12px;
		
	}
}






.g42 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#fff;
	
}

@media (max-width: 500px) {
	.g42 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 33px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g43 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	
}

@media (max-width: 500px) {
	.g43 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
	}
}



.g44 { 
	
	width: 100%;
	height:500px;
	float:left;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 0px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2025/04/7-1.jpg) no-repeat center;
	background-size: cover;
	
	
}

@media (max-width: 500px) {
	.g44 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 33px 0px;
		margin: 0px 0px 0px 0px;
		
		background: url(https://tianaglobal.ru/wp-content/uploads/2025/04/8.jpg) no-repeat center;
	background-size: cover;
		
	}
}



.g45 { 
	
	width: 70%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin-left: 15%;
	margin-right: 15%;
	
	text-align: center;
	
	
}

@media (max-width: 500px) {
	.g45 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 0px 0px;
		
	}
}





.g45n { 
	
	width: 34%;
	height:auto;
	float:left;
	padding: 40px 0px 0px 0px;
	margin-left: 33%;
	margin-right: 33%;
	

	
}

@media (max-width: 500px) {
	.g45n {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 10px 0px 10px;
		margin: 30px 0px 40px 0px;
		
	}
}





.g46 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	
	
}

@media (max-width: 500px) {
	.g46 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g47 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#F7F7F7;
	
}

@media (max-width: 500px) {
	.g47 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 20px 0px 20px;
		margin: 0px 0px 0px 0px;
		
	}
}




.g48 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 40px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#000;
	
}

@media (max-width: 500px) {
	.g48 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 35px 0px 25px 0px;
		margin: 0px 0px 0px 0px;
		
			text-align:center;
		
	}
}





.g49 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g49 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		text-align:center;
		
	}
}


.g49n { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g49n {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 3px 0px;
		
		text-align:center;
		
	}
}



.g50 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 37px 0px 0px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.g50 {
		
        
		display:none;
		
	}
}



.g51 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 0px;
	
	text-align:right;
	
}

@media (max-width: 500px) {
	.g51 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 13px 0px;
		
		text-align:center;
		
	}
}



.g51n { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	
	text-align:right;
	
}

@media (max-width: 500px) {
	.g51n {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 15px 0px 5px 0px;
		
		text-align:center;
		
	}
}



.g52 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g52 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 3px 0px;
		
		text-align:center;
		
	}
}




.g53 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g53 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 15px 0px;
		
		text-align:center;
		
	}
}




.g54 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 330px 0px 330px;
	margin: -20px 0px 30px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.g54 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: -10px 0px 20px 0px;
		
		text-align:center;
		
	}
}




.g55 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.g55 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 73px 0px 73px;
		margin: 20px 0px 0px 0px;
		
		
	}
}





/* ATUIN */
/* Общие */		


/* Регионы мира */

.swiper-1 {
	height: 580px;
	margin: 0px auto 40px;
	position: relative;	
	font-size: 0;
}
.swiper-1 .swiper-slide:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.7) 100%);
	z-index: 1;
}			
.swiper-1 .slide-txt {
	width: 83%;
	max-width: 1050px;
	position: absolute;
	z-index: 2;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	text-align: center;
	border-radius: 8px;
	
	filter: progid:DXImageTransform.Microsoft.DropShadow(offX=1, offY=1, color=#000000, positive=true);
	text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-webkit-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
	-moz-text-shadow:0px 0px 0px rgba(0,0,0,0.55);
}



.swiper-1 .slide-txt p {
	color: #fff;
}			
.swiper-1 .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.swiper-1 .slide-1 {
	background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/2-1.jpg);
}
.swiper-1 .slide-2 {
	background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/1.jpg);
}
.swiper-1 .slide-3 {
	background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/6.jpg);
}


@media only screen and (max-width: 991px) {  	
	.swiper-1 {
		height: 550px;
		margin: 0px 0 70px;
	}
	.swiper-1 .swiper-slide:after {
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0.9) 100%);
	}	 
	.swiper-1 .slide-txt {
		width: 90%;
		bottom: 40px;
	}
	.swiper-1 .slide-txt p {
		font-size: 13px;
	}  
	.swiper-1 .slide-1 {
		background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/2-1.jpg);
	}
	.swiper-1 .slide-2 {
		background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/1.jpg);
	}
	.swiper-1 .slide-3 {
		background-image: url(https://tianaglobal.ru/wp-content/uploads/2025/04/6.jpg);
	}  
}




/* Выставка */

.vistavka {
	max-width: 1280px;
	margin: 0px auto;
}
.swiper-2 {
	margin: 0px auto 40px;
	position: relative;	
	font-size: 0;
}
.swiper-2 .swiper-slide {
	border-radius: 20px;
	border: 0px solid #6BB32D;
	overflow: hidden;
	background: #fff;
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
	text-align: center;
    height: auto;
}
.swiper-2 .slide-img {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.swiper-2 .slide-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.swiper-2 .slide-txt {
	width: 100%;
	background: #F7F7F7;
	border-radius: 20px 20px 20px 20px;
	
}
.swiper-2 .slide-name {
	font-family: Montserrat;
	font-size: 19px;
	color: #000;
	background: #EDEDED;
	padding: 0 10px;
	min-height: 60px;
	line-height: 1.2;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-weight: 600;
}	


@media (max-width: 500px) {
	.swiper-2 .slide-name {
		
    font-family: Montserrat;
	font-size: 19px;
	color: #000;
	background: #EDEDED;
	padding: 10px 30px 10px 30px;
	min-height: 60px;
	line-height: 1.3;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-weight: 600;
		
	text-align:center;
		
	}
}


.swiper-2 .slide-date {
	padding: 15px 40px 10px 40px;
	color: #000;
	font-weight: 400;
	
}	
.swiper-2 .slide-where {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	font-weight: 500;	
	padding: 10px 0px 25px 0px;
	
}

@media (max-width: 500px) {
	.swiper-2 .slide-where {
		
    height: 70px;  
	font-size: 16px;
	line-height: 1.4;
	color: #000;
	font-weight: 500;	
	padding: 5px 60px 0px 60px;	
		
	text-align:center;
		
	}
}




@media only screen and (max-width: 991px) {	
	.swiper-2 {
		margin: 0px 0 70px;
	}				
}





/* Портфолио */

.portfolio {
	max-width: 1280px;
	margin: 0px auto;
}
.swiper-3 {
	margin: 0px auto 40px;
	position: relative;	
	font-size: 0;
}
.swiper-3 .swiper-slide {
	border-radius: 20px;
	border: 0px solid #FFFF01;
	overflow: hidden;
	background: #fff;
	display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
	text-align: center;
    height: auto;

}
.swiper-3 .slide-img {
	aspect-ratio: 16 / 9;
	overflow: hidden;
}
.swiper-3 .slide-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
.swiper-3 .slide-txt {
	width: 100%;
}
.swiper-3 .slide-name {
	font-family: Montserrat;
	font-size: 23px;
	color: #000;
	background: #F7F7F7;
	padding: 15px 0px 0px 0px;
	min-height: 60px;
	line-height: 1.2;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
	font-weight: 600;
}	
.swiper-3 .slide-where {
	font-size: 17px;
	line-height: 1.2;
	color: #000;
	font-weight: 400;	
	padding: 5px 60px 0px 60px;
	height: 70px;
	background: #F7F7F7;
}	

@media (max-width: 500px) {
	.swiper-3 .slide-where {
		
        
	font-size: 17px;
	line-height: 1.3;
	color: #000;
	font-weight: 400;	
	padding: 2px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	height: 90px;
	background: #F7F7F7;
		border-radius: 0px 0px 20px 20px;
		text-align:center;
		
	}
}




@media only screen and (max-width: 991px) {	
	.swiper-3 {
		margin: 0px 0 70px;
	}				
}




/* Для всех каруселей */
.swiper-container {
	overflow: hidden;
	position: relative;
}
.swiper-horizontal .swiper-pagination {
	bottom: -36px;
} 
.swiper-button {
	max-width: 1280px;
	position: absolute;
	margin: auto;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}
.swiper-pagination-bullet-active {
	background: #6BB32D;
}			
.swiper-button-prev,
.swiper-button-next {
	color: #fff;
	background: #6BB32D;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	padding: 8px;
	border: 0px solid #FFFF01;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	pointer-events: auto;
	opacity: 0.5;
	transition: 0.4s;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
	opacity: 1;
}
.swiper-button-next:after, 
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: 28px;
	font-weight: bold;
}	
@media only screen and (max-width: 991px) {
	.swiper-pagination {
		display: none;
	}
	.swiper-button {
		max-width: 140px;
		margin-top: 5px;
	}			
	.swiper-button-prev,
	.swiper-button-next {
		top: calc(100% + 36px);
		width: 50px;
		height: 50px;	
		opacity: 1;
	}
}	



/*  Форма */
.forma {
	max-width: 800px;
	margin: auto;
	padding: 0px 30px 0px 30px;
	overflow: hidden;
	position: relative;
}
.form-at {
	width: 100%;
	box-sizing: border-box; 
	font-size: 0;  
	letter-spacing: 0;	
}
.form-at * {
	box-sizing: border-box;	
}
.validate-input-at,
.no-validate-input-at{
	width: 100%;
	position: relative;
	background-color: #fff;
	border: 0px solid #fff;
	margin-bottom: 20px;
	
	border-radius: 20px;
}
.form-at .w-50 {
	width: calc(50% - 10px);
	display: inline-block;
}
.form-at .w-50:nth-child(odd) {
	margin-right: 20px;
}
.input-at {
	display: block;
	width: 100%;
	background: transparent;
	color: #000;
}
input.input-at,
select.input-at {
	height: 50px;
	padding: 0 12px 0 12px;
	font-size: 18px;
	outline: none;
	border: none;  
	width: 100%!important;
	border-radius: 20px;
}
textarea.input-at {
	min-height: 140px;
	padding: 12px;
	font-size: 16px;
	line-height: 22px;
	outline: none;
	border: none;
	resize: none;
}
textarea.input-at:focus, 
input.input-at:focus,
select.input-at:focus {
	border-color: transparent;
}
.focus-input-at{
	position: absolute;
	display: block;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	top: -2px;
	left: -2px;
	z-index: 100;
	pointer-events: none;
	border: 0px solid #FFFF01;
	border-radius: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
	transform: scaleX(1.2) scaleY(1.3);
}
.input-at:focus + .focus-input-at {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
.form-at-btn.atuin-btn,
.form-at-btn.atuin-btn:active {
	font-family: Montserrat;
	position: relative;
	display: inline-block;
	transform: translateY(4px);
	padding: 0 30px;
	height: 54px;
	margin: 0 0 20px;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;	
}
.form-at-btn[disabled]{
    opacity: .6;
    cursor: not-allowed;
}
.alert-validate::before {
	content: attr(data-validate);
	position: absolute;
	max-width: 70%;
	background-color: #fff;
	border: 1px solid #c80000;
	border-radius: 2px;
	padding: 4px 25px 4px 10px;
	top: 50%;
	transform: translateY(-50%);
	right: 12px;
	pointer-events: none;
	color: #c80000;
	font-size: 13px;
	line-height: 1.4;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.4s;
}
.alert-validate::after {
	content: "i";
	display: block;
	position: absolute;
	color: #c80000;
	font-size: 18px;
	font-weight: bold;	
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
}
.alert-validate:hover:before {
	visibility: visible;
	opacity: 1;
}
.error-at {
	color: red;
	padding: 10px 0;
}
.success-at {
	color: green;
	font-size: 22px;
	padding: 20px 0;
	font-weight: 600;
	text-align: center;
}
.form-at input[type=checkbox] {
    display:none;
}
.form-at input[type=checkbox] + label {
    display: inline-block;
    position: relative;
    margin: 10px 0 10px 34px;
    font-size: 15px;
	font-weight: 500;
    line-height: 14px;
    color: #000;
	left: 50%;
	transform: translateX(-50%);
}



.form-at input[type=checkbox] + label:before {
	box-sizing: border-box;
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    line-height: 22px;
    left: -34px;
	top: -4px;
	border: 2px solid #000;
	border-radius: 2px;
}
.form-at input[type=checkbox]:checked + label:before{
	content: '\2714';
    color:#000;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
	border: 2px solid #8e8e8e;
}
.contact-container .form-at input[type=checkbox]:checked + label:before{
	border: 2px solid #fff;
	color:#fff;
}
@media (max-width: 768px) {
	.form-at .w-50 {
		width: 100%;
	}
	.form-at .w-50:nth-child(odd) {
		margin-right: 0;
	}
	.alert-validate::before {
		visibility: visible;
		opacity: 1;
	}
	.form-at-btn.atuin-btn,
	.form-at-btn.atuin-btn:active {
		transform: translateY(0);
	}	
	.form-at input[type=checkbox] + label {
		max-width: 230px;
	}	
	.form-at input[type=checkbox] + label:before {
		top: 0;
	}	
}
.atuin-btn,
.atuin-btn:active {
	text-align: center;
	display: inline-flex;
	text-decoration: none;
	position: relative;
	font-size: 18px;
	line-height: 20px;
	padding: 11px 22px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase; 
	background: #000;
	cursor: pointer; 
	overflow: hidden;
	z-index: 1;
	border-radius: 20px;
	border: none;
	box-shadow: unset!important;
}
.atuin-btn:hover,
.atuin-btn:focus {
	color: #000;
	border: none;
	background: #8e8e8e;
}
.atuin-btn:before,
.atuin-btn:active:before,
.atuin-btn:focus:before {
	content: '';
	position: absolute;
	top: 0;
	right: -90px;
	bottom: 0;
	left: 0;
	border-right: 90px solid transparent;
	border-top: 90px solid #FFFF01;
	transition: transform 0.5s;
	transform: translateX(-100%);
	z-index: -1;
}
.atuin-btn:hover:before {
	transform: translateX(0);
}
#form-content {
	display: none;
}


.politic h1,
.politic h2, 
.politic h3 { 
	font-size: 25px;
}
.politic ul,
.politic ol{ 
	padding-left: 5px;
}




.y1 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 470px 0px 470px;
	margin: -10px 0px 50px 0px;
	
}

@media (max-width: 500px) {
	.y1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 50px 0px 50px;
		margin: -15px 0px 30px 0px;
		
		
	}
}


.y2 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y2 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 20px 0px 0px 0px;
		
		
	}
}



.y3 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 120px 0px 120px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y3 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 10px 0px;
		
		
	}
}



.y3-1 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y3-1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 10px 0px;
		
		
	}
}


.y4 { 
	
	width: 33.3333%;
	height:auto;
	float:left;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.y4 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 30px 0px;
		
		
	}
}



.y5 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 45px 0px;
	
	box-shadow:0px 0px 21px 1px rgba(0,0,0,0.06);
-webkit-box-shadow:0px 0px 21px 1px rgba(0,0,0,0.06);
-moz-box-shadow:0px 0px 21px 1px rgba(0,0,0,0.06);
	
	border-radius: 15px 15px 15px 15px;
	
}

@media (max-width: 500px) {
	.y5 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y6 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 20px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	
	font-family: montserrat;
	font-size: 20px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y6 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 0px 0px 0px;
		margin: -10px 0px 0px 0px;
		
	font-family: montserrat;
	font-size: 18px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}




.y6-1 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 20px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	
	font-family: montserrat;
	font-size: 30px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y6-1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 17px 20px 0px 20px;
		margin: -10px 0px 0px 0px;
		
	font-family: montserrat;
	font-size: 25px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}



.y6-2 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 10px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	
	font-family: Open Sans;
	font-size: 17px;
	line-height: 1.3;
    font-weight: 400;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y6-2 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 10px 0px 5px 0px;
		margin: 0px 0px 0px 0px;
		
	font-family: Open Sans;
	font-size: 14px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}



.y7 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 20px 40px 30px 40px;
	margin: 0px 0px 0px 0px;
	background:#fff;
	
	border-radius: 0px 0px 15px 15px;
	
}

@media (max-width: 500px) {
	.y7 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 30px 25px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}




.y7-1 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 20px 120px 30px 120px;
	margin: 0px 0px 0px 0px;
	background:#fff;
	
	border-radius: 0px 0px 15px 15px;
	
}

@media (max-width: 500px) {
	.y7-1 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 30px 25px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y8 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 30px 0px;
	margin: 0px 0px 0px 0px;
	
	background:#F7F7F7;
	
}

@media (max-width: 500px) {
	.y8 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 30px 0px;
		margin: 0px 0px 0px 0px;
		
		
	}
}


.y9 { 
	
	border-radius: 15px 15px 0px 0px;
	
}




.y10 { 
	
	width: 40%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y10 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 20px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}




.y11 { 
	
	width: 60%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 60px;
	margin: -5px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y11 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 20px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y12 { 
	
	
	box-shadow:0px 0px 42px 0px rgba(0,0,0,0.12);
-webkit-box-shadow:0px 0px 42px 0px rgba(0,0,0,0.12);
-moz-box-shadow:0px 0px 42px 0px rgba(0,0,0,0.12);
	border-radius: 15px;
	border: 1px solid #fff;

	
}



.y13 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 30px 0px;

	
}

@media (max-width: 500px) {
	.y13 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 10px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y14 { 
	
	width: 50%;
	height:auto;
	float:left;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 5px 0px;
	
}

@media (max-width: 500px) {
	.y14 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 30px 0px;
		
		
	}
}



.y15 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 120px 0px 120px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y15 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 60px 0px 60px;
		margin: 0px 0px 10px 0px;
		
		
	}
}



.y16 { 
	
	width: 100%;
	height:500px;
	float:left;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px 0px 0px;
	
	background: url(https://tianaglobal.ru/wp-content/uploads/2025/02/01.jpg) no-repeat center;
	background-size: cover;
	
	
}

@media (max-width: 500px) {
	.y16 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 33px 0px;
		margin: 0px 0px 0px 0px;
		
		background: url(https://tianaglobal.ru/wp-content/uploads/2025/02/01.jpg) no-repeat center;
	background-size: cover;
		
	}
}



.y17 { 
	
	width: 60%;
	height:auto;
	float:left;
	padding: 0px 0px 30px 60px;
	margin: -5px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y17 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 20px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y18 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 10px 50px 4px 50px;
	margin: 0px 0px 0px 0px;
	
	font-family: Open Sans;
	font-size: 17px;
	line-height: 1.3;
    font-weight: 400;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y18 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 10px 30px 5px 30px;
		margin: 0px 0px 0px 0px;
		
	font-family: Open Sans;
	font-size: 14px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}



.y19 { 
	
	width: 42%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y19 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 20px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y20 { 
	
	width: 58%;
	height:auto;
	float:left;
	padding: 0px 0px 30px 50px;
	margin: -5px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y20 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 20px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y21 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 20px 0px 0px 0px;
	margin: -10px 0px 0px 0px;
	
	font-family: montserrat;
	font-size: 24px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y21 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 15px 0px 0px 0px;
		margin: -10px 0px 0px 0px;
		
	font-family: montserrat;
	font-size: 18px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}



.y22 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 90px 0px 90px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y22 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 10px 0px;
		
		
	}
}



.y23 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 120px 0px 120px;
	margin: 0px 0px 0px 0px;
	
}

@media (max-width: 500px) {
	.y23 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y24 { 
	
	width: 30%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y24 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 70px 20px 70px;
		margin: 0px 0px 0px 0px;
		
		
	}
}


.y25 { 
	
	width: 70%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 60px;
	margin: -5px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y25 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 0px 0px;
		
		
	}
}



.y26 { 
	
	width: 70%;
	height:auto;
	float:left;
	padding: 0px 30px 0px 0px;
	margin: 50px 0px 0px 0px;
	
	text-align:right;

	
}

@media (max-width: 500px) {
	.y26 {
		
        
		width:70%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 0px;
		margin: 30px 0px 0px 0px;
		
		
	}
}


.y27 { 
	
	width: 30%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;

	
}

@media (max-width: 500px) {
	.y27 {
		
        
		width:30%;
		height: auto;
		float:left;
		padding: 0px 0px 0px 5px;
		margin: 20px 0px 0px 0px;
		
		
	}
}



.y28 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y28 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 20px 0px 20px;
		margin: 0px 0px 10px 0px;
		
		
	}
}



.y29 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 10px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
	
	font-family: Open Sans;
	font-size: 20px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
	
}

@media (max-width: 500px) {
	.y29 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 7px 30px 7px 30px;
		margin: 0px 0px 0px 0px;
		
	font-family: Open Sans;
	font-size: 14px;
	line-height: 1.3;
    font-weight: 500;
	color: #000;
	
	text-align: center;
	background:#fff;
		
		
	}
}


.y30 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 220px 0px 220px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y30 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 10px 0px;
		
		
	}
}



.whatsapp-button {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    background-color: #25D366;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='%23FFF' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3e%3c/svg%3e");    
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.whatsapp-button:before,
.whatsapp-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #25D366;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.whatsapp-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}



@media (max-width: 500px) {
	.whatsapp-button {
		
        
		display: none;
		
		
	}
}




.y31 { 
	
	width: 100%;
	height:auto;
	float:left;
	padding: 0px 180px 0px 180px;
	margin: 35px 0px 45px 0px;
	
	text-align:center;
	
}

@media (max-width: 500px) {
	.y31 {
		
        
		width:100%;
		height: auto;
		float:left;
		padding: 0px 30px 0px 30px;
		margin: 0px 0px 10px 0px;
		
		
	}
}